<!DOCTYPE html>
<html>
<%- include('../../includes/head.ejs') %>
<!-- include another file's content -->

<body>
    <%- include('../../includes/containers-start.ejs') %>
    <%- include('../../includes/navbar.ejs') %>
    <div class="intros"><%= pageIntro %></div>
    <div class='sub-details-individual'>
        <h1 class="std-intro"><%= pageTitle %></h1>
    </div>
    <div class='content-wrapper'>
        <p>UNDER CONSTRUCTION. signup page</p>
        <h2 class="centered">Sign Up:</h2>
        <form action="/signup" method="POST" class="login-form">
            <div class="form-control">
                <label for="email">Email:</label>
                <input type="email" name="email" id="email">
            </div>
            <div class="form-control">
                <label for="password">Password:</label>
                <input type="password" name="password" id="password">
            </div>
            <div class="form-control">
                <label for="password">Confirm Password:</label>
                <input type="password" name="confirm-password" id="confirm-password">
            </div>
            <button class='btn-std'>Login</button>
        </form>
    </div>
    <%- include('../../includes/containers-end.ejs') %>
</body>

</html>