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

{% block title %}Éducation{% endblock %}

{% block body %}
    <section class="page-title-section bg-img cover-background" data-overlay-dark="7"
             data-background="{{ asset('img/education/education.jpg') }}"
             style="background-image: url({{ asset('img/education/education.jpg') }});">
        <div class="container lg-container">

            <div class="row">
                <div class="col-md-12">
                    <h1>L’Académie du chiot</h1>
                </div>
                <div class="col-md-12">
                    <ul>
                        <li><a href="{{ path('index') }}">{{ constant('App\\Constants\\Constants::NAME') }}</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </section>
    <section class="no-padding-bottom">
        <div class="container lg-container">

            <div class="text-center margin-40px-bottom">
                <h3 class="font-weight-900 font-size50 xs-font-size40 xs-margin-10px-bottom">Pourquoi ?</h3>
                <p class="width-70 sm-width-70 xs-width-80 mobile-width-100 center-col">
                    Parce que les premiers mois sont
                    essentiels, {{ constant('App\\Constants\\Constants::NAME') }} propose l’<strong>Académie du
                        chiot</strong>, un programme spécialement conçu
                    pour accompagner les jeunes chiens jusqu’à 8 mois.
                </p>
            </div>
        </div>
    </section>

    <section>
        <div class="container lg-container">
            <div class="text-center margin-40px-bottom">
                <h3 class="font-weight-900 font-size50 xs-font-size40 xs-margin-10px-bottom">Comment ?</h3>
            </div>
            <div class="row">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <h4 class="font-weight-800 font-size36 md-font-size34 xs-font-size30 margin-5px-bottom">En
                            petits groupes</h4>
                        <p class="font-size18 text-secondary-color">Votre chiot apprend à :</p>
                        <ul class="list-style3 margin-30px-bottom">
                            <li>Découvrir le monde en toute confiance.</li>
                            <li>Développer de bonnes bases d’éducation.</li>
                            <li>Se socialiser avec d’autres chiens et humains.</li>
                            <li>Créer une relation harmonieuse avec vous.</li>
                        </ul>
                        <p>
                            Les séances sont animées par Aurélie Fourgeaud (Osmoze Animale), éducatrice passionnée et
                            spécialisée dans l’accompagnement des chiots et de leurs familles.
                        </p>
                    </div>
                    <div class="col-lg-6 sm-margin-30px-bottom">
                        <div class="padding-50px-right sm-no-padding-right sm-text-center">
                            <img src="{{ asset('img/education/groupes.jpg') }}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-theme bg-img theme-overlay" data-overlay-dark="93" data-background="img/bg/pattern.png"
             style="background-image: url(&quot;img/bg/pattern.png&quot;);">
        <div class="container">
            <div class="text-center">
                <h5 class="text-white font-size40 sm-font-size30 xs-font-size26 margin-20px-bottom sm-margin-10px-bottom">
                    L’Académie du chiot</h5>
                <p class="text-white font-size20 sm-font-size18 xs-font-size16 margin-30px-bottom sm-margin-20px-bottom xs-margin-10px-bottom line-height-35 xs-line-height-30 width-75 sm-width-100 center-col">
                    C’est un moment d’apprentissage,
                    de partage et de complicité pour bien démarrer votre vie ensemble 🌿</p>
            </div>
        </div>
    </section>
{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
        jQuery(document).ready(function () {
        })
    </script>
{% endblock %}