transition_tera.coop/public/Pages/actu.html

<div class="row">
    <div class="container-fluid">
        <h2 class="section-heading">Actualités</h2>
        <hr class="light">              
        <div class="row"> 
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Conseil scientifique</h3>        
                    </div>
                    <div class="panel-body">
                        <p><img class="img-responsive center-block" src="img/actus/conseil_scientifique.jpg" alt="Photo conseil scientifique" /></p>
                        <ul>
                            <li><a href="https://agora.tera.coop/cloud/index.php/s/XSPs9zFk4kyLsee">Consulter le document préparatoire</a></li>
                            <li><a href="https://agora.tera.coop/cloud/index.php/s/rZR8kB5dJmK8Qae">Consulter le compte-rendu</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default">
                    <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>
                        <ul>
                            <li><a href="https://us7.campaign-archive.com/home/?u=a47e63cabc733a3e203cb65d6&id=aa48386877">Venez lire la dernière lettre d'information</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Campagne de financement</h3>        
                    </div>
                    <div class="panel-body">
                        <p><img class="img-responsive center-block" src="img/actus/lustrac.jpeg" alt="Photo quartier rural de Lustrac" /></p>
                        <ul>
                            <li><a href="https://forms.gle/B74RfZgs61po1orP6">Nous avons besoin de votre soutien pour que le quartier rural prenne forme !</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>