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><strong>Dates</strong> : 5-6 août, 2-3 sept., 7-8 oct., 4-5 nov.</li>
                                </ul>
                                <p>Informations et formulaires d’inscription :<br />
                                <a href="https://wiki.tera.coop/tera:visites">https://wiki.tera.coop/tera:visites</a></p>
                            </div>
                            <div class="col-md-6">
                                <h4>Formations permaculture</h4>
                                <ul>
                                    <li><strong>Session longue</strong> : 14-19 août</li>
                                </ul>
                                <p>Plus d'informations :<br />
                                <a href="mailto:formation.permaculture@gmail.com">formation.permaculture@gmail.com</a></p>
                            </div>
                        </div>
                        <div class="row center">
                            <div class="col-md-6">
                                <h4>Formations facilitation de groupe</h4>
                                <ul>
                                    <li><strong>Accueillir les émotions</strong> : 19-21 mai</li>
                                    <li><strong>Pouvoir et conflits</strong> : 28/09 - 1/10</li>
                                </ul>
                                <p><br><a href="https://www.oui-tout-simplement.org/facilitation-de-groupes/">Cliquez pour plus d'informations</a></p>
                            </div>
                            <div class="col-md-6">
                                <h4>Formations alimentation, cuisine et conservation</h4>
                                <ul>
                                    <li><strong>Cet été</strong> : 28 (soirée), 29 et 30 juillet</li>
                                    <li><strong>À la rentrée</strong> : 15 (soirée), 16 et 17 sept.</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>
                </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/donations/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>