lapikud
/
lapikud.github.io
mirror of https://github.com/Lapikud/lapikud.github.io.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #48 from holroos/new_front_page_links

Browse Source 
Turn front page call to action icons into links
pull/51/head
Arti Zirk 6 years ago committed by GitHub
parent 4072abad5f 59513f36b0
commit b07a3e5dbb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 44 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      _sass/home.scss
  2. 66
      index.html

11
_sass/home.scss
Unescape View File

@ -28,13 +28,15 @@
align-items : flex-start;
margin : 0;
margin-top : 4rem;
.column {
display : flex;
display:flex;
a {
flex-direction : row;
justify-content : center;
align-items : center;
align-content : flex-start;
text-align : left;
flex : 2;
.lg-icon {
fill : #f0941d;
@ -43,10 +45,11 @@
flex : 1;
}
div {
flex : 2;
.regularText {
color: #1e1e1e;
}
}
@media (min-width : 40.0rem) {
.column {
flex-direction : column;

66
index.html
Unescape View File

@ -11,38 +11,46 @@ title: Lapikud
<!-- 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>Tudengile</h3>
<p>Tule arenda oma oskuseid ja saa ägedaid sõpru</p>
<p><a href="/student">Uuri edasi meie tegevuste kohta -></a></p>
<a href="/student">
<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 class="regularText">Tudengile</h3>
<p class="regularText">Tule arenda oma oskuseid ja saa ägedaid sõpru</p>
<p>Uuri edasi meie tegevuste kohta -></p>
</div>
</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>Helpdesk</h3>
<p>Tudengisõbralik arvutiparandus!</p>
<p><a href="/helpdesk">Tööde hinnakiri -></a></p>
</a>
<a href="/helpdesk">
<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 class="regularText">Helpdesk</h3>
<p class="regularText">Tudengisõbralik arvutiparandus!</p>
<p>Tööde hinnakiri -></p>
</div>
</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>Ettevõttele</h3>
<p>Aitame sinu ideed ellu viia!</p>
<p><a href="/ourwork">Tehtud tööd -></a></p>
</a>
<a href="/ourwork">
<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 class="regularText">Ettevõttele</h3>
<p class="regularText">Aitame sinu ideed ellu viia!</p>
<p>Tehtud tööd -></p>
</div>
</div>
</div>
</a>
</div>
<div class="description">

Write Preview
Loading…
Cancel
Save