From 4acf463e66fd5d578408f59b7118880e1c4544aa Mon Sep 17 00:00:00 2001
From: norrinorri <noora.vanttine@gmail.com>
Date: Sat, 27 May 2017 18:15:28 +0300
Subject: pieniä muutoksia etusivuun
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index e1ab137..8ca3288 100644
--- a/index.html
+++ b/index.html
@@ -2,14 +2,25 @@
 layout: index_page
 ---
 
+<style type="text/css">
+   @media screen and (max-width: 600px) {
+  .hidden_mobile {
+    visibility: hidden;
+    clear: both;
+    float: left;
+    margin: 10px auto 5px 20px;
+    width: 28%;
+    display: none;
+  }
+}
+</style>
 
-<div style='float:left;height:100%; width:60%; background-color:#5c3c7c; text-align: center;'> 
+<div class="hidden_mobile" style='float:left;height:100%; width:60%; background-color:#5c3c7c; text-align: center;'> 
     <h1 style="margin-top:10%">
         <img src="/static/aswhite.png"/ height="200px">
         <div class="site-title" style="font-size: 30px;" href="{{ site.baseurl }}/">{{ site.title }}</div>
       </h1>
     <p style="color: white; margin:30px;">Automaatio- ja systeemitekniikan kilta yhdistää Aalot yliopistossa opiskelevia automaatio- ja systeemitekniikan sekä tietoliikenne tekniikan opiskelijoita. Kilta tarjoaa monipuolisia palveluita ja tapahtumia sekä tekee laajasti yhteistyötä yritysten sekä aluminensa kanssa.</p>
-     <ul>
          <div><a style="color:white; text-decoration:none;" href="{{ '/home' | prepend: site.baseurl }}">Etusivu</a></div>
         <div><a style="color:white; text-decoration:none;" href="{{ '/kilta/' | prepend: site.baseurl }}">Kilta</a></div>
         <div><a style="color:white; text-decoration:none;" href="{{ '/opiskelu/' | prepend: site.baseurl }}">Opiskelu</a></div>
@@ -18,10 +29,9 @@ layout: index_page
         <div><a style="color:white; text-decoration:none;" href="{{ '/yrityksille/' | prepend: site.baseurl }}">Yrityksille</a></div>
         <div><a style="color:white; text-decoration:none;" href="{{ '/yhteystiedot/' | prepend: site.baseurl }}">Yhteystiedot</a></div>
         <div><a style="color:white; text-decoration:none;" href="{{ '/in-english/' | prepend: site.baseurl }}">In English</a></div>
-      </ul>
 </div>
 
-<div style='float:right;height:100%; width:40%; background-color:white; text-align: center;'>
+<div class="hidden_mobile" style='float:right;height:100%; width:40%; background-color:white; text-align: center;'>
         <h1 style="margin-top:20%">Yhteistyössä</h1>
         <div><a href="http://new.abb.com/fi"><img width="200" style="margin:20px;border:0;" src="/static/sponsors/ABB.png" alt=""></a></div>
         
-- 
cgit v1.3