Added contacts page first implementation

_includes/main_nav.html

@@ -1,4 +1,5 @@
 <li><a href="/student">Tudengile</a></li>
 <li><a href="/helpdesk">Helpdesk</a></li>
 <li><a href="/ourwork">Ettevõttele</a></li>
+<li><a href="/aboutus">Lapikutest</a></li>
 <li><a href="/contact">Kontakt</a></li>

_sass/contact.scss

@@ -1,61 +1,61 @@
-.contact .team {
-    h1 {
+.centered-text {
   text-align: center;
 }
 
-    .row {
-        flex-wrap: wrap;
-        justify-content: center;
-        align-content: center;
-        flex-direction: row;
-    }
-
-    .member {
+#contact-helpdesk {
   display         : flex;
-        flex-direction: column;
-        flex-wrap: wrap;
-        width: auto;
-        flex-grow: 0;
-        padding: 0;
+  justify-content : center;
+  align-items     : center;
 
-        .profile-img {
-            display: block;
-            margin-right: 1rem;
-            width: 150px;
-            height: 150px;
+  #contact-helpdesk-banner-container {
+    background : black;
+    padding    : 3rem;
   }
 
-        .lap-img {
+  #contact-helpdesk-banner {
     display : block;
-            margin-right: 1rem;
-            width: 200px;
-            height: 100px;
+    width   : 100%;
+    height  : auto;
+  }
+  #contact-helpdesk-banner-container, #contact-helpdesk-info {
+    flex   : 1;
+    margin : 0 2rem;
+  }
 }
-        ul {
-            display: inline-block;
-            list-style-type: none;
-            margin-left: 0;
-            min-width: 20rem;
 
-            li {
-                margin: 0;
+#contact-management {
 
-                h4 {
-                    margin: 0;
-                }
+  #contact-management-container {
+    display         : flex;
+    flex-direction  : row;
+    flex-wrap       : wrap;
+    justify-content : center;
+
+    .contact-management-person {
+      margin-left   : 2rem;
+      margin-right  : 2rem;
+      margin-bottom : 5rem;
 
-                a {
-                    padding: 0.3rem 0;
-                    display: inline-block;
+      img {
+        display : block;
         width   : 100%;
+        height  : auto;
       }
+
     }
   }
 }
-    @media (min-width: 30.0rem) {
-        .member {
-            flex-direction: row;
-            min-height: 176px;
+
+
+@media (max-width : 900px) {
+
+  #contact-helpdesk {
+    flex-direction : column;
+
+    #contact-helpdesk-banner-container, #contact-helpdesk-info {
+      margin : 0;
     }
   }
+
+
 }

contact.html

@@ -0,0 +1,70 @@
+---
+layout: default
+---
+<div class="page">
+  <h1>Kontakt</h1>
+
+  <h2>Helpdesk</h2>
+  <div id="contact-helpdesk">
+    <a id="contact-helpdesk-banner-container" href="/helpdesk">
+      <img id="contact-helpdesk-banner" src="/assets/helpdesk-on-black.png">
+    </a>
+    <div id="contact-helpdesk-info">
+      <h4>E-mail: <a href="mailto:helpdesk@lapikud.ee">helpdesk@lapikud.ee</a></h4>
+      <h4>Telefon: <a href="tel:+37258160799">+372 581 607 99</a></h4>
+      <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-management-container">
+      <div class="contact-management-person">
+        <img src="/assets/management-images/hannovene.jpg">
+        <h4 class="centered-text">Hanno Vene</h4>
+        <p class="centered-text">Juhatuse esimees</p>
+        <p>E-post: <a href="mailto:hanno.vene@lapikud.ee">hanno.vene@lapikud.ee</a></p>
+        <p>Telefon: <a href="tel:+37256247690">+372 56 247 690</a></p>
+      </div>
+      <div class="contact-management-person">
+        <img src="/assets/management-images/kaarelpartel.jpg">
+        <h4 class="centered-text">Kaarel Pärtel</h4>
+        <p class="centered-text">Juhatuse liige</p>
+        <p class="centered-text">Helpdeski juht</p>
+        <p>E-post: <a href="mailto:kaarel.partel@lapikud.ee"> kaarel.partel@lapikud.ee</a></p>
+        <p>Telefon: <a href="tel:+37253665368">+372 53 665 368</a></p>
+      </div>
+      <div class="contact-management-person">
+        <img src="/assets/management-images/martinoblikas.jpg">
+        <h4 class="centered-text">Martin Oblikas</h4>
+        <p class="centered-text">Juhatuse liige</p>
+        <p class="centered-text">Tarkvara juht</p>
+        <p>E-post: <a href="mailto:martin.oblikas@lapikud.ee">martin.oblikas@lapikud.ee</a></p>
+        <p>Telefon: <a href="tel:+3725070459">+372 50 70 459</a></p>
+      </div>
+      <div class="contact-management-person">
+        <img src="/assets/management-images/ristoleesmae.jpg">
+        <h4 class="centered-text">Risto Leesmäe</h4>
+        <p class="centered-text">Juhatuse liige</p>
+        <p class="centered-text">Turunduse juht</p>
+        <p>E-post: <a href="mailto:risto.leesmae@lapikud.ee">risto.leesmae@lapikud.ee</a></p>
+        <p>Telefon: <a href="tel:+37253269529">+372 53 269 529</a></p>
+      </div>
+      <div class="contact-management-person">
+        <img src="/assets/management-images/askonarep.jpg">
+        <h4 class="centered-text">Asko Närep</h4>
+        <p class="centered-text">Juhatuse liige</p>
+        <p class="centered-text">Ürituste juht</p>
+        <p>E-post: <a href="mailto:hanno.vene@lapikud.ee">asko.narep@lapikud.ee</a></p>
+        <p>Telefon: <a href="tel:+37256236649">+372 56 236 649</a></p>
+      </div>
+    </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>

contact.md

@@ -1,7 +0,0 @@
----
-layout: post
----
-
-# Contact
-
-TODO

helpdesk.html

@@ -5,7 +5,7 @@ layout: default
 
   <div id="helpdesk-banner">
     <div id="banner-image">
-      <img id="helpdesk-banner-logo" src="{{ "/assets/helpdesk-on-black.png " | relative_url }}">
+      <img id="helpdesk-banner-logo" src="/assets/helpdesk-on-black.png">
     </div>
     <div id="banner-text">
       <h3>