{# src/CeremhBundle/Ressources/autoecole.html.twig #}

{% extends "main/_Layout.html.twig" %}


{% block Meta %}

    <title>{{ meta.title }}</title>
    <meta name="description" content="{{ meta.description }}">
    <meta name="keyword" content="{{ meta.keyword }}">

{% endblock %}

{% block content %}

<hr style="margin-bottom: 0px">

    <div class="project-single-header  mb20 pt20 bg-faded">
        <div class="container ">
            <div class="row">

                <div class=" col-md-8">
                    <h1 class="text-capitalize">CEREMH - Conduite </h1>
                    <p class="lead souttitre">Ne vous mélangez plus les pédales</p>
                    <p class="lead">L’entité conduite du CEREMH a été créée pour regrouper les activités qui gravitent autour de l’accès à la conduite et du transport des personnes en situation de handicap.
                    </p>
                </div>
                <div class=" col-md-4">
                    <img class="embed-responsive" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Conduite_Title.png"/>
                </div>
            </div>
        </div>
        <hr>
    </div>

    <section>

        <section class="pt20 pb20">
            <div class="container">
                <div class="card card-body">
                    <h3 class="card-title">
                        Notre auto-école associative
                    </h3>
                        <div class="row">

                                <div class="col-lg-3">
                                    <img src="_Assets/Images/AutoEcole.png" class="embed-responsive">
                                </div>
                                <div class="col-lg-6">

                                    <p class="card-text">Notre auto-école associative peut vous accompagner vers l'autonomie pour vos déplacements.</p>
                                </div>
                                <div class="col-lg-3">
                                    <a href="{{ path('conduite-autoecole') }}" class="btn btn-primary" style="width: 100%">Consulter</a>
                                </div>

                        </div>

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

        <section class="pt20 pb20">
            <div class="container">
                <div class="card card-body">
                    <h3 class="card-title">
                        Centre d'information
                    </h3>
                    <div class="row">

                        <div class="col-lg-3">
                            <img src="_Assets/Images/Information.png" class="embed-responsive">
                        </div>
                        <div class="col-lg-6">
                            <p class="card-text">Vous trouverez dans cette rubrique les informations sur l'accès au permis de conduite (réglementation, adaptations, auto-écoles adaptées)</p>
                            <p class="card-text "><u>Quelques raccourcis :</u></p>
                            <ul class="list-unstyled">
                                <li><a href="#" class="btn btn-link" style="color: gray;" ><i class="fa fa-arrow-circle-o-right"></i> Auto-écoles adaptées</a></li>
                                <li><a href="#" class="btn btn-link" style="color: gray;"><i class="fa fa-arrow-circle-o-right"></i> Les démarches</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3">
                            <a href="{{ path('conduite-inf') }}" class="btn btn-primary" style="width: 100%">Consulter</a>
                        </div>

                    </div>

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

        <section class="pt20 pb20">
            <div class="container">
                <div class="card card-body">
                    <h3 class="card-title">
                        Documentation
                    </h3>
                    <div class="row">

                        <div class="col-lg-3">
                            <img src="_Assets/Images/Documentation.png" class="embed-responsive">
                        </div>
                        <div class="col-lg-6">
                            <p class="card-text">Vous trouverez dans cette rubrique toutes les publications auxquelles l'équipe du CEREMH a contribué sur les thématiques de la moblité et de la conduite.
                            </p>
                            <p class="card-text"><u>Nos dernières publications :</u></p>
                            <ul class="list-unstyled">
                                <li><a href="#" class="btn btn-link" style="color: gray;" ><i class="fa fa-arrow-circle-o-right"></i> Conduite et dyspraxie</a></li>
                                <li><a href="#" class="btn btn-link" style="color: gray;"><i class="fa fa-arrow-circle-o-right"></i> Les TPMR</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3">
                            <a href="{{ path('conduite-doc') }}" class="btn btn-primary" style="width: 100%">Consulter</a>
                        </div>

                    </div>

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

    </section>

    {% endblock %}