transition_tera.coop/public/Pages/actu.html

<div class="row">
    <div class="container-fluid">
        <h2 class="section-heading">Actualités</h2>
        <hr class="light">
        <!-- Bloc prochains événements -->
        <div class="row">
            <div class="col-md-12 center-bloc">
                <div class="panel panel-default" id="evenements">
                    <div class="panel-heading">
                        <h3 class="panel-title">Prochains événements et formations</h3>
                    </div>
                    <div class="panel-body">
                        <div class="row center">
                            <div class="col-md-6">
                                <h4>Week-ends découvertes du projet Tera</h4>
                                <ul>
                                    <li>6-7 avril</li>
                                    <li>4-5 mai</li>
                                    <li>27-28 juillet</li>
                                    <li>30 août - 1er septembre</li>
                                    <li>2-3 novembre</li>
                                </ul>
                                <p><a href="https://wiki.tera.coop/tera:visites">Cliquez pour plus d'information</a></p>
                            </div>
                            <div class="col-md-6">
                                <h4>Le Petit Guide économique et financier des écolieux en transition</h4>
                                <p>10 ans d’expérimentation en 108 pages et 12 étapes.<br />
                                Par Frédéric Bosqué, Initiateur du projet TERA</p>
                                <p>Téléchargez-le sur :<br />
                                <a href="https://www.transition.coop">https://www.transition.coop</a></p>
                            </div>
                        </div>
                        <div class="row center">
                             <div class="col-md-6">
                                <h4>Formations en Communication Non Violente (CNV)</h4>
                                <h5>Modules de base 1,2 et 3 :</h5>
                                <ul>
                                    <li>26-28 avril</li>
                                    <li>24-26 mai</li>
                                </ul>
                                <p><a href="https://orianeboyer.com/stages/">Cliquez pour plus d'informations</a></p>
                            </div>
                            <div class="col-md-6">
                                <h4>Formations alimentation, cuisine et conservation</h4>
                                <ul>
                                    <li>19-21 avril</li>
                                    <li>28-30 juin</li>
                                    <li>13-15 septembre</li>
                                </ul>
                                <p><a href="https://www.oui-tout-simplement.org/cuisine-et-alimentation-ecologique/">Cliquez pour plus d'informations</a></p>
                            </div>
                        </div>
                        <div class="row center">
                            <div class="col-md-6">
                                <h4>Formations facilitation de groupe</h4>
                                <ul>
                                    <li>23-24 mars</li>
                                </ul>
                                <p><a href="https://www.oui-tout-simplement.org/facilitation-de-groupes/">Cliquez pour plus d'informations</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Fin du bloc prochains événements-->
        <div class="row"> 
            <div class="col-md-3">
                <div class="panel panel-default actu">
                    <div class="panel-heading">
                        <h3 class="panel-title">Les visites groupées</h3>
                    </div>
                    <div class="panel-body">
                        <p><img class="img-responsive center-block" src="img/actus/visites_groupees.jpg" alt="Photo atelier visite groupée" /></p>
                        <p><a href="https://wiki.tera.coop/tera:visites">Venez vous plonger dans le projet Tera le temps d’un week-end !</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-default actu">
                    <div class="panel-heading">
                        <h3 class="panel-title">Nous avons besoin de votre soutien</h3>
                    </div>
                    <div class="panel-body">
                        <p><img class="img-responsive center-block" src="img/actus/dons.jpg" alt="Photo arrosage jeunes plants" /></p>
                        <ul>
                            <li><a href="https://sdh-lefonds.org/tera/">Je fais un don défiscalisable</a></li>
                            <li><a href="https://www.helloasso.com/don/associations/tera">Je fais un don non défiscalisable</a></li>
                            <li><a href="https://www.helloasso.com/associations/tera/adhesions/adhesion-calendaire-annuelle-a-tera">J'adhère à l'association</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-default actu">
                    <div class="panel-heading">
                        <h3 class="panel-title">Lettre d'information</h3>
                    </div>
                    <div class="panel-body">
                        <p><img class="img-responsive center-block" src="img/actus/lettre_info.jpg" alt="Photo lettre d'information" /></p>
                        <p><a href="https://us7.campaign-archive.com/home/?u=a47e63cabc733a3e203cb65d6&id=593f7449bc">Venez lire la dernière lettre d'information</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-default actu">
                    <div class="panel-heading">
                        <h3 class="panel-title">Naissance du 1er Quartier Rural en Transition de France</h3>
                    </div>
                    <div class="panel-body">
                        <p><img class="img-responsive center-block" src="img/actus/lustrac.jpg" alt="Photo lettre d'information" /></p>
                        <p><a href="https://lustrac-en-transition.coop/">Venez découvrir ce nouveau lieu de notre éco-système</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>