Untitled

<body>
    <div class="container">
        <div class="row main">
            <div class="main-login main-center">
                <h5>Sign Up</h5>
                <form action="SignUp.php" method="post" id="signupForm">

                    <div class="form-group">
                        <label for="fn" class="cols-sm-2 control-label">Firstname</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
                                <input type="text" class="form-control" name="fn" id="fn"
                                       placeholder="Enter your firstname"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="ln" class="cols-sm-2 control-label">Lastname</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
                                <input type="text" class="form-control" name="ln" id="ln"
                                       placeholder="Enter your lastname"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="email" class="cols-sm-2 control-label">Email</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
                                <input type="email" class="form-control" name="email" id="email"
                                       placeholder="Enter your Email"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="password" class="cols-sm-2 control-label">Password</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
                                <input type="password" class="form-control" name="password" id="password"
                                       placeholder="Enter your Password"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="confirm" class="cols-sm-2 control-label">Confirm Password</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
                                <input type="password" class="form-control" name="confirm" id="confirm"
                                       placeholder="Confirm your Password"/>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input id="submit" type="submit" value="Register" name="submit"
                                  class="btn btn-primary btn-lg btn-block login-button">
                        <div id="agreeDiv">
                            <input id="agreeId" type="checkbox" value="agree"/>
                            <label id="agreeLbl">I accept the terms and conditions</label>
                        </div>
                    </div>

                    <div class="form-group">
                        <span id="signInSpan">Already have an account?<button id="signInBtn">Sign In!!</button></span>
                    </div>
                </form>

                <form method="post" action="SignIn.php" id="signinForm">

                    <div class="form-group">
                        <label for="email2" class="cols-sm-2 control-label">Email</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
                                <input type="email" class="form-control" name="email2" id="email2"
                                       placeholder="Enter your Email"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="password2" class="cols-sm-2 control-label">Password</label>
                        <div class="cols-sm-10">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
                                <input type="password" class="form-control" name="password2" id="password2"
                                       placeholder="Enter your Password"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <button id="submit2" type="submit" class="btn btn-primary btn-lg btn-block login-button">Login</button>
                    </div>

                    <div class="form-group">
                        <span id="signUpSpan">Don't have an account?<button id="signUpBtn">Sign Up!!</button></span>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <script src="SignUpIn.js"></script>
</body>

<?php
$servername = "localhost";
$username = "root";
$password = "";
$db = "projetpw";
$port = 3308;
$conn = mysqli_connect($servername, $username, $password, $db ,$port);
if(!$conn){
    die("Connection failed : ".mysqli_connect_error());
}
else{
    $jq = '<script type="text/javascript">'
            . 'alert("Connected Successfully");'
            . '</script>';
    echo $jq;
}