Contact info mobile bottom

public/view/fr/index.html

@@ -77,7 +77,7 @@
                         </div>
                     </div>
                     <div class="columns is-centered">
-                        <div class="column is-half-tablet is-full-mobile">
+                        <div class="column is-half-tablet is-hidden-mobile sub-section-contact">
                             <h3>Contactez-nous</h3>
                             <iframe width="500" height="600"
                                     src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJB5eDqmAayUwR9kVcpBmnMrc&key=AIzaSyDa73RDd5rn0c6jqn8nAXKh01L8NfrQGQM" allowfullscreen></iframe>
@@ -182,6 +182,18 @@
     </main>
 
     <footer class="full-width">
+        <div class="is-hidden-tablet is-full-mobile sub-section-contact">
+            <h3>Contactez-nous</h3>
+            <div class="border-seperator"></div>
+            <iframe width="500" height="600"
+                    src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJB5eDqmAayUwR9kVcpBmnMrc&key=AIzaSyDa73RDd5rn0c6jqn8nAXKh01L8NfrQGQM" allowfullscreen></iframe>
+            <address>
+                1219 William, Montreal<br/>
+                Local D-2020<br/>
+                <a href="mailto:conjure@ens.etsmtl.ca">conjure@ens.etsmtl.ca</a><br/>
+                <a href="tel:5143968800">(514) 396-8800 poste: #7713</a>
+            </address>
+        </div>
         <p>Copyright &copy; Conjure</p>
     </footer>
 

resources/sass/_partials/_general.scss

@@ -40,7 +40,7 @@ header.logo-container {
     filter: brightness(60%);
 }
 
-section {
+section, footer {
     h2 {
         font-size: 3rem;
         font-weight: bold;
@@ -90,29 +90,6 @@ section#apropos {
     .column .columns {
         margin-top: 50px;
 
-        embed, iframe {
-            margin-top: 1rem;
-            height: 600px;
-            width: 500px;
-            border: 1px solid lightgray;
-            border-top-left-radius: $border-radius;
-            border-top-right-radius: $border-radius;
-        }
-
-        address {
-            background: white;
-            padding: 10px;
-            margin: 0 auto;
-            font-size: 0.8rem;
-            text-align: left;
-            border: 1px solid lightgray;
-            border-bottom-left-radius: $border-radius;
-            border-bottom-right-radius: $border-radius;
-            max-width: 500px;
-            position: relative;
-            top: -10px;
-        }
-
         img.is-quarter {
             width: 25%;
             border-radius: $border-radius;
@@ -321,11 +298,48 @@ section#partenaires {
     }
 }
 
+.sub-section-contact {
+    text-align: center;
+
+    .border-seperator {
+        margin: 10px auto 25px auto;
+        border-top: 5px solid #848484;
+        max-width: 200px;
+        border-radius: $border-radius;
+    }
+
+    embed, iframe {
+        margin-top: 1rem;
+        height: 600px;
+        width: 500px;
+        border: 1px solid lightgray;
+        border-top-left-radius: $border-radius;
+        border-top-right-radius: $border-radius;
+    }
+
+    address {
+        background: white;
+        padding: 10px;
+        font-size: 0.8rem;
+        text-align: left !important;
+        border: 1px solid lightgray;
+        border-bottom-left-radius: $border-radius;
+        border-bottom-right-radius: $border-radius;
+        max-width: 500px;
+        position: relative;
+        top: -10px;
+        margin: 0 auto;
+    }
+}
+
 footer {
-    margin-top: 4.5rem;
+    .sub-section-contact {
-    padding: 15px 0;
+        padding-top: 3.5rem;
+    }
 
     p {
+        padding: 15px 0;
+        margin-top: 0.5rem;
         text-align: center;
     }
 }