diff --git a/index.php b/index.php
index a98cf90..0243b9a 100644
--- a/index.php
+++ b/index.php
@@ -28,6 +28,7 @@
    </head>
 
    <body>
+     <!--
      <div class=row>
       <?php
       foreach (glob("roles/*.php") as $filename) {
@@ -64,11 +65,27 @@
       </div>
 
       </div>
+-->
 
-      <script>
-        var el = document.querySelector('.tabs');
-        var instance = M.Tabs.init(el, {});
-      </script>
+<div class="row">
+  <div class="col s12">
+    <ul class="tabs">
+      <li class="tab col s3"><a href="#test1">Test 1</a></li>
+      <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
+
+      <li class="tab col s3"><a href="#test4">Test 4</a></li>
+    </ul>
+  </div>
+  <div id="test1" class="col s12">Test 1</div>
+  <div id="test2" class="col s12">Test 2</div>
+
+  <div id="test4" class="col s12">Test 4</div>
+</div>
+
+<script>
+  var el = document.querySelector('.tabs');
+  var instance = M.Tabs.init(el, {});
+</script>
 
       <!--JavaScript at end of body for optimized loading-->
       <script type="text/javascript" src="js/materialize.min.js"></script>
