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

{% block title %}Pulse.sn Programme Teranga{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block body %}

    <main class="main container-fluid p-0">
        {#<section class="header">
            <div class="img-header w-100 wow fadeIn" delay="1000ms">
            </div>
        </section>#}

        <section class="content-wrap">
            <div class="img-content d-none d-md-block">
                <img src="{{ asset('assets/images/teranga-bg.jpg') }}" class="img-fluid" alt="">
            </div>
            <div class="img-content-mobile d-block d-md-none">
                <img src="{{ asset('assets/images/teranga-bg-mobile.jpg') }}" class="img-fluid" alt="">
            </div>

            <div class="content-and-form d-md-flex align-items-center">
                <div class="content col-md-12 mt-2 mt-md-0">
                    <div class="col-md-8">
                        <div class="resume wow bounceInLeft">

                            <div class="paragraph-1">
                                <p class="pb-2 wow bounceInRight">
                                    Votre <span class="font-weight-bold">fidélité</span> <br>
                                    est <span class="font-weight-bold">récompensée !</span>
                                </p>
                            </div>
                            <div class="paragraph-2">
                                <p class="pb-2 wow bounceInRight">
                                    Profitez de notre <br>
                                    <span class="pulse-red font-weight-bold">Programme Teranga</span>.
                                </p>
                            </div>

                        </div>
                    </div>
                </div>

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

                </div>
            </div>

        </section>
        <section class="footer p-2">
            <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>
        </section>



    </main>

{% endblock %}

{% block javascripts %}
{% endblock %}