diff --git a/index.html b/index.html
index 3797a8a..8bf3d45 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,8 @@
   </head>
 
 	<header>
-    <nav>
+      
+    <!-- <nav>
       <input type="checkbox" id="check">
       <label for="check" class="checkbtn">
         <i class="fa fa-bars"></i>
@@ -43,58 +44,84 @@
         <li><a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a></li>
         <li><a href="#contact"><i class="fa fa-user"></i>Contact</a></li>
       </ul>
-    </nav>
+    </nav> -->
       
-     <!--	<section class="navigation">
-		  <div class="nav-container">
-		    <div class="brand">
-		      <img class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
-		    </div>
-		    <nav>
-		      <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
-		      <ul class="nav-list">
-		        <li>
-		          <a href="#!">Home</a>
-		        </li>
-		        <li>
-		          <a href="#!">Blog</a>
-		        </li>
-		        <li>
-		          <a href="#!">Services</a>
-		          <ul class="nav-dropdown">
-		            <li>
-		              <a href="#!">Cloud</a>
-		            </li>
-		            <li>
-		              <a href="#!">Wiki</a>
-		            </li>
-		            <li>
-		              <a href="#!">RSS</a>
-		            </li>
-		              <li>
-		              <a href="#!">NetData</a>
-		            </li>
-		            <li>
-		              <a href="#!">Analytics</a>
-		            </li>
-		            <li>
-		              <a href="#!">Stolen Code</a>
-		            </li>
-		          </ul>
-		        </li>
-		        <li>
-		          <a href="#!">Gallery</a>
-		        </li>
-		        <li>
-		          <a href="#!">Donwloads</a>
-		        </li>
-		        <li>
-		          <a href="#!">Contact</a>
-		        </li>
-		      </ul>
-		    </nav>
-		  </div>
-		</section> -->
+  	<section class="navigation">
+      <div class="nav-container">
+        <div class="brand">
+          <img class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
+        </div>
+        <nav>
+          <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
+          <ul class="nav-list">
+            <li>
+              <a href="https://fosc.space/"><i class="fa fa-home"></i>Home</a>
+            </li>
+            <li>
+              <a href="https://blog.fosc.space"><i class="fa fa-book"></i>Blog</a>
+            </li>
+            <li>
+              <a href="#!"><i class="fa fa-cogs"></i>Services</a>
+              <ul class="nav-dropdown">
+                <li>
+                  <a href="https://cloud.fosc.space">Cloud</a>
+                </li>
+                <li>
+                  <a href="https://doc.fosc.space">Wiki</a>
+                </li>
+                <li>
+                  <a href="https://rss.fosc.space">RSS</a>
+                </li>
+                  <li>
+                  <a href="https://netdata.fosc.space">NetData</a>
+                </li>
+                <li>
+                  <a href="https://analytics.fosc.space">Analytics</a>
+                </li>
+                <li>
+                  <a href="https://git.fosc.space">Stolen Code</a>
+                </li>
+              </ul>
+            </li>
+            <li>
+              <a href="https://gallery.fosc.space"><i class="fa fa-image"></i>Gallery</a>
+            </li>
+            <li>
+              <a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a>
+            </li>
+            <li>
+              <a href="#contact"><i class="fa fa-user"></i>Contact</a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+    </section>
+      
+    <script>
+      (function($) { // Begin jQuery
+        $(function() { // DOM ready
+          // If a link has a dropdown, add sub menu toggle.
+          $('nav ul li a:not(:only-child)').click(function(e) {
+            $(this).siblings('.nav-dropdown').toggle();
+            // Close one dropdown when selecting another
+            $('.nav-dropdown').not($(this).siblings()).hide();
+            e.stopPropagation();
+          });
+          // Clicking away from dropdown will remove the dropdown class
+          $('html').click(function() {
+            $('.nav-dropdown').hide();
+          });
+          // Toggle open and close nav styles on click
+          $('#nav-toggle').click(function() {
+            $('nav ul').slideToggle();
+          });
+          // Hamburger to X toggle
+          $('#nav-toggle').on('click', function() {
+            this.classList.toggle('active');
+          });
+        }); // end DOM ready
+      })(jQuery); // end jQuery
+    </script>  
    
   </header>