block-titres

pages/assets/css/base.css

 :root{
     --mainColor: #ec6f20;
+    --lightMainColor: #fff4ec;
+    --color-border-grey: #e0dede;
 }
 body{
     font-family: 'Noto Serif', serif!important;

pages/assets/css/styles.css

@@ -55,10 +55,17 @@
 
 /* newsletter */
 .newsletter{
-    background-color: #fff4ec;
+    background-color: var(--lightMainColor);
     background-image: url("/data/images/illustration-fruits.png");
     background-repeat: no-repeat;
     background-position: left bottom;
     background-size: cover;
     background-attachment: scroll;
 }
+
+/* Blocs de construction du site */
+.block-titres{
+    border-bottom: 3px solid var(--color-border-grey);
+    padding: 15px 0;
+    padding-top: 0;
+}
\ No newline at end of file

pages/client/vitrine.php

@@ -38,9 +38,9 @@
     <!-- Fin -->
 
     <!-- Newsletter -->
-    <div class="container rounded d-flex newsletter mt-5 p-4">
+    <div class="container rounded d-flex newsletter my-5 p-4">
         <div class="flex-fill align-self-center d-flex flex-column">
-            <h3 style="color: black!important;"><strong>Abonnez-vous à notre Newsletter</strong></h3>
+            <h3><strong>Abonnez-vous à notre Newsletter</strong></h3>
             <span class="text-muted">Et recevez toutes nos dernières recettes en avant première.</span>
         </div>
         <div class="d-flex flex-fillalign-self-center">
@@ -50,6 +50,15 @@
             </div>
         </div>
     </div>
+    <!-- Fin -->
+
+    <!-- Recettes -->
+    <div class="container">
+        <div class="block-titres">
+            <h3><strong>Recettes faciles</strong></h3>
+            <p class="text-muted">Une sélection de recettes simple à préparer pour vos repas.</p>
+        </div>
+    </div>
 
     <script src="/pages/assets/vendors/flickity/js/flickity.pkgd.min.js"></script>
     <script type="text/javascript">