@extends('front.app')

@section('content')

    <!-- Page Content-->
    <main class="page-content">
        <!-- Sign Up-->
        <section>
            <!-- RD Parallax-->
            <div data-on="false" data-md-on="true" class="rd-parallax">
                <div data-speed="0.25" data-type="media" data-url="/site/images/backgrounds/background-25-1920x900.jpg" class="rd-parallax-layer"></div>
                <div data-speed="0" data-type="html" data-md-fade="false" class="rd-parallax-layer">
                    <div class="shell section-80 section-md-top-135 section-md-bottom-165">
                        <div class="range range-xs-center">
                            <div class="cell-xs-9 cell-sm-7 cell-md-5 cell-lg-4">
                                <!-- Box-->
                                <div class="box box-lg reveal-block bg-white inset-lg-left-60 inset-lg-right-60">
                                    <h5 class="text-ubold text-sm-left">Sign Up</h5>
                                    <div class="offset-top-25">
                                        <form class="rd-mailform">
                                            <div class="form-group form-group-xs">
                                                <label for="signup-email" class="form-label">Email</label>
                                                <input id="signup-email" type="email" name="signup-email" data-constraints="@Email @Required" class="form-control">
                                            </div>
                                            <div class="form-group form-group-xs">
                                                <label for="signup-type" class="form-label">Email</label>
                                                <select id="signup-type" type="email" name="signup-type" data-constraints="@Email @Required" class="form-control">

                                                </select>
                                            </div>
                                            <div class="form-group form-group-xs offset-top-12">
                                                <label for="signup-password" class="form-label">Password</label>
                                                <input id="signup-password" type="password" name="signup-password" data-constraints="@Required" class="form-control">
                                            </div>
                                            <div class="form-group form-group-xs offset-top-12">
                                                <label for="signup-re-enter-password" class="form-label">Re-enter password</label>
                                                <input id="signup-re-enter-password" type="password" name="signup-re-enter-password" data-constraints="@Required" class="form-control">
                                            </div>
                                            <div class="offset-top-20">
                                                <button type="submit" class="btn btn-block btn-icon btn-icon-right btn-primary"><span>sign up</span><span style="float:none; margin-top:-1px;" class="icon icon-xxs mdi mdi-chevron-right"></span></button>
                                            </div>
                                            <div class="offset-top-0">
                                                <p class="text-extra-small">Already have an account? <a href="login.html" class="text-primary">Log In</a> now!</p>
                                            </div>
                                            <div class="offset-top-4 section-hidden">
                                                <p class="divider-both-lines text-silver-chalice text-bold text-italic">or</p>
                                            </div>
                                            <div class="offset-top-15"><a href="#" class="btn btn-block btn-icon btn-icon-both btn-twitter btn-wide-left-icon"><span class="icon icon-xxs fa fa-twitter"></span><span>LOG IN WITH TWITTER</span><span class="icon icon-xxs mdi mdi-chevron-right"></span></a></div>
                                            <div class="offset-top-8"><a href="#" class="btn btn-block btn-icon btn-icon-both btn-facebook btn-wide-left-icon"><span class="icon icon-xxs fa fa-facebook"></span><span class="inset-left-15">LOG IN WITH FACEBOOK</span><span class="icon icon-xxs mdi mdi-chevron-right"></span></a></div>
                                            <div class="offset-top-8"><a href="#" class="btn btn-block btn-icon btn-icon-both btn-google-plus btn-wide-left-icon"><span style="margin-left:-3px;" class="icon icon-xxs fa fa-google-plus"></span><span>LOG IN WITH Google+</span><span class="icon icon-xxs mdi mdi-chevron-right"></span></a></div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection