Update

Author: dmcscript

css/gaming.css

@@ -1,4 +1,5 @@
-.stream {
-	margin: 25px 0 0 0;
-    width: 90%;
+
+li.active{
+	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
+	border: 1px solid rgba(81, 203, 238, 1);
 }

index.html

@@ -15,6 +15,8 @@
 
     <!-- Custom styles for this template -->
     <link href="css/freelancer.css" rel="stylesheet">
+    <!-- Custom css -->
+    <link href="css/custom.css" rel="stylesheet">
     <!-- Just for debugging purposes. Don't actually copy this line! -->
     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
@@ -76,18 +78,6 @@
     </div>
   </header>
 
-
-<!-- Skills -->
-  <section id = "skills">
-    <div class="container" >
-      <div class="row">
-        <div class="col-lg-12 text-center">
-          <h2>skills</h2>
-      </div>
-      </div>
-    </div>
-  </section>
-
   <!-- about section -->
   <section class="success" id ="about">
     <div class="container">
@@ -98,15 +88,31 @@ <h2> About me goes here</h2>
       </div>
     </div>
   </section> 
-
+<!-- Skills -->
+  <section id = "skills">
+    <div class="container" >
+      <div class="row">
+        <div class="col-lg-12 text-center">
+          <h2>skills</h2>
+      </div>
+      </div>
+    </div>
+  </section>
 
 <!-- hobbies -->
 <section id = "hobbies">
     <div class="container" >
       <div class="row">
         <div class="col-lg-12 text-center">
           <h2>hobbies</h2>
-      </div>
+        </div>
+        <ul class = "list-group">
+          <li class= "list-group-item">Sports</li>
+          <li class= "list-group-item">Lifting</li>
+          <li class= "list-group-item">Ardunio programing</li>
+          <li class= "list-group-item">Power Lifting</li>
+          <li class= "list-group-item">Building Computers</li>
+        </ul>
       </div>
     </div>
   </section>
@@ -175,5 +181,6 @@ <h2>Contact Me</h2>
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
     <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="js/Custom.js"></script>
   </body>
 </html>

js/Custom.js

@@ -0,0 +1,7 @@
+$( "li" ).hover(
+  function() {
+    $( this ).addClass( "active" );
+  }, function() {
+    $( this ).removeClass( "active" );
+  }
+);