<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>SeatStock</title>
        <link rel="stylesheet" href="style.css">
        <script src="script.js"></script>
        <link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
        <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" sizes="16x16">
    
    
    </head>
    <body>



        <!--  ***************  HEADER ********************    **** -->
                <logo><a href="index.html">SeatStock</a></logo>
                <signinButton><a href="signin.html">Sign In</a></signinButton>
                <faqButton><a href="FAQ.html">How it Works</a></faqButton>



        <!--  *************    BODY ********************    **** -->       

        <div class="signup-body">
            <div class="form-name"><br>Register</div>
            <div class="form-name-subtitle">Join other verified students.</div>
            <form action="signUp" class="stuff" method="post">
                <input type="text" placeholder="First Name" id="firstname" name="firstname" required><br><br>
                <input type="text" placeholder="Last Name" id="lastname" name="lastname" required><br><br>
                <input type="text" placeholder="Student Email" id="email" name="email" required><br><br>
                <input type="text" placeholder="Phone Number" id="phone" name="phone" required><br><br>
                <input type="password" placeholder="Password" id="password" name="password" required><br><br>
                <input type="password" placeholder="Confirm Password" id="password" name="password" required><br><br>
                <div class="promotion-container">
                    <input type="checkbox" class="promotion-checkbox" name="myCheckbox">
                    <label for="myCheckbox" class="promotion-checkbox-label">I want to be emailed about special promotions and deals</label> </label>
                </div>
                <div class="terms-container">
                    <input type="checkbox" class="terms-checkbox" name="myCheckbox">
                    <label for="myCheckbox" class="terms-checkbox-label">I have read and agree to the terms and conditions</label> </label>
                </div>
                <div class="sign-in-button-container">
                    <button class="sign-up-button">Sign Up</button>
                </div>
            
            </form>
            
        </div>    

        <br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br>
       <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
       <br><br><br><br><br><br><br>
  
        <footer>
            <p>&copy; 2023 SeatStock V. All rights reserved. </p>
        </footer>








    </body>
</html>