<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<t:header />

<div class="container">
    <div class="row">
        <div class="col-md-offset-3 col-md-6">
            <div class="form-box">
                <div class="form-top">
                    <div class="form-top-left">
                        <h3>Sign up now</h3>
                        <p>Fill in the form below to get instant access:</p>
                    </div>
                    <div class="form-top-right">
                        <i class="fa fa-pencil"></i>
                    </div>
                </div>
                <div class="form-bottom">
                    <form role="form" action="" method="post" class="registration-form">
                        <div class="form-group">
                            <label class="sr-only" for="first-name">First name</label>
                            <input type="text" placeholder="First name..." class="form-first-name form-control"
                                   name="first-name" id="first-name">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="last-name">Last name</label>
                            <input type="text" placeholder="Last name..." class="form-last-name form-control"
                                   name="last-name" id="last-name">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="email">Email</label>
                            <input type="text" placeholder="Email..." class="form-email form-control"
                                   name="email" id="email">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="password">About yourself</label>
                            <textarea placeholder="About yourself..." class="form-about-yourself form-control"
                                      name="password" id="password"></textarea>
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="password">About yourself</label>
                            <textarea placeholder="About yourself..." class="form-about-yourself form-control"
                                      name="password-re" id="password-re"></textarea>
                        </div>
                        <button type="submit" class="btn">Sign me up!</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div> <!-- /container -->

<t:footer />