diff --git a/css/main.css b/css/main.css
index 1fda27b..2244e4f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -20,7 +20,7 @@ small {
 }
 
 a {
-    color: #4B88A2;
+    color: #03a5fc;
 }
 
 a:link, a:visited {
@@ -47,7 +47,7 @@ a:hover {
 }
 
 .container {
-    width: 100vw;
+    width: 100%;
     height: fit-content;
     padding-top: 20px;
     padding-bottom: 20px;
diff --git a/index.html b/index.html
index 22c69c1..d245f09 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,11 @@
     <title></title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
-    <link rel="stylesheet" type="text/css" href="css/main.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Merriweather|Quicksand|Open+Sans:400,500">
+    <link rel="stylesheet" type="text/css" href="css/main.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 </head>    
 <body>
     <div class="masthead">
@@ -27,15 +30,66 @@
     
     <div class="container">
     <div class="text">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum enim nulla, fermentum ut convallis non, pellentesque nec eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Nam ultricies suscipit varius. Nulla sagittis lacus id porttitor luctus. Cras massa dolor, molestie eu est a, sodales imperdiet lectus. Vestibulum volutpat nibh mi, quis sagittis turpis suscipit a. Sed nulla urna, bibendum a ligula non, porttitor gravida nunc. Suspendisse ut ligula dictum, lacinia mi eu, scelerisque odio.
+        <h2>Projects</h2>
+        <br>
+        <h5>Table of contents</h5>
+        <div class="row hidden-xs">
+        
+            <div class="col-sm-3">
+                <ul class="list-unstyled">
+                        <li><a href="#inferno">Inferno Pathtracer</a></li>
+                        <li><a href="#smh">SMH Engine</a></li>
+                </ul>
+            </div>
+        
+            <div class="col-sm-3">
+                <ul class="list-unstyled">
+                        <li><a href="#bx">BX C Compiler</a></li>
+                        <li><a href="#rage">Rage Engine</a></li>
+                    </ul>
+                </div>
+                
+                <div class="col-sm-3">
+                    <ul class="list-unstyled">
+                        <li><a href="#modularweb">Modular Web</a></li>
+                        <li><a href="#modularweb">System Monitor</a></li>
+                    </ul>
+                </div>
+                
+                <div class="col-sm-3">
+                    <ul class="list-unstyled">
+                        <li><a href="#owos">OwOS</a></li>
+                        <li><a href="#osdev">OSDev Guide</a></li>
+                </ul>
+            </div>
+        
+        </div>
+        <div class="row visible-xs">
+               <div class="col-xs-6">
+                   <ul class="list-unstyled">
+                        <li><a href="#inferno">Inferno Pathtracer</a></li>
+                        <li><a href="#smh">SMH Engine</a></li>
 
-        <small>
-            small pp
-        </small>
-    </div>
+                        <li><a href="#bx">BX C Compiler</a></li>
+                        <li><a href="#rage">Rage Engine</a></li>
+                    </ul>
+                </div>
+        
+                <div class="col-xs-6">
+                    <ul class="list-unstyled">
+                        <li><a href="#modularweb">Modular Web</a></li>
+                        <li><a href="#modularweb">System Monitor</a></li>
+
+                        <li><a href="#owos">OwOS</a></li>
+                        <li><a href="#osdev">OSDev Guide</a></li>
+                </ul>
+            </div>
+        </div>
     </div>
 
+    <div class="text">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum enim nulla, fermentum ut convallis non, pellentesque nec eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Nam ultricies suscipit varius. Nulla sagittis lacus id porttitor luctus. Cras massa dolor, molestie eu est a, sodales imperdiet lectus. Vestibulum volutpat nibh mi, quis sagittis turpis suscipit a. Sed nulla urna, bibendum a ligula non, porttitor gravida nunc. Suspendisse ut ligula dictum, lacinia mi eu, scelerisque odio.
+    </div>
 
     </div>
 </body>
