{% extends 'front/base.html.twig' %}
{% block title %}{{ Globals.getCompany().name }} :: Qui sommes nous ? {% endblock %}
{% block body %}
    <main class="main single-page" id="app">

        <section class="section-padding">
            <div class="container pt-25">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 m-auto">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="login_wrap widget-taber-content p-30 background-white border-radius-10 mb-md-5 mb-lg-0 mb-sm-5">
                                        <div class="padding_eight_all bg-white">
                                            <div class="heading_s1">
                                                <h3 class="mb-30">Login</h3>
                                            </div>
                                            <form method="post" action="">
                                                <div class="mb-3">
                                                    <input type="text" required="" name="email"
                                                           placeholder="Your Email">
                                                </div>
                                                <div class="mb-3">
                                                    <input required="" type="password" name="password"
                                                           placeholder="Password">
                                                </div>
                                                <div class="login_footer mb-3">
                                                    <div class="chek-form">
                                                        <div class="custome-checkbox">
                                                            <input class="form-check-input" type="checkbox"
                                                                   name="checkbox" id="exampleCheckbox1" value="">
                                                            <label class="form-check-label"
                                                                   for="exampleCheckbox1"><span>Remember me</span></label>
                                                        </div>
                                                    </div>
                                                    <a class="text-muted" href="#">Forgot password?</a>
                                                </div>
                                                <div class="mb-3">
                                                    <button type="submit" class="btn btn-fill-out btn-block hover-up"
                                                            name="login">Log in
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="login_wrap widget-taber-content p-30 background-white border-radius-5">
                                        <div class="padding_eight_all bg-white">
                                            <div class="heading_s1">
                                                <h3 class="mb-30">Create an Account</h3>
                                            </div>
                                            <p class="mb-50 font-sm">
                                                Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our privacy policy
                                            </p>
                                            <form method="post">
                                                <div class="mb-3">
                                                    <input type="text" required="" name="username" placeholder="Username">
                                                </div>
                                                <div class="mb-3">
                                                    <input type="text" required="" name="email" placeholder="Email">
                                                </div>
                                                <div class="mb-3">
                                                    <input required="" type="password" name="password" placeholder="Password">
                                                </div>
                                                <div class="mb-3">
                                                    <input required="" type="password" name="password" placeholder="Confirm password">
                                                </div>
                                                <div class="login_footer mb-3">
                                                    <div class="chek-form">
                                                        <div class="custome-checkbox">
                                                            <input class="form-check-input" type="checkbox" name="checkbox" id="exampleCheckbox12" value="">
                                                            <label class="form-check-label" for="exampleCheckbox12"><span>I agree to terms &amp; Policy.</span></label>
                                                        </div>
                                                    </div>
                                                    <a href="page-privacy-policy.html"><i class="fi-rs-book-alt me-5 text-muted"></i>Lean more</a>
                                                </div>
                                                <div class="mb-3">
                                                    <button type="submit" class="btn btn-fill-out btn-block hover-up" name="login">Submit &amp; Register</button>
                                                </div>
                                            </form>
                                            <div class="divider-text-center mt-15 mb-15">
                                                <span> or</span>
                                            </div>
                                            <ul class="btn-login list_none text-center mb-15">
                                                <li><a href="#" class="btn btn-facebook hover-up mb-lg-0 mb-sm-4">Login With Facebook</a></li>
                                                <li><a href="#" class="btn btn-google hover-up">Login With Google</a></li>
                                            </ul>
                                            <div class="text-muted text-center">Already have an account? <a href="#">Sign in now</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}