diff --git a/index.php b/index.php
index 0243b9a..031d611 100644
--- a/index.php
+++ b/index.php
@@ -67,19 +67,22 @@
       </div>
 -->
 
-<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>
+<div class="card">
+  <div class="card-content">
+    <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
+  </div>
+  <div class="card-tabs">
+    <ul class="tabs tabs-fixed-width">
+      <li class="tab"><a href="#test4">Test 1</a></li>
+      <li class="tab"><a class="active" href="#test5">Test 2</a></li>
+      <li class="tab"><a href="#test6">Test 3</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 class="card-content grey lighten-4">
+    <div id="test4">Test 1</div>
+    <div id="test5">Test 2</div>
+    <div id="test6">Test 3</div>
+  </div>
 </div>
 
 <script>