diff --git a/index.html b/index.html
index 4ad4ffff6..ac2d9c2c0 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,91 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Static Template</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+      crossorigin="anonymous"
+    />
   </head>
   <body>
-    <h1>This is a static template, there is no bundler or bundling involved!</h1>
+    <div class="container-fluid">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="#">Qtrip</a>
+
+        <div
+          class="collapse navbar-collapse justify-content-end"
+          id="navbarSupportedContent"
+        >
+          <ul class="navbar-nav">
+            <li class="nav-item active">
+              <a class="nav-link" href="#"
+                >Home <span class="sr-only">(current)</span></a
+              >
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="./assets/adventures/">Explore</a>
+            </li>
+          </ul>
+        </div>
+      </nav>
+
+      <div class="row">
+        <h2>Explore Adventures</h2>
+        <p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</p>
+      </div>
+      <div class="row">
+        <div class="col-xl-8 col-12">
+          <div class="row">
+            <div class="col-xl-8 col-12">
+              <img
+                src="https://images.unsplash.com/photo-1693683197581-f362aa5348df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw3fHx8ZW58MHx8fHx8&auto=format"
+                class="w-100 h-100"
+              />
+            </div>
+            <div class="col-xl-4">
+              <div class="row">
+                <div class="col-xl-12 pb-3">
+                  <img
+                    src="https://images.unsplash.com/photo-1693683197581-f362aa5348df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw3fHx8ZW58MHx8fHx8&auto=format"
+                    class="w-100 h-100 d-none d-lg-block"
+                  />
+                </div>
+                <div class="col-xl-12">
+                  <img
+                    src="https://images.unsplash.com/photo-1693683197581-f362aa5348df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw3fHx8ZW58MHx8fHx8&auto=format"
+                    class="w-100 h-100 d-none d-lg-block"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="row">
+            <h2>Explore Adventures</h2>
+            <p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</p>
+            <hr />
+            <p>
+              Chairman's Jade Resort is constructed in the most natural setting
+              for a day out that pleases the senses. The property is spread over
+              eight acres of land with facilities for both indoor and outdoor
+              adventures.Get active in the pool with a game of water polo or try
+              some archery. For the indoor sort, there are a host of popular
+              games and adventures. If that is not enticing enough head to
+              gymnasium!
+            </p>
+          </div>
+        </div>
+
+        <div class="col-xl-4 col-12">
+          <h2>Sold Out!</h2>
+          <p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</p>
+          <hr />
+        </div>
+      </div>
+    </div>
   </body>
-</html>
\ No newline at end of file
+</html>
