diff --git a/index.php b/index.php
index ee949263..e867e03c 100755
--- a/index.php
+++ b/index.php
@@ -4,59 +4,64 @@
     $list = explode("/", htmlspecialchars(strtolower($_SERVER["REQUEST_URI"])));
     if($list[1]==""||!isset($list[1])||count($list)<=1){$list="";include('php/nochan.php');die();}
     else $list=$list[1];
-	
+    
 ?>
 
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
 <head>
-	<?php include("php/header.php"); ?>
+    <?php include("php/header.php"); ?>
 </head>
 <body>
-	<div id="pBar"></div>
-	<div id="sBar"></div>
-	<div id="eBar"></div>
-    <!--<div class="bgimage" id="bgimage"></div>-->
-	<div class="top vcent centered">
-		<div id="change" class="small">
-			<div id="mobile-banner">
-				<div class="inner"></div>
-				<h3 id="innerTitle"><a href="/">Zöff</a>
-					<br>
-					<span id="innerChan"><?php echo(ucfirst($list));?></span>
-				</h3>
-				<div id="mobileTitle"></div>
-				<!--<div id="viewers">2 viewers</div>-->
-			</div>
-			<a id="toptitle" href="/">Zöff</a>
-			<div id="chan" class="chan" title="Show big URL" onclick="show()"><?php echo(ucfirst($list));?></div>
-			<input id="search" name="v" title="Search for songs..." type="text" class="search_input innbox" spellcheck="false" placeholder="Search" onsubmit="null;" autocomplete="off"/>
-			<div id="results"></div>
-			<div class="main">
-				<div id="player" class="ytplayer"></div>
-				<div id="jplayer" class="jp"></div>
-				<div class="playlist" >
-				<div id="buttons" class="">
-					<!--<a href="/php/admin.php?list=<?php echo $list; ?>" title="Channel settings" ><img src="/static/settings2.png" class="skip middle" alt="Settings"/></a>-->
-					<img src="static/settings2.png" id="settings" class="skip middle" alt="Settings" title="Settings" onclick="admin();"/>
-					<img src="static/skip.png" class="skip" alt="Skip" title="Skip" onclick="skip();">
+    <header>
+        <div class="navbar-fixed">
+            <nav>
+                <div class="nav-wrapper">
+                    <a href="//zoff.no" class="brand-logo hide-on-small-only">
+                        <img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff">
+                    </a>
+                    <div class="brand-logo center">
+                        <a href="zoff.no" class="hide-on-med-and-up">Zöff</a>
+                        <span class="hide-on-med-and-up">/</span>
+                        <span id="chan" class="chan" title="Show big URL" onclick="show()"><?php echo(ucfirst($list));?></span>
+                    </div>
+                    <form>
+                        <div class="input-field">
+                            <input id="search" type="search" required title="Search for songs..." spellcheck="false" placeholder="Search" onsubmit="null;" autocomplete="off">
+                            <label for="search"><i class="mdi-action-search"></i></label>
+                            <i class="mdi-navigation-close"></i>
+                        </div>
+                    </form>
+                    <ul id="nav-mobile" class="right">
+                        <li>
+	                        <a href="#" id="settings" onclick="skip();">
+	                            <i class="mdi-av-skip-next"></i>
+                                Skip
+	                        </a>
+                        </li>
+                        <li>
+                            <a href="#" onclick="admin();">
+                                <i class="mdi-action-settings"></i>
+                                Settings
+                            </a>
+                        </li>
+                    </ul>
+                    <ul class="side-nav" id="mobile-demo">
+                        <li><a href="sass.html">Sass</a></li>
+                        <li><a href="components.html">Components</a></li>
+                        <li><a href="javascript.html">Javascript</a></li>
+                        <li><a href="mobile.html">Mobile</a></li>
+                    </ul>
+                </div> 
+            </nav>
+        </div>
+    </header>
 
-				</div>
-					<div class="result hiddenAdmin" id="adminPanel"><?php include("php/panel.php");?> </div>
-					<form id="findform" onsubmit="return false;">
-							<input id="findform-input" type="text" onsubmit="null;" placeholder="Search list..">
-							<label id="numfound"></label>
-					</form>
-					<div id="playlist">
-						<div id="wrapper">
-							<img src="static/ajax-loader.gif" id="loading" alt="loading">
-						</div>
-					</div>
-				</div>
-			</div>
-			<div id="controls"></div>
-		</div>
-	</div>
-	<?php include("php/footer.php"); ?>
-		
-</body>
-</html>
+    <main class="center-align container"> 
+        <div class="section">
+            
+        </div>
+    </main>
+
+    <?php include("php/footer.php"); ?>
+    </body>
+</html>
\ No newline at end of file
diff --git a/php/footer.php b/php/footer.php
index 948f28dd..4b1ad66f 100755
--- a/php/footer.php
+++ b/php/footer.php
@@ -1,6 +1,39 @@
-<div class="footer small centered top anim">
-    &copy; <?php echo date("Y"); ?> <a class="anim" href="//nixo.no">Nixo</a> &amp; <a class="anim" href="//kasperrt.no">KasperRT </a>
-</div>
+<footer class="page-footer">
+    <div class="container">
+        <div class="row">
+            <div class="col l6 s12">
+                <h5 class="white-text">Zöff</h5>
+                <p class="grey-text text-lighten-4">The shared youtube radio</p>
+                <p class="grey-text text-lighten-4">
+                    Being built around the youtube search and video API
+                    it enables the creation of collaboratiive and shared live playlists, 
+                    with billions of videos and songs to choose from, all for free and without registration.
+                    <br>
+                    Enjoy!
+                </p>
+            </div>
+            <div class="col l4 offset-l2 s12 valign-wrapper">
+                <ul>
+                    <li>
+                        <a href="https://play.google.com/store/apps/details?id=no.lqasse.zoff">
+                            <img title="Get it on Google Play" src="static/images/google_play.png">
+                        </a>
+                        <a href="https://github.com/nixolas1/Zoff">
+                            <img title="Contribute on GitHub" src="static/images/GitHub_Logo.png">
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="footer-copyright">
+        <div class="container">
+            &copy; <?php echo date("Y"); ?>
+            <a href="//nixo.no">Nixo</a> &amp; 
+            <a href="//kasperrt.no">KasperRT</a> 
+        </div>
+    </div>
+</footer>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
 <script type="text/javascript" src="static/js/lib/iscroll-min.js"></script>  
diff --git a/php/nochan.php b/php/nochan.php
index bdf9e92c..ab60ed24 100755
--- a/php/nochan.php
+++ b/php/nochan.php
@@ -55,7 +55,9 @@ foreach($fil as $files){
     <header>
         <nav>
             <div class="nav-wrapper">
-                <a href="zoff.no" class="brand-logo hide-on-small-only"><img id="zicon" src="static/images/squareicon_small.png" alt="zöff"></a>
+                <a href="//zoff.no" class="brand-logo hide-on-small-only">
+                    <img id="zicon" src="static/images/squareicon_small.png" alt="zöff" title="Zöff">
+                </a>
                 <a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
                 <ul id="nav-mobile" class="right hide-on-med-and-down">
                     <li><a href="#">About</a></li>
@@ -121,7 +123,7 @@ foreach($fil as $files){
                                 </p>
                             </div>
                             <div class="card-action">
-                                <a href="<?php echo $ch; ?>" class="waves-effect waves-teal btn-flat">Listen</a>
+                                <a href="<?php echo $ch; ?>" class="waves-effect waves-orange btn-flat">Listen</a>
                             </div>
                         </div>
                     </li>
diff --git a/static/css/materialize.css b/static/css/materialize.css
index 2d848887..b42f1aa5 100755
--- a/static/css/materialize.css
+++ b/static/css/materialize.css
@@ -5044,7 +5044,7 @@ nav {
     color: #fff;
     display: inline-block;
     font-size: 2.1rem;
-    padding: 0; }
+    padding: 0 0 0 20px; }
     nav .brand-logo.center {
       left: 50%;
       -webkit-transform: translateX(-50%);
@@ -5413,7 +5413,7 @@ small {
       left: 0;
       padding: 20px; }
   .card .card-content {
-    padding: 20px;
+    padding: 10px 20px;
     border-radius: 0 0 2px 2px; }
     .card .card-content p {
       margin: 0;
diff --git a/static/css/style.css b/static/css/style.css
index 04e34bd2..39572a5a 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -115,4 +115,6 @@ hide mdi-action-visibility mdi-action-visibility-off
     padding-top: 2.5rem;
 }
 
-#channels li{opacity: 0;}
\ No newline at end of file
+#channels li{opacity: 0;}
+
+/* Channel page */
\ No newline at end of file
