Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Register</title>
    <link rel="stylesheet" href="../styles/styles.css" type="text/css" />

</head>

<body>
    <h1>
        CRUNCH
    </h1>
    <nav>
        <ul>
            <li><a href="#">About</a></li>
            <li><a href="login.html">Login</a></li>
            <li class="active"><a href="/login/login_page">Register</a></li>
            <!-- <li><a href="#####">About</a></li> -->
        </ul>
    </nav>
    <div id="form-container">
        <form action="/signup/signup_page" method="post">
            Please enter your desired username and password:
            <br>
            <br>
            <label for="name">Username:</label>
            <input type="text" id="name" name="user_name">
            <br>
            <label for="password">Password:</label>
            <input type="text" id="password" password="password">
            <br><br>
            <button class="submit-btn" type="submit">Submit</button>
        </form>
    </div>
    <img class="bg" src="../assets/LandingBG.png">

</body>

</html>