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">
                            <div class="col-md-6">
                                <h4>Formations permaculture</h4>
                                <ul>
                                    <li><strong>Sessions longues</strong> : 22-27 avril et 14-19 août</li>
                                    <li><strong>Session courte</strong> : 7-9 juillet</li>
                                </ul>
                                <p>Plus d'informations :<br />
                                <a href="mailto:formation.permaculture@gmail.com">formation.permaculture@gmail.com</a></p>
                            </div>
                            <div class="col-md-6">
                                <h4>Formations facilitation de groupe</h4>
                                <ul>
                                    <li><strong>Bases de la facilitation</strong> : 1-2 avril</li>
                                    <li><strong>Accueillir les émotions</strong> : 19-21 mai</li>
                                    <li><strong>Pouvoir et conflits</strong> : 28/09 - 1/10</li>
                                </ul>
                                <p>Plus d'informations :<br />
                                <a href="mailto:contact@letreensemble.com">contact@letreensemble.com</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://www.helloasso.com/associations/solidarite-pour-un-developpement-humain-sdh/formulaires/4/widget">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=aa48386877">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>