forked from lapikud/lapikud.github.io
Added contacts page first implementation
This commit is contained in:
Herman Õunapuu
@@ -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>
|
||||
|
||||
@@ -1,61 +1,61 @@
|
||||
.contact .team {
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.member {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
width: auto;
|
||||
flex-grow: 0;
|
||||
padding: 0;
|
||||
|
||||
.profile-img {
|
||||
display: block;
|
||||
margin-right: 1rem;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.lap-img {
|
||||
display: block;
|
||||
margin-right: 1rem;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
}
|
||||
ul {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
min-width: 20rem;
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 0.3rem 0;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 30.0rem) {
|
||||
.member {
|
||||
flex-direction: row;
|
||||
min-height: 176px;
|
||||
}
|
||||
}
|
||||
.centered-text {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#contact-helpdesk {
|
||||
display : flex;
|
||||
justify-content : center;
|
||||
align-items : center;
|
||||
|
||||
#contact-helpdesk-banner-container {
|
||||
background : black;
|
||||
padding : 3rem;
|
||||
}
|
||||
|
||||
#contact-helpdesk-banner {
|
||||
display : block;
|
||||
width : 100%;
|
||||
height : auto;
|
||||
}
|
||||
#contact-helpdesk-banner-container, #contact-helpdesk-info {
|
||||
flex : 1;
|
||||
margin : 0 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
#contact-management {
|
||||
|
||||
#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;
|
||||
|
||||
img {
|
||||
display : block;
|
||||
width : 100%;
|
||||
height : auto;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width : 900px) {
|
||||
|
||||
#contact-helpdesk {
|
||||
flex-direction : column;
|
||||
|
||||
#contact-helpdesk-banner-container, #contact-helpdesk-info {
|
||||
margin : 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
BIN
assets/management-images/askonarep.jpg
Normal file
BIN
assets/management-images/askonarep.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
assets/management-images/hannovene.jpg
Normal file
BIN
assets/management-images/hannovene.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
assets/management-images/kaarelpartel.jpg
Normal file
BIN
assets/management-images/kaarelpartel.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
assets/management-images/martinoblikas.jpg
Normal file
BIN
assets/management-images/martinoblikas.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/management-images/ristoleesmae.jpg
Normal file
BIN
assets/management-images/ristoleesmae.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
70
contact.html
Normal file
70
contact.html
Normal file
@@ -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>
|
||||
@@ -1,7 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
---
|
||||
|
||||
# Contact
|
||||
|
||||
TODO
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user