Browse Source

ajout bloc evenements dans actus

kolsim 1 year ago
parent
commit
e115485a04
2 changed files with 29 additions and 6 deletions
  1. 21 5
      public/Pages/actu.html
  2. 8 1
      public/css/creative.css

+ 21 - 5
public/Pages/actu.html

@@ -1,10 +1,26 @@
 <div class="row">
     <div class="container-fluid">
         <h2 class="section-heading">Actualités</h2>
-        <hr class="light">              
+        <hr class="light">
+        <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">Événements et formations</h3>
+                    </div>
+                    <div class="panel-body">
+                        <ul>
+                            <li><strong>Formations permaculture : </strong><a href="#">Prochaine session du x au x septembre</a></li>
+                            <li><strong>Stages : </strong><a href="#">Nous cherchons un stagiaire pour le maraîchage</a></li>
+                            <li><strong>28/10 : Soirée témoignage - démocratie participative en action (avec Thierry Bouquait)</strong></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="row"> 
             <div class="col-md-3">
-                <div class="panel panel-default">
+                <div class="panel panel-default actu">
                     <div class="panel-heading">
                         <h3 class="panel-title">Les visites groupées</h3>
                     </div>
@@ -15,7 +31,7 @@
                 </div>
             </div>
             <div class="col-md-3">
-                <div class="panel panel-default">
+                <div class="panel panel-default actu">
                     <div class="panel-heading">
                         <h3 class="panel-title">Nous avons besoin de votre soutien</h3>
                     </div>
@@ -30,7 +46,7 @@
                 </div>
             </div>
             <div class="col-md-3">
-                <div class="panel panel-default">
+                <div class="panel panel-default actu">
                     <div class="panel-heading">
                         <h3 class="panel-title">Lettre d'information</h3>
                     </div>
@@ -41,7 +57,7 @@
                 </div>
             </div>
             <div class="col-md-3">
-                <div class="panel panel-default">
+                <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>

+ 8 - 1
public/css/creative.css

@@ -56,11 +56,18 @@
 #soutenez-nous ol li {
     margin-bottom: 20px;
 }
+#actu #evenements {
+    width: 75%;
+    margin: auto;
+    margin-bottom: 30px;
+}
 #actu .panel-title {
     text-align: center;
+}
+#actu .actu .panel-title {
     min-height: 66px;
 }
-#actu .panel-body {
+#actu .actu .panel-body {
     text-align: center;
     min-height: 280px;
 }