diff --git a/index.php b/index.php
index ccae71d..041d641 100755
--- a/index.php
+++ b/index.php
@@ -2,25 +2,20 @@
 
 	<head>
 		<style>
+			* {
+			  -webkit-box-sizing: border-box;
+			  -moz-box-sizing: border-box;
+			  box-sizing: border-box;
+			}
+			body {
+				margin: 0px;
+			}
 			a:link {
 				text-decoration: none;
 			}
 			a:hover {
 				text-decoration: underline;
 			}
-			nav {
-				width: 100%;
-				background-color: #000;
-				padding: 10px 0px;
-			}
-			nav a {
-				color: #fff;
-				margin: 10px;
-				text-decoration: none;
-			}
-			nav a:hover {
-				text-decoration: underline;
-			}
 			td.create {
 				padding: 15px 0px;
 			}
@@ -56,6 +51,9 @@
 
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+		 <link rel="stylesheet" type="text/css" href="/_css/form.css">
+		 <link rel="stylesheet" type="text/css" href="/_css/nav.css">
+
 		<title>Badminton Coach v 0.1</title>
 	<?php
 	require('common.php');
diff --git a/template/templates/nav.tpl b/template/templates/nav.tpl
index 596db1d..89630f1 100755
--- a/template/templates/nav.tpl
+++ b/template/templates/nav.tpl
@@ -1,7 +1,21 @@
-<table>
-	<tr>
-		<td><a href="/admin/members">Tagok</a></td>
-		<td><a href="/admin/trainings">Edzések</a></td>
-		<td><a href="/admin/presence">Jelenlét</a></td>
-	</tr>
-</table>
\ No newline at end of file
+<ul class="topnav" id="myTopnav">
+  <li class="icon">
+    <a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">Menü ☰</a>
+  </li>
+  <li><a href="/admin/members">Tagok</a></li>
+  <li><a href="/admin/trainings">Edzések</a></li>
+  <li><a href="/admin/presence">Jelenlét</a></li>
+</ul>
+
+
+
+<script>
+function myFunction() {
+    var x = document.getElementById("myTopnav");
+    if (x.className === "topnav") {
+        x.className += " responsive";
+    } else {
+        x.className = "topnav";
+    }
+}
+</script>
\ No newline at end of file
