diff --git a/index.php b/index.php
index 68fe448..dd3ef49 100644
--- a/index.php
+++ b/index.php
@@ -31,30 +31,6 @@
    </head>
 
    <body>
-
-          <div class=row>
-       <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 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>
-       </div>
-
-
-
-
      <div class=row>
       <?php
       foreach (glob("roles/*.php") as $filename) {
@@ -80,22 +56,24 @@
                             </li>
                         </ul>
     </div>
-                    <div class="card-content '.$tcolor.'-text">
-                        <span class="card-title">'.$name.'</span>
-                        <div id='.$name.' h2p ">'.$howtoplay.'</div>
-                        <div id=" '.$name.'pbw ">'.$playsbestwith.'</div>
-                        <div id='.$name.'convars">'.$convars.'</div>
-                    </div>
+    <div class="card-content '.$tcolor.'-text">
+        <span class="card-title">'.$name.'</span>
+        <div id="'.$name.' h2p ">'.$howtoplay.'</div>
+        <div id=" '.$name.'pbw ">'.$playsbestwith.'</div>
+        <div id="'.$name.'convars">'.$convars.'</div>
+    </div>
   </div>
   </div>
         ';
       }
       ?>
     </div>
-    <script>
-      var el = document.querySelector('.tabs');
-      var instance = M.Tabs.init(el, {});
-    </script>
+
+
+      <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>
diff --git a/testing.php b/testing.php
index e07ab09..b13ba71 100644
--- a/testing.php
+++ b/testing.php
@@ -33,29 +33,7 @@
    <body>
 
 
-     <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 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');
-         var instance = M.Tabs.init(el, {});
-       </script>
-
    </body>
 </html>
