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

{% block title %}Landing page | Pulse.sn{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block body %}

    <main class="main">
        <div class="container-fluid">
            <div class="row d-flex align-items-center">
                <div class="col-md-7">

                    <div class="logo text-center text-md-left wow bounceInRight" data-wow-delay="300ms">
                        <img class="img-fluid" src="{{ asset('assets/images/logo-pulse.png') }}" alt="logo-pulse">
                    </div>

                    <div class="hook wow bounceInRight" data-wow-delay="400ms">
                        <ul>
                            <li class="d-table mb-3"> <span><img class="check-icon" src="{{ asset('assets/images/Icone.svg') }}"></span>
                                <span class="d-table-cell pl-2"> Leader des médias innovants </span></li>
                            <li class="d-table mb-3"> <span><img class="check-icon" src="{{ asset('assets/images/Icone.svg') }}"></span>
                                <span class="d-table-cell pl-2"> Une offre intégrée et globale </span></li>
                            <li class="d-table mb-3"> <span><img class="check-icon" src="{{ asset('assets/images/Icone.svg') }}"></span>
                                <span class="d-table-cell pl-2">Nous racontons votre histoire, nous nous engageons</span> </li>
                        </ul>
                    </div>

                    <div class="hook-footer d-none d-md-block wow bounceInRight" data-wow-delay="500ms">
                        <img class="img-fluid" src="{{ asset('assets/images/pulse-diag.png') }}" alt="">
                    </div>

                </div>
                <div class="col-md-5">
                    <div class=" d-flex justify-content-end align-items-end wow bounceInLeft">
                        {{ include('default/_form.html.twig') }}
                    </div>
                </div>
            </div>
        </div>
    </main>

    <section class="footer p-2">
        <div class="container-fluid">
            <div class="row m-0 text-center">
                <div class="col-md-6">
                    <p class="m-md-0"><strong>Copyright © 2020 Pulse Sénégal.</strong></p>
                </div>
                <div class="col-md-6">
                    <p class="m-md-0"><a href="{{ asset('assets/images/pdf/cgu_pulse.pdf') }}">Conditions générales</a></p>
                </div>
            </div>
        </div>
    </section>

{% endblock %}

{% block javascripts %}
{% endblock %}