newsletter button + icons copyright

sheaft-app · Feb 14, 2021 · 4b627c0 · 4b627c0
1 parent cbff2f8
commit 4b627c0
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 7 deletions.
diff --git a/user/themes/sheaft-theme/css/style.css b/user/themes/sheaft-theme/css/style.css
@@ -398,6 +398,17 @@ display:none;
 .copyright-wrapper{ border-top-width: 0px; border-top-style: solid; }
 .copyright-container{ padding: 15px 0px; }
 
+.newsletter-subscribe { text-align: center; }
+.newsletter-subscribe p { text-align: justify; }
+.btn-footer {
+    background-color: #fff;
+    color: #212121;
+    letter-spacing: 1px;
+    border-radius: 9999px;
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
+    padding: 10px 20px;
+}
+
 /*--- shortcode ---*/
 .gdlr-shortcode-wrapper { margin-left: -15px; margin-right: -15px; }
 
@@ -2693,6 +2704,10 @@ html body{ min-width: 300px; }
 
     /* widget */
     .banner-widget1-4-wrapper .banner-widget1-4 { margin-bottom: 20px; }
+
+    /* footer */
+    .copyright-left { float: none; text-align: center; }
+    .copyright-right { float: none; text-align: center; }
 }
 
 /*--- mobile portrait style ---*/
@@ -2707,6 +2722,8 @@ html body{ min-width: 300px; }
 
     .gdlr-item-title-head .gdlr-flex-prev,
     .gdlr-item-title-head .gdlr-flex-next{ display: none; }
+    .copyright-left { float: none; text-align: center; }
+    .copyright-right { text-align: center; }
 }
 
 .body-wrapper.gdlr-pattern-background{ background-color:#FEE9C3; }

diff --git a/user/themes/sheaft-theme/templates/partials/footer.html.twig b/user/themes/sheaft-theme/templates/partials/footer.html.twig
@@ -11,17 +11,24 @@
             </div>
         </div>
         <div class="footer-column four columns section" id="footer-widget-2">
-
+            <div class="widget HTML">
+                <h2 class="title">Newsletter</h2>
+                <hr />
+                <div class="widget-content newsletter-subscribe">
+                    <p>Pour être au courant de l'arrivée de nouveaux articles et de toutes nos avancées, inscrivez-vous à notre newsletter :</p> 
+                    <a href="https://www.sheaft.com/#mc_embed_signup" target="_blank"><span class="btn-footer">S'inscrire</span></a>
+                </div>
+            </div>
         </div>
         <div class="footer-column four columns section" id="footer-widget-3">
             <div class="widget HTML">
-                <h2 class="title">Nous suivre</h2>
+                <h2 class="title">Nous suivre sur les réseaux</h2>
                 <hr />
                 <div class="widget-content follow-socials">
-                        <a class="social-shortcode" href="https://www.facebook.com/sheaftapp/" target="_blank"><img src="{{ theme_url }}/images/facebook.png" alt="" /></a>
-                        <a class="social-shortcode" href="https://www.instagram.com/sheaft_app/?hl=fr" target="_blank"><img src="{{ theme_url }}/images/instagram.png" alt="" /></a>
-                        <a class="social-shortcode" href="https://www.linkedin.com/company/sheaft/?originalSubdomain=fr" target="_blank"><img src="{{ theme_url }}/images/linkedin.png" alt="" /></a>
-                        <a class="social-shortcode" href="https://www.youtube.com/channel/UC1YlSA4EMXD9rTLBD88rakQ" target="_blank"><img src="{{ theme_url }}/images/youtube.png" alt="" /></a>
+                        <a class="social-shortcode" href="https://www.facebook.com/sheaftapp/" target="_blank"><img src="{{ theme_url }}/images/facebook.png" alt="Facebook" /></a>
+                        <a class="social-shortcode" href="https://www.instagram.com/sheaft_app/?hl=fr" target="_blank"><img src="{{ theme_url }}/images/instagram.png" alt="Instagram" /></a>
+                        <a class="social-shortcode" href="https://www.linkedin.com/company/sheaft/?originalSubdomain=fr" target="_blank"><img src="{{ theme_url }}/images/linkedin.png" alt="LinkedIn" /></a>
+                        <a class="social-shortcode" href="https://www.youtube.com/channel/UC1YlSA4EMXD9rTLBD88rakQ" target="_blank"><img src="{{ theme_url }}/images/youtube.png" alt="YouTube" /></a>
                 </div>
             </div>
         </div>
@@ -40,7 +47,7 @@
             </div>
             <div class="copyright-right">
                 <span id="mycontent">
-                    Design original de <a href="http://www.soratemplates.com/" target="_blank" title="Blogger Templates">Sora Templates</a> et <a href="http://mybloggerthemes.com/" target="_blank" title="Free Blogger Templates">My Blogger Themes</a>
+                    Design original de <a href="http://www.soratemplates.com/" target="_blank" title="Blogger Templates">Sora Templates</a> et <a href="http://mybloggerthemes.com/" target="_blank" title="Free Blogger Templates">My Blogger Themes</a> - Icônes par <a href="https://icons8.com/" target="_blank">icons8.com</a>
                 </span>
             </div>
             <div class="clear"></div>