signup.php

<?php
require "includes/header.php"
?>

<main>
    <link rel="stylesheet" href="../css/signup.css">
    <div class="bg-cover">
        <div class="h-100 container center-me">
            <div class="my-auto">
                <div class="signup-form">
                    <form action="includes/signup-helper.php" method="post">
                        <h1 class="h3 mb-3 fw-normal">Please sign up</h1>
                        <p class="hint-text">Create your Account!</p>
                        <div class="form-group">
                            <div class="row">
                                <div class="col">
                                    <input type="text" class="form-control" name="fname" placeholder="First Name" required autofocus>
                                </div>
                                <div class="col">
                                    <input type="text" class="form-control" name="lname" placeholder="Last Name" required autofocus>
                                </div>
                            </div>
                        </div>
                        <input type="text" class="form-control" name="uname" placeholder="Username" required autofocus>

                        <input type="email" id="inputEmail" class="form-control" name="email" placeholder="Email address" required
                            autofocus>
                        <input type="password" id="inputPassword" class="form-control" name="pwd" placeholder="Password" required>
                        <input type="password" id="inputPassword" class="form-control" name="con-pwd" placeholder="Confirm Password"
                            required>
                        <div class="checkbox mb-3">
                            <label>
                                <input type="checkbox" value="remember-me"> Remember Me
                            </label>
                        </div>
                        <button class="w-100 btn btn-lg btn-outline-danger btn-primary" name="signup-submit" type="submit">Sign in</button>
                        <p class="mt-5 mb-3 text-muted">&copy; 2020-2021</p>
                    </form>
                </div>
            </div>
        </div>
    </div>


</main>