diff --git a/index.html b/index.html
index bb473b9..20b6ecf 100644
--- a/index.html
+++ b/index.html
@@ -108,7 +108,7 @@
     <div class="site-mobile-menu-body"></div>
   </div>
 
-
+<!-------------------------Navigation--------------------------------------------->
   
   <nav class="site-nav mb-5">
     <div class="pb-2 top-bar mb-3">
@@ -176,6 +176,9 @@
     </div>
   </nav>
 
+
+
+<!-------------------------Blue Dahboard--------------------------------------------->
   <style>
     #under-construction-heading {
       color: yellow !important;
@@ -222,6 +225,8 @@ <h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100"> Exp
 
 
 
+<!-------------------------Self Learning Portals--------------------------------------------->
+
 
   <div class="untree_co-section" id="slp">
     <div class="container"> 
@@ -347,7 +352,7 @@ <h3> Consciousness Learing Portals</h3>
 
 
 
-
+<!-------------------------Become a instructor--------------------------------------------->
 
   
 
@@ -384,119 +389,184 @@ <h2 class="line-bottom mb-4">Become an Instructor</h2>
 
 
 
+<!-------------------------Courses--------------------------------------------->
 
 
-  <div class="untree_co-section" id="courses">
-    <div class="container">
-      <div class="row justify-content-center mb-3">
-        <div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0">
-          <h2 class="line-bottom text-center mb-4">Browse Top Courses</h2>
-        </div>
+
+<div class="untree_co-section" id="courses">
+  <div class="container">
+    <div class="row justify-content-center mb-3">
+      <div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0">
+        <h2 class="line-bottom text-center mb-4">Browse Top Courses</h2>
       </div>
-      <div class="row align-items-stretch">
+    </div>
+    <div class="row align-items-stretch">
 
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-atom"></i>
-            </div>
-            <div>
-              <h3>Physics Courses</h3>
-              <span>1,391 courses</span>
-            </div>
-          </a>
-        </div>
 
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="100">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-calculator"></i>
-            </div>
-            <div>
-              <h3>Mathematics Courses</h3>
-              <span>3,234 courses</span>
-            </div>
-          </a>
-        </div>
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="200">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-laptop"></i>
-            </div>
-            <div>
-              <h3>Computing Courses</h3>
-              <span>931 courses</span>
-            </div>
-          </a>
-        </div>
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-circuit"></i>
-            </div>
-            <div>
-              <h3>Artificial Intelligence (AI) Courses</h3>
-              <span>7,291 courses</span>
-            </div>
-          </a>
-        </div>
 
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-laptop"></i>
+          </div>
+          <div>
+            <h3>Basic Programming Courses</h3>
+            <span>1,391 courses</span>
+          </div>
+        </a>
+      </div>
 
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-dna"></i>
-            </div>
-            <div>
-              <h3>Web of Life Courses</h3>
-              <span>9,114 courses</span>
-            </div>
-          </a>
-        </div>
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="100">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-snowflake"></i>
-            </div>
-            <div>
-              <h3>Standard Models Courses</h3>
-              <span>2,391 courses</span>
-            </div>
-          </a>
-        </div>
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="200">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-brain"></i>
-            </div>
-            <div>
-              <h3>Brain-Computer Interface (BCI) Courses</h3>
-              <span>7,991 courses</span>
-            </div>
-          </a>
-        </div>
-        <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
-          <a href="#" class="category d-flex align-items-start h-100">
-            <div>
-              <i class="uil uil-circle-layer"></i>
-            </div>
-            <div>
-              <h3>Consciousness Courses</h3>
-              <span>6,491 courses</span>
-            </div>
-          </a>
-        </div>
-        
 
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-atom"></i>
+          </div>
+          <div>
+            <h3>Physics Courses</h3>
+            <span>1,391 courses</span>
+          </div>
+        </a>
       </div>
 
-      <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="400">
-        <div class="col-lg-8 text-center">
-          <p>We have more category here. <a href="#">Browse all</a></p>
-        </div>
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="100">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-calculator"></i>
+          </div>
+          <div>
+            <h3>Mathematics Courses</h3>
+            <span>3,234 courses</span>
+          </div>
+        </a>
+      </div>
+
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="200">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-desktop"></i>
+          </div>
+          <div>
+            <h3>Computing Courses</h3>
+            <span>931 courses</span>
+          </div>
+        </a>
+      </div>
+
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-circuit"></i>
+          </div>
+          <div>
+            <h3>Artificial Intelligence (AI) Courses</h3>
+            <span>7,291 courses</span>
+          </div>
+        </a>
+      </div>
+
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-dna"></i>
+          </div>
+          <div>
+            <h3>Web of Life Courses</h3>
+            <span>9,114 courses</span>
+          </div>
+        </a>
+      </div>
+
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="100">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-snowflake"></i>
+          </div>
+          <div>
+            <h3>Standard Models Courses</h3>
+            <span>2,391 courses</span>
+          </div>
+        </a>
+      </div>
+
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="200">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-brain"></i>
+          </div>
+          <div>
+            <h3>Brain-Computer Interface (BCI) Courses</h3>
+            <span>7,991 courses</span>
+          </div>
+        </a>
+      </div>
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-music"></i>
+          </div>
+          <div>
+            <h3>Music and Sound Therapy Courses</h3>
+            <span>6,491 courses</span>
+          </div>
+        </a>
+      </div>
+
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-channel"></i>
+          </div>
+          <div>
+            <h3>Meditation and Yoga Courses</h3>
+            <span>6,491 courses</span>
+          </div>
+        </a>
+      </div>
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-wind-sun"></i>
+          </div>
+          <div>
+            <h3>Dance and Recreation Courses</h3>
+            <span>6,491 courses</span>
+          </div>
+        </a>
+      </div>
+
+      <div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300">
+        <a href="#" class="category d-flex align-items-start h-100">
+          <div>
+            <i class="uil uil-circle-layer"></i>
+          </div>
+          <div>
+            <h3>Consciousness and Spirituality Courses</h3>
+            <span>6,491 courses</span>
+          </div>
+        </a>
+      </div>
+  
+    </div>
+
+
+
+    <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="400">
+      <div class="col-lg-8 text-center">
+        <p>We have more category here. <a href="#">Browse all</a></p>
       </div>
     </div>
   </div>
+</div>