{% extends 'base.html.twig' %}

{% block content %}
   <div class="main-content" id="home">
        <section class="banner-w3layouts">
            <div class="container">
                <div class="row banner-w3layouts-grids">
                   <div class="col-lg-5 sign-info" data-aos="fade-right">
                        <h3>Create Account</h3>
                        <p class="para-sign mt-2 mb-4 text-center">Enter your email and password to get sign in.</p>
                               {{ form(form) }}
                    </div>
                    <div class="col-lg-6 banner-w3layouts-image">
                        <div class="effect-w3">
                            <img src={{ asset('img/home/logo.png') }} alt="" class="img-fluid image1">
                            <img src={{ asset('img/home/logo.png') }} alt="" class="img-fluid image2">
                            <img src={{ asset('img/home/logo.png') }} alt="" class="img-fluid image3">
                            <img src={{ asset('img/home/logo.png') }} alt="" class="img-fluid image4">
                        </div>

                    </div>
                </div>
            </div>
        </section>
    </div>
    
{% endblock %}