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

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

{% 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 - Formation </h1>
                <p class="lead">Trouvez ici la formation professionnelle qui vous convient</p>
            </div>
            <div class=" col-md-4">
                <img class="embed-responsive" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Formation_Title.png"/>
            </div>
        </div>
    </div>
    <hr>
</div>



<div>
    <div class="container pt50 pb50">
        <div class="row">
            <div class="col-lg-3">

                {% include 'main/Pages/Formation/formation_LeftMenu.html.twig' %}


            </div>
            <div class="col-lg-9">
                <h2>Nos prochaines dates : </h2>
                <div class="page-timeline" style="margin-left: 20px">
                    <div class="vtimeline-point">
                        <div class="vtimeline-icon">
                            <i class="fa fa-image"></i>
                        </div>
                        <div class="vtimeline-block">
                            <span class="vtimeline-date">12 Octobre 2021</span><div class="vtimeline-content">
                                <a href="#"><img src="images/entry1.jpg" alt="" class="img-fluid mb20"></a>
                                <a href="#"><h3>Formation conduite Handicap</h3><span class="badge badge-primary">Visio-conférence</span></a>
                                <ul class="post-meta list-inline">
                                    <li class="list-inline-item">
                                        <i class="fa fa-user-circle-o"></i> <a href="#">Antoine et Savinien</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <i class="fa fa-calendar-o"></i> <a href="#">8-9-10 Octobre 2021</a>
                                    </li>
                                </ul>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
                                </p><br>
                                <a href="#" class="btn btn-outline-secondary btn-sm">En savoir plus</a> <a href="#" class="btn btn-outline-secondary btn-sm">S'inscrire</a>
                            </div>
                        </div>
                    </div>

                    <div class="vtimeline-point">
                        <div class="vtimeline-icon">
                            <i class="fa fa-image"></i>
                        </div>
                        <div class="vtimeline-block">
                            <span class="vtimeline-date">June 25, 2017</span><div class="vtimeline-content">
                                <div class="embed-responsive embed-responsive-21by9 mb20">
                                    <iframe src="https://www.youtube.com/embed/htPYk6QxacQ?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="640" height="360" frameborder="0" allowfullscreen=""></iframe>
                                </div>
                                <a href="#"><h3>Standard post title</h3></a>
                                <ul class="post-meta list-inline">
                                    <li class="list-inline-item">
                                        <i class="fa fa-user-circle-o"></i> <a href="#">John Doe</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <i class="fa fa-calendar-o"></i> <a href="#">29 June 2017</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <i class="fa fa-tags"></i> <a href="#">Bootstrap4</a>
                                    </li>
                                </ul>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
                                </p><br>
                                <a href="#" class="btn btn-outline-secondary btn-sm">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="vtimeline-point">
                        <div class="vtimeline-icon">
                            <i class="fa fa-image"></i>
                        </div>
                        <div class="vtimeline-block">
                            <span class="vtimeline-date">June 25, 2017</span><div class="vtimeline-content">
                                <a href="#"><img src="images/entry3.jpg" alt="" class="img-fluid mb20"></a>
                                <a href="#"><h3>Standard post title</h3></a>
                                <ul class="post-meta list-inline">
                                    <li class="list-inline-item">
                                        <i class="fa fa-user-circle-o"></i> <a href="#">John Doe</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <i class="fa fa-calendar-o"></i> <a href="#">29 June 2017</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <i class="fa fa-tags"></i> <a href="#">Bootstrap4</a>
                                    </li>
                                </ul>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
                                </p><br>
                                <a href="#" class="btn btn-outline-secondary btn-sm">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>

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





    {% endblock %}