akaProxy · code4survival · Jun 6, 2014 · Jun 6, 2014 · Jun 6, 2014 · Jun 7, 2014
diff --git a/css/layout.css b/css/layout.css
@@ -0,0 +1,70 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html, body {
+    min-height: 100%;
+}
+
+body {
+    min-height: 100%;
+    position: relative;
+    z-index: 1;
+}
+
+section:last-of-type {
+    padding-bottom: 300px; 
+}
+
+footer {
+    height: 300px;
+    position: absolute;
+    bottom: 0px;
+    background-color: #000;
+    width: 100%;
+    z-index: 1;
+    background-image: url("http://assets.hardwarezone.com/img/2013/04/Screenshot_2013-05-15_at_12_38_58_AM.jpg");
+        background-position: center;
+    background-attachment: fixed;
+}
+
+section {
+    min-height: 500px;
+    height: 100%;
+    margin-right: 10%;
+    margin-left: 10%;
+    z-index: 2;
+
+}
+
+header {
+    height: 100%;
+    background-color: 3f5;
+}
+
+nav {
+    width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    min-height: 20px;
+    height: 50px;
+    bottom: 0px;
+}
+
+li {
+    display: inline;
+    margin-left: 125px;
+}
+
+#Stadgar {
+
+}
+
+#Personer {
+
+}
+
+#Projekt {
+
+}
diff --git a/css/master.css b/css/master.css
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,19 @@
+.iconiccol {
+    color: #FCB944; 
+}
+
+.iconiccolback {
+    background-color: #FCB944; 
+}
+
+.back1 {
+    background-color: rgba(0,0,0,0.1);   
+}
+
+.back2 {
+    background-color: rgba(0,0,0,0.2);   
+}
+
+.back3 {
+    background-color: rgba(0,0,0,0.3);   
+}
diff --git a/index.html b/index.html
@@ -3,12 +3,28 @@
 <html>
 <head>
 	<meta charset="utf-8">
-    <title>akaPROXY</title>
+    <title>aka.Proxy</title>
+    <link rel="stylesheet" type="text/css" href="css/layout.css">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
 </head>
 
-<body onload="window.setTimeout(function(){document.location = document.location.href.split('?')[0].split('#')[0] + 'projects'},5000)">
-    Hello World!<br>
-    Här skriver vi programmeringssidan. Lek och gör vad ni vill. Vi kommer ha ett möte om en kommande design och strukturlektion. Så länge fyller denna i gitten.<br>
-	<strong>Tills vidare skickar vi dig till en lista över våra projekt</strong>
-</body>
+    <body> 
+        <header>
+            <nav>
+
+            </nav>
+        </header>
+
+        <section id="Stadgar" class="back1">
+        </section>
+
+        <section id="Personer" class="back3">
+        </section>
+
+        <section id="Projekt" class="back2">
+        </section>
+
+        <footer>
+        </footer>
+    </body>
 </html>