diff --git a/index.html b/index.html
index 69f57ba..f43de13 100644
--- a/index.html
+++ b/index.html
@@ -39,6 +39,125 @@
   </div>
 
 
+  <!-- Preloader Start -->
+  <header>
+    <!-- Header Start -->
+    <div class="header-area header-transparent">
+      <div class="main-header">
+        <div class="header-bottom  header-sticky">
+          <div class="container-fluid">
+            <div class="row align-items-center">
+              <!-- Logo -->
+              <div class="col-xl-2 col-lg-2 col-md-1">
+                <div class="logo">
+                  <a href="index.html"><img src="assets/img/logo/website_logo.png" alt=""></a>
+                </div>
+              </div>
+              <div class="col-xl-10 col-lg-10 col-md-8">
+                <!-- Main-menu -->
+                <div class="main-menu f-right d-none d-lg-block">
+                  <nav>
+                    <ul id="navigation">
+                      <li><a href="index.html" style="color: white;">Home</a></li>
+
+                      <!-- Learn -->
+                      <li><a href="#" style="color: white;">Learn</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">Introduction</a></li>
+                          <li><a href="index.html">Production</a></li>
+                          <li><a href="index.html">Javascript</a></li>
+                          <li><a href="index.html">Mobile</a></li>
+                        </ul>
+                      </li>
+                      <!-- Learn -->
+
+                      <!-- Ecosystem -->
+                      <li><a href="#" style="color: white;">Ecosystem</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">Conference</a></li>
+                        </ul>
+                      </li>
+                      <!-- Ecosystem -->
+
+
+                      <!-- API -->
+                      <li><a href="#" style="color: white;">API</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">Version History</a></li>
+                          <li><a href="index.html">Use Case</a></li>
+                        </ul>
+                      </li>
+                      <!-- API -->
+
+
+                      <!-- Research -->
+                      <li><a href="#" style="color: white;">Research</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">Models & Dataset</a></li>
+                          <li><a href="index.html">Tools</a></li>
+                          <li><a href="index.html">Libraries & Extensions</a></li>
+                          <li><a href="index.html">ACR Certificate Program</a></li>
+                          <li><a href="index.html">Responsible AI</a></li>
+                        </ul>
+                      </li>
+                      <!-- Resources -->
+
+
+                      <!-- Resources-->
+                      <li><a href="#" style="color: white;">Resources</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">Models & Dataset</a></li>
+                          <li><a href="index.html">Tools</a></li>
+                          <li><a href="index.html">Libraries & Extensions</a></li>
+                          <li><a href="index.html">ACR Certificate Program</a></li>
+                          <li><a href="index.html">Responsible AI</a></li>
+                        </ul>
+                      </li>
+                      <!-- Resources -->
+
+
+                      <!-- Community-->
+                      <li><a href="#" style="color: white;">Community</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">Join</a></li>
+                          <li><a href="index.html">Blog</a></li>
+                          <li><a href="index.html">Forum</a></li>
+                          <li><a href="index.html">Group</a></li>
+                          <li><a href="index.html">Contribute</a></li>
+                        </ul>
+                      </li>
+                      <!-- Community -->
+
+
+                      <!-- Why ACR -->
+                      <li><a href="#" style="color: white;">Why ACR</a>
+                        <ul class="submenu">
+                          <li><a href="index.html">About</a></li>
+                          <li><a href="index.html">Case Studie</a></li>
+                        </ul>
+                      </li>
+                      <!-- Why ACR -->
+
+
+                      <butaton type="button" class="btn text-primary ms-3" data-bs-toggle="modal"
+                        data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton>
+
+                    </ul>
+                  </nav>
+                </div>
+              </div>
+              <!-- Mobile Menu -->
+              <div class="col-12">
+                <div class="mobile_menu d-block d-lg-none"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Header End -->
+  </header>
+
   <main>
 
     <!-- slider Area Start-->
@@ -229,10 +348,10 @@
             </div>
           </div>
           <!-- view start -->
-          <div class="latest-blog-area">
+          <div class="latest-index-area">
             <div class="container">
               <div class="custom-row">
-                <div class="blog-active">
+                <div class="index-active">
                   <!-- single-items -->
                   <div class="col-lg-4 col-md-6 col-sm-6">
                     <div class="single-cat text-center mb-50">