diff --git a/index.php b/index.php
index c0bab85..47c4e23 100644
--- a/index.php
+++ b/index.php
@@ -33,7 +33,23 @@
       foreach (glob("roles/*.php") as $filename) {
         include $filename;
         echo '
-
+        <div class="card '.$color.'">
+          <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 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>
         ';
       }
       ?>
@@ -64,23 +80,7 @@
           </div>
       </div>
 -->
-          <div class="card '.$color.'">
-  <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 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>
   var el = document.querySelector('.tabs');