wip #2818 @0.40

diff --git a/public/_modules/contact-info/index.html b/public/_modules/contact-info/index.html
index 6f406b81086eb4500ced600c0f46398272bf8da0..eb3e999397bc4f8b660b8bf6734d3ec0b61549da 100644 (file)
--- a/public/_modules/contact-info/index.html
+++ b/public/_modules/contact-info/index.html
@@ -14,7 +14,9 @@
 
 <div id="contact-info">
     <div class="contact-col flex flex-col">
-        <h3 class="contact-heading">Coordonnées</h3>
+        <div class="text-block">
+            <h2 class="h2">Coordonnées</h2>
+        </div>
 
         <div class="contact-group">
             <a href="#" class="contact-block ">
@@ -39,7 +41,8 @@
             </a>
 
             <a href="#" class="contact-block ">
-                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="31.3" fill="#fff" class="svg fill-current footer-contact-icon"><path d="M23.3 0H12.6c-1.7.1-3.1 1.4-3.1 3.2v24.9c.1 1.7 1.4 3.1 3.2 3.2h10.7c1.7-.1 3.1-1.4 3.1-3.1v-25C26.4 1.4 25 .1 23.3 0zm1.6 24.9H11.1V6.4h13.8v18.5zM12.6 1.6h10.6c.9 0 1.6.7 1.6 1.5v1.6H11.1V3.2c0-.9.7-1.6 1.5-1.6zm10.7 28H12.7c-.9 0-1.6-.7-1.6-1.6v-1.6h13.8v1.5c-.1 1-.8 1.7-1.6 1.7zM5.5 7.9c-.4 0-.8.4-.8.8v17.9c0 .4.4.8.8.8s.8-.4.8-.8V8.7c0-.5-.3-.8-.8-.8zM.8 9.4c-.4 0-.8.3-.8.8v15c0 .4.4.8.8.8s.8-.4.8-.8v-15c0-.5-.3-.8-.8-.8zM30.4 4.9c-.4 0-.8.4-.8.8v17.9c0 .4.4.8.8.8s.8-.4.8-.8V5.7c0-.5-.3-.8-.8-.8zM35.2 6.4c-.4 0-.8.4-.8.8v15c0 .4.4.8.8.8s.8-.4.8-.8v-15c0-.5-.4-.8-.8-.8z"></path>
+                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="31.3" fill="#fff" class="svg fill-current footer-contact-icon">
+                    <path d="M23.3 0H12.6c-1.7.1-3.1 1.4-3.1 3.2v24.9c.1 1.7 1.4 3.1 3.2 3.2h10.7c1.7-.1 3.1-1.4 3.1-3.1v-25C26.4 1.4 25 .1 23.3 0zm1.6 24.9H11.1V6.4h13.8v18.5zM12.6 1.6h10.6c.9 0 1.6.7 1.6 1.5v1.6H11.1V3.2c0-.9.7-1.6 1.5-1.6zm10.7 28H12.7c-.9 0-1.6-.7-1.6-1.6v-1.6h13.8v1.5c-.1 1-.8 1.7-1.6 1.7zM5.5 7.9c-.4 0-.8.4-.8.8v17.9c0 .4.4.8.8.8s.8-.4.8-.8V8.7c0-.5-.3-.8-.8-.8zM.8 9.4c-.4 0-.8.3-.8.8v15c0 .4.4.8.8.8s.8-.4.8-.8v-15c0-.5-.3-.8-.8-.8zM30.4 4.9c-.4 0-.8.4-.8.8v17.9c0 .4.4.8.8.8s.8-.4.8-.8V5.7c0-.5-.3-.8-.8-.8zM35.2 6.4c-.4 0-.8.4-.8.8v15c0 .4.4.8.8.8s.8-.4.8-.8v-15c0-.5-.4-.8-.8-.8z"></path>
                 </svg>
                 <div class="contact-text">
                     <div class="contact-title">Téléphone</div>
@@ -48,11 +51,13 @@
             </a>
         </div>
 
-        <h3 class="contact-heading">Suivez-nous</h3>
+        <div class="text-block mt-10">
+            <h2 class="h2">Coordonnées</h2>
+        </div>
 
-        <div class="contact-group">
-            <div class="contact-social flex flex-col">
-                <a href="https://www.twitter.com/" target="_blank" rel="noopener" class=" hover:text-blue mr-6">
+        <div class="contact-group ">
+            <div class="contact-social flex flex-col ">
+                <a href="https://www.twitter.com/" target="_blank" rel="noopener" class="mb-6 flex items-center text-navy">
                     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" xml:space="preserve" class="svg fill-current">
                         <path d="M38.6,14c-1.2,0.7-2.4,1.2-3.8,1.4c-1.1-1.2-2.7-1.8-4.3-1.8c-3.2,0-5.9,2.6-5.9,5.8c0,0,0,0,0,0
        c0,0.4,0.1,0.9,0.2,1.3c-4.7-0.2-9.2-2.4-12.2-6.1c-0.5,0.9-0.8,1.9-0.8,2.9c0,2,1,3.8,2.6,4.8c-0.9,0-1.9-0.3-2.7-0.7v0.1
@@ -60,13 +65,16 @@
        c-0.5,0-0.9,0-1.4-0.1c2.7,1.7,5.9,2.6,9.1,2.6c9.2,0.1,16.7-7.2,16.8-16.3c0-0.1,0-0.2,0-0.2c0-0.3,0-0.5,0-0.8
        c1.2-0.8,2.2-1.8,3-3c-1.1,0.5-2.2,0.8-3.4,0.9C37.3,16.6,38.2,15.4,38.6,14"></path> <path d="M25,50C11.2,50,0,38.8,0,25C0,11.2,11.2,0,25,0c13.8,0,25,11.2,25,25C50,38.8,38.8,50,25,50z M25,1.5
        C12.1,1.5,1.5,12.1,1.5,25c0,12.9,10.5,23.5,23.5,23.5c12.9,0,23.5-10.5,23.5-23.5C48.5,12.1,37.9,1.5,25,1.5z"></path></svg>
+                    <span class="social-media">Twitter</span>
                 </a>
-                <a href="https://www.linkedin.com/" target="_blank" rel="noopener" class="hover:text-blue">
+                <a href="https://www.linkedin.com/" target="_blank" rel="noopener" class="flex text-navy items-center">
                     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" xml:space="preserve" class="svg fill-current">
                         <path d="M13.5,36.8h5.4V21.4h-5.4V36.8z"></path> <path d="M16.2,19c1.5,0,2.7-1.2,2.7-2.7c0-1.5-1.2-2.7-2.7-2.7c-1.5,0-2.7,1.2-2.7,2.7c0,0,0,0,0,0
        C13.5,17.8,14.7,19,16.2,19C16.2,19,16.2,19,16.2,19"></path> <path d="M36.5,28.3c0-4.2-0.9-6.9-5.7-6.9c-2.3,0-3.9,0.9-4.5,2.1h-0.1v-2.1h-4.3v15.4h4.5v-7.6c0-2,0.4-4,2.9-4
        c2.5,0,2.6,2.3,2.6,4.1v7.5h4.6V28.3z"></path> <path d="M25,50C11.2,50,0,38.8,0,25C0,11.2,11.2,0,25,0c13.8,0,25,11.2,25,25C50,38.8,38.8,50,25,50z M25,1.5
-       C12.1,1.5,1.5,12.1,1.5,25c0,12.9,10.5,23.5,23.5,23.5c12.9,0,23.5-10.5,23.5-23.5C48.5,12.1,37.9,1.5,25,1.5z"></path></svg>
+       C12.1,1.5,1.5,12.1,1.5,25c0,12.9,10.5,23.5,23.5,23.5c12.9,0,23.5-10.5,23.5-23.5C48.5,12.1,37.9,1.5,25,1.5z"></path>
+                    </svg>
+                    <span class="social-media">Linkedin</span>
                 </a>
             </div>
         </div>

diff --git a/public/_modules/contact-info/style.styl b/public/_modules/contact-info/style.styl
index bdbac3099615e1082099554d945b74b457ac0213..0268c6ab791f4fcf37ea7f5bd53aa91dc9f352c4 100644 (file)
--- a/public/_modules/contact-info/style.styl
+++ b/public/_modules/contact-info/style.styl
@@ -16,8 +16,6 @@ $lightblue = #0EAADA
 #contact-info
   .contact-col
     padding-left 15vw
-    .contact-group
-      margin-top: 4.375rem
     .contact-heading
       font-size: $h2
       color $darkblue
@@ -42,3 +40,6 @@ $lightblue = #0EAADA
         .contact-title
           font-family: $barlow
           color $darkblue
+    .social-media
+      font-family: $barlow
+      margin-left: 0.8em
\ No newline at end of file