Mart-Erki.Noumees
7 years ago
parent
3e9cab47c5
commit
485999c946
3 changed files with 350 additions and 11 deletions
@ -0,0 +1,209 @@ |
||||
--- |
||||
layout: default |
||||
title: Helpdesk - Lapikud |
||||
language: en |
||||
--- |
||||
{% assign locale = site.data.localisation[page.language] %} |
||||
|
||||
<div class="page" id="helpdesk-page"> |
||||
|
||||
<div id="helpdesk-banner"> |
||||
<div id="helpdesk-logo-container"> |
||||
<img id="helpdesk-logo" src="/assets/helpdesk-on-black.png"> |
||||
</div> |
||||
<div id="banner-text"> |
||||
<h1> |
||||
{{ locale.helpdesk_BannerHeading1 }} <span class="emphasis-text-color">{{ locale.helpdesk_BannerHeading2 }}</span>! |
||||
</h1> |
||||
<h3> |
||||
<span class="emphasis-text-bold">HELPDESK</span> {{ locale.helpdesk_BannerSubHeading }} |
||||
</h3> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div id="helpdesk-description"> |
||||
<h1>{{ locale.helpdesk_WhatIsHeading }}</h1> |
||||
<p> |
||||
{{ locale.helpdesk_WhatIsDesc }} |
||||
</p> |
||||
</div> |
||||
|
||||
<div id="helpdesk-services"> |
||||
<h1>{{ locale.ServicesHeading }}</h1> |
||||
<ul> |
||||
<li>{{ locale.helpdesk_ServicesDesc1 }}</li> |
||||
<li>{{ locale.helpdesk_ServicesDesc2 }}</li> |
||||
<li>{{ locale.helpdesk_ServicesDesc3 }}</li> |
||||
<li>{{ locale.helpdesk_ServicesDesc4 }}</li> |
||||
<li>{{ locale.helpdesk_ServicesDesc5 }}</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div id="pricing"> |
||||
<h1>{{ locale.helpdesk_TableHeading }}</h1> |
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableColHeading1 }}</td> |
||||
<td>{{ locale.helpdesk_TableColHeading2 }}</td> |
||||
<td>{{ locale.helpdesk_TableColHeading3 }}</td> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR1C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableR1C2 }}</td> |
||||
<td>{{ locale.helpdesk_TableR1C3 }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR2C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>20 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR3C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>10-15 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR4C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>10-20 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR5C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>15 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR6C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>20 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR7C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>10-15 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR8C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>10-50 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR9C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>10-30 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR10C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>15 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR11C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>15 €</td> |
||||
</tr> |
||||
<tr> |
||||
<td>{{ locale.helpdesk_TableR12C1 }}</td> |
||||
<td>{{ locale.helpdesk_TableQuantity }}</td> |
||||
<td>15-30 €</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
<p>{{ locale.helpdesk_TableFooter1 }}</p> |
||||
<p>{{ locale.helpdesk_TableFooter2 }}</p> |
||||
<p>{{ locale.helpdesk_TableFooter3 }}</p> |
||||
</div> |
||||
|
||||
<div id="location"> |
||||
<div> |
||||
<h1>{{ locale.helpdesk_LocationHeading }}</h1> |
||||
<h4>{{ locale.helpdesk_Location1 }}</h4> |
||||
<h4>{{ locale.helpdesk_Location2 }}</h4> |
||||
</div> |
||||
<div id="maparea"> |
||||
<div id="map"></div> |
||||
<div class="siema"> |
||||
<div class="carousel-image-container"> |
||||
<img src="/assets/carousel-images/1.jpg"> |
||||
</div> |
||||
<div class="carousel-image-container"> |
||||
<img src="/assets/carousel-images/2.jpg"> |
||||
</div> |
||||
<div class="carousel-image-container"> |
||||
<img src="/assets/carousel-images/3.jpg"> |
||||
</div> |
||||
<div class="carousel-image-container"> |
||||
<img src="/assets/carousel-images/4.jpg"> |
||||
</div> |
||||
<div class="carousel-image-container"> |
||||
<img src="/assets/carousel-images/5.jpg"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div id="contact"> |
||||
|
||||
<div id="opening-times"> |
||||
<h2>{{ locale.helpdesk_OpenHeading }}</h2> |
||||
<h3>{{ locale.helpdesk_OpenTime }}</h3> |
||||
<h5 class="subtext">{{ locale.helpdesk_OpenDetails }}</h5> |
||||
</div> |
||||
|
||||
<div id="contact-methods"> |
||||
<h1>{{ locale.helpdesk_ContactHeading }}</h1> |
||||
<div> |
||||
<h4>{{ locale.helpdesk_ContactMail }} </h4> |
||||
<a href="mailto:helpdesk@lapikud.ee"><h4>helpdesk@lapikud.ee</h4></a> |
||||
<h4>{{ locale.helpdesk_ContactPhone }} </h4> |
||||
<a href="tel:+37258160799"><h4>+372 581 607 99</h4></a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="fb-page" data-href="https://www.facebook.com/lapikudhelpdesk" data-width="260" data-small-header="false" |
||||
data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false"> |
||||
<blockquote cite="https://www.facebook.com/lapikudhelpdesk" class="fb-xfbml-parse-ignore"><a |
||||
href="https://www.facebook.com/lapikudhelpdesk">Lapikud Helpdesk</a></blockquote> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<!--carousel support--> |
||||
<script src="https://cdn.jsdelivr.net/npm/siema@1.5.1/dist/siema.min.js"></script> |
||||
<script> |
||||
const mySiema = new Siema({ |
||||
selector: '.siema', |
||||
duration: 500, |
||||
easing: 'ease-out', |
||||
perPage: 1, |
||||
startIndex: 0, |
||||
draggable: true, |
||||
multipleDrag: true, |
||||
threshold: 20, |
||||
loop: true, |
||||
}); |
||||
// listen for keydown event |
||||
setInterval(() => mySiema.next(), 2500) |
||||
</script> |
||||
|
||||
|
||||
<!-- leafletjs map styles --> |
||||
<script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js" |
||||
integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q==" |
||||
crossorigin=""></script> |
||||
|
||||
<script> |
||||
var map = L.map('map').setView([59.396342, 24.668718], 16); |
||||
|
||||
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { |
||||
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' |
||||
}).addTo(map); |
||||
|
||||
L.marker([59.396342, 24.668718]).addTo(map) |
||||
.openPopup(); |
||||
</script> |
||||
@ -0,0 +1,80 @@ |
||||
--- |
||||
layout: default |
||||
title: Lapikud |
||||
language: en |
||||
--- |
||||
{% assign locale = site.data.localisation[page.language] %} |
||||
|
||||
<!-- home --> |
||||
<section class="container home"> |
||||
<div class="logo_container"> |
||||
<img class="logo" src="{{ "/assets/logo.svg " | relative_url }}"> |
||||
</div> |
||||
|
||||
<!-- three icons --> |
||||
<div class="row row-center lg-icon-container"> |
||||
<div class="column"> |
||||
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> |
||||
<path d="M7 2v11h3v9l7-12h-4l4-8z"/> |
||||
</svg> |
||||
<div> |
||||
<h3>{{ locale.index_ForStudentHeader }}</h3> |
||||
<p>{{ locale.index_ForStudentDesc }}</p> |
||||
<p><a href="/student">{{ locale.index_ForStudentLink }}</a></p> |
||||
</div> |
||||
</div> |
||||
<div class="column"> |
||||
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> |
||||
<path |
||||
d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/> |
||||
</svg> |
||||
<div> |
||||
<h3>{{ locale.index_HelpdeskHeader }}</h3> |
||||
<p>{{ locale.index_HelpdeskDesc }}</p> |
||||
<p><a href="/helpdesk">{{ locale.index_HelpdeskLink }}</a></p> |
||||
</div> |
||||
</div> |
||||
<div class="column"> |
||||
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> |
||||
<path |
||||
d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/> |
||||
</svg> |
||||
<div> |
||||
<h3>{{ locale.index_ForBusinessesHeader }}</h3> |
||||
<p>{{ locale.index_ForBusinessesDesc }}</p> |
||||
<p><a href="/ourwork">{{ locale.index_ForBusinessesLink }}</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="description"> |
||||
<h1>{{ locale.index_WhoWeHeader }}</h1> |
||||
<p> |
||||
{{ locale.index_WhoWeDesc }} |
||||
</p> |
||||
|
||||
<h1>{{ locale.index_WhatDoHeader }}</h1> |
||||
<p> |
||||
{{ locale.index_WhatDoDesc }} |
||||
<p> |
||||
</div> |
||||
|
||||
|
||||
<div class="partners"> |
||||
<h1>{{ locale.index_Partners }}</h1> |
||||
<div id="partners-container"> |
||||
{% for partner in site.data.partners %} |
||||
<a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer"> |
||||
<img src="{{ "/assets/partners/" | append: partner.image }}" alt="{{ partner.name }}"> |
||||
{% if partner.additionalText != null %} |
||||
<h4>{{ partner.additionalText}}</h4> |
||||
{% endif %} |
||||
</a> |
||||
{% endfor %} |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</section> |
||||
Loading…
Reference in new issue