{% extends 'base.html.twig' %}
{% block stylesheets %}
    {{ encore_entry_link_tags('app') }}
    {{ parent() }}
    {{ encore_entry_link_tags ('section') }}
{% endblock %}
{% block body %}
    <main class="health">
        <div class="container-corevih">
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <a href="#"><h2>MA SANTÉ SEXUELLE C'EST QUOI ?</h2></a>
                            <p class="card-text">La santé sexuelle fait partie intégrante de la santé, du bien-être et de la qualité de vie dans leur ensemble.
                                La santé sexuelle c’est : être épanoui(e) dans sa vie relationnelle et affective, vivre pleinement et sereinement sa sexualité
                                pouvoir en parler librement, se protéger des risques liés à la sexualité.
                            </p>
                            <a href="#" class="btn btn-primary">EN SAVOIR PLUS</a>
                        </div>
                        <div class="col-lg-4">
                            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4">
                                <img class="img-fluid" src="{{ asset('pictures/pictos/mss_sexuelle.png') }}"
                                     alt="">
                            </div>
                        </div>
                    </div>
                    <div class="border"></div>
                    <div class="row align-items-center">
                        <div class="col-lg-4">
                            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4">
                                <img class="img-fluid" src="{{ asset('pictures/pictos/mss_info.png') }}"
                                     alt="">
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <a href="#"><h2>M'INFORMER, M'ACCOMPAGNER</h2></a>
                            <p class="card-text">Le parcours de santé sexuelle peut-être un parcours semé de questions,
                                d’inquiétudes, de doutes. De nombreuses ressources existent pour vous informer, vous orienter, vous accompagner !
                            </p>
                            <a href="#" class="btn btn-primary">EN SAVOIR PLUS</a>
                        </div>
                    </div>
            <div class="border"></div>
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <a href="#"><h2>MA PRÉVENTION, AVANT, PENDANT, APRÈS</h2></a>
                            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam architecto corporis
                                dolore dolores earum eum eveniet ex fugiat ipsum, laudantium non optio, placeat, quae
                                recusandae
                                tempore temporibus ullam unde. Dolorem error et explicabo, id laborum nihil saepe! Nemo,
                                rerum, tenetur?
                            </p>
                            <a href="#" class="btn btn-primary">EN SAVOIR PLUS</a>
                        </div>
                        <div class="col-lg-4">
                            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4">
                                <img class="img-fluid" src="{{ asset('pictures/pictos/mss_prevention.png') }}"
                                     alt="">
                            </div>
                        </div>
                    </div>
                    <div class="border"></div>
                    <div class="row align-items-center">
                        <div class="col-lg-4">
                            <div class="view overlay rounded z-depth-2 mb-lg-0 mb-4">
                                <img class="img-fluid" src="{{ asset('pictures/pictos/mss_map.png') }}"
                                     alt="">
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <a href="{{ path('map') }}"><h2>MA CARTE SANTÉ EN RÉGION</h2></a>
                            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam architecto corporis
                                dolore dolores earum eum eveniet ex fugiat ipsum, laudantium non optio, placeat, quae
                                recusandae
                                tempore temporibus ullam unde. Dolorem error et explicabo, id laborum nihil saepe! Nemo,
                                rerum, tenetur?
                            </p>
                            <a href="{{ path('map') }}" class="btn btn-primary">EN SAVOIR PLUS</a>
                        </div>
                    </div>
            </div>
    </main>
{% endblock %}