Add contact info to footer

_includes/footer.html

@@ -1,6 +1,14 @@
 <footer class="main-footer">
   <section class="container">
     <div class="row">
+      <div class="column footer-contact">
+        <h3>MTÜ Lapikud</h3>
+          <p>Aadress: Akadeemia tee 5, Tallinn, Eesti</p>
+          <p>E-post: <a href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a></p>
+          <p>Telefon: <a href="tel:+372 58 160 799">+372 58 160 799</a></p>
+          <p>Reg. kood: 801 67 145</p>
+        <p>Swedbank EE812200221019551756</p>
+      </div>
       <div class="column footer-nav">
         <h3>Navigatsioon</h3>
         <ul>

_sass/contact.scss

@@ -51,7 +51,8 @@
 }
 
 #contact-main {
-  * {
+  margin: 2rem 0;
+  p {
     margin: 0.2rem 0;
   }
 }

_sass/footer.scss

@@ -7,6 +7,13 @@
     max-width: 80rem;
   }
   
+  .footer-contact {
+    margin-bottom: 2rem;
+    p {
+      margin: 0.2rem 0;
+    }
+  }
+
   .footer-copyright {
     text-align: center;
     a {
@@ -15,18 +22,21 @@
     }
   }
 
-  .footer-nav ul {
+  .footer-nav {
-    list-style-type: none;
+    flex-shrink: 1.5;
+    ul {
+      list-style-type: none;
 
-    li {
+      li {
-      margin: 0;
+        margin: 0;
-      padding: 0;
+        padding: 0;
-      a {
+        a {
-        padding: .5rem .2rem;
+          padding: .5rem .2rem;
-        display: inline-block;
+          display: inline-block;
-        width: 100%;
+          width: 100%;
+        }
       }
-    }
 
+    }
   }
 }

contact.html

@@ -15,10 +15,18 @@ layout: default
       <h4>Facebook: <a href="https://www.facebook.com/lapikudhelpdesk/">Lapikud Helpdesk</a></h4>
     </div>
   </div>
-  <div id="contact-management">
-    <h2>Juhatus</h2>
 
+  <div id="contact-main">
+    <h2>MTÜ Lapikud</h2>
+    <p>Aadress: Akadeemia tee 5, Tallinn, Eesti</p>
+    <p>E-post: <a href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a></p>
+    <p>Telefon: <a href="tel:+372 58 160 799">+372 58 160 799</a></p>
+    <p>Reg. kood: 801 67 145</p>
+    <p>Swedbank EE812200221019551756</p>
+  </div>
 
+  <div id="contact-management">
+    <h2>Juhatus</h2>
     <div id="container">
 
       {% for person in site.data.management %}
@@ -35,12 +43,4 @@ layout: default
       {% endfor %}
     </div>
   </div>
-  <div id="contact-main">
-    <h2>MTÜ Lapikud</h2>
-    <p>Aadress: Akadeemia tee 5, Tallinn, Eesti</p>
-    <p>E-post: <a href="mailto:lapikud@lapikud.ee">lapikud@lapikud.ee</a></p>
-    <p>Telefon: <a href="tel:+372 58 160 799">+372 58 160 799</a></p>
-    <p>Reg. kood: 801 67 145</p>
-    <p>Swedbank EE812200221019551756</p>
-  </div>
 </div>