diff --git a/index.html b/index.html
index fdc1691..699b0d1 100644
--- a/index.html
+++ b/index.html
@@ -1,61 +1,155 @@
 <!DOCTYPE html>
-<html lang="en" >
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>WEB DEV Resources | Hack2skill</title>
-
-    <!-- font awesome icons cdn -->
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-      integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
-      crossorigin="anonymous"
-    />
-
-    <!-- swiper slider css file -->
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.css"
-      integrity="sha512-m3pAvNriL711NMlhkZHK6K4Tu2/RjtrzyjxZU8mlAbxxoDoURy27KajN1LGTLeEEPvaN12mKAgSCrYEwF9y0jA=="
-      crossorigin="anonymous"
-    />
-
-    <!-- custom style.css file -->
-    <link rel="stylesheet" href="style.css" />
-  </head>
-  <body>
-    <!-- Header -->
-    <header id="header" class="shadow bg-light">
-      <nav class="container navbar">
-        <a href="/index.html" class="nav-brand text-dark">
-          <img src="./assets/logo.png" width="80" />
-        </a>
-
-        <!-- toggle button -->
-        <button class="toggle-button">
-          <span><i class="fas fa-bars"></i></span>
-        </button>
-
-
-
-    <!-- .Main Site -->
-
-    <!-- masonry libray for horizontal grid -->
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"
-      integrity="sha512-JRlcvSZAXT8+5SQQAvklXGJuxXTouyq8oIMaYERZQasB8SBDHZaUbeASsJWpk0UUrf89DP3/aefPPrlMR1h1yQ=="
-      crossorigin="anonymous"
-    ></script>
-
-    <!-- swiper slider cdn -->
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js"
-      integrity="sha512-1LlEYE0qExJ/GUfAJ0k2K2fB5sIvMv/q6ueo3syohvQ3ElWDQVSMUOf39cxaDWHtNu7M6lF6ZC1H6A1m3SvheA=="
-      crossorigin="anonymous"
-    ></script>
-
-    <!-- custom javascript main.js file -->
-    <script src="main.js"></script>
-  </body>
-</html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>WEB DEV Resources | Hack2skill</title>
+
+  <!-- font awesome icons cdn -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
+    integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
+    crossorigin="anonymous" />
+
+  <!-- swiper slider css file -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.css"
+    integrity="sha512-m3pAvNriL711NMlhkZHK6K4Tu2/RjtrzyjxZU8mlAbxxoDoURy27KajN1LGTLeEEPvaN12mKAgSCrYEwF9y0jA=="
+    crossorigin="anonymous" />
+
+  <!-- custom style.css file -->
+  <link rel="stylesheet" href="style.css" />
+</head>
+
+<body>
+  <!-- Header -->
+  <header id="header" class="shadow bg-light">
+    <nav class="container navbar">
+      <a href="/index.html" class="nav-brand text-dark">
+        <img src="./assets/logo.png" width="80" />
+      </a>
+
+      <!-- toggle button -->
+      <button class="toggle-button">
+        <span><i class="fas fa-bars"></i></span>
+      </button>
+    </nav>
+  </header>
+  <!-- Main Site -->
+  <main id="site-main">
+    <!-- Blog Post Section -->
+    <section id="posts">
+      <div class="container">
+        <div class="grid">
+          <!-- article -->
+          <div class="grid-item">
+            <article class="article">
+              <div class="card">
+                <div class="overflow-img">
+                  <a href="./Prachi/prachi.html">
+                    <img src="./assets/img3.jpg" class="img-fluid" alt="">
+                  </a>
+                </div>
+                <div class="card-body text-center px-1">
+                  <a href="./Prachi/prachi.html" class="text-title display-1 text-dark">
+                    Hi! My name is Prachi and these are my Fav WEB Dev Tools
+                  </a>
+                  <p class="secondary-title text-secondary display-3">
+                    <span><i class="far fa-clock text-primary"></i> Sat 29,2022</span>
+                  </p>
+                </div>
+              </div>
+            </article>
+          </div>
+          <!-- .article -->
+          <!-- article -->
+          <div class="grid-item">
+            <article class="article">
+              <div class="card">
+                <div class="overflow-img">
+                  <a href="#">
+                    <img src="./assets/img7.jpg" class="img-fluid" alt="">
+                  </a>
+                </div>
+                <div class="card-body text-center px-1">
+                  <a href="#" class="text-title display-1 text-dark">
+                    Looking for some feedback for this rejected track
+                    technology
+                  </a>
+                  <p class="secondary-title text-secondary display-3">
+                    <span><i class="far fa-clock text-primary"></i> Clock Wed 02, 2021</span>
+                  </p>
+                </div>
+              </div>
+            </article>
+          </div>
+          <!-- .article -->
+          <!-- article -->
+          <div class="grid-item">
+            <article class="article">
+              <div class="card">
+                <div class="overflow-img">
+                  <a href="#">
+                    <img src="./assets/img8.jpg" class="img-fluid" alt="">
+                  </a>
+                </div>
+                <div class="card-body text-center px-1">
+                  <a href="#" class="text-title display-1 text-dark">
+                    Looking for some feedback for this rejected track
+                    technology
+                  </a>
+                  <p class="secondary-title text-secondary display-3">
+                    <span><i class="far fa-clock text-primary"></i> Clock Wed 02, 2021</span>
+                  </p>
+                </div>
+              </div>
+            </article>
+          </div>
+          <!-- .article -->
+          <!-- article -->
+          <div class="grid-item">
+            <article class="article">
+              <div class="card">
+                <div class="overflow-img">
+                  <a href="#">
+                    <img src="./assets/img9.jpg" class="img-fluid" alt="">
+                  </a>
+                </div>
+                <div class="card-body text-center px-1">
+                  <a href="#" class="text-title display-1 text-dark">
+                    Looking for some feedback for this rejected track
+                    technology
+                  </a>
+                  <p class="secondary-title text-secondary display-3">
+                    <span><i class="far fa-clock text-primary"></i> Clock Wed 02, 2021</span>
+                  </p>
+                </div>
+              </div>
+            </article>
+          </div>
+          <!-- .article -->
+        </div>
+        <div class="text-center">
+          <button class="btn btn-primary secondary-title text-light">Load More Posts...</button>
+        </div>
+      </div>
+    </section>
+    <!-- .Blog Post Section -->
+  </main>
+
+  <!-- .Main Site -->
+
+  <!-- masonry libray for horizontal grid -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"
+    integrity="sha512-JRlcvSZAXT8+5SQQAvklXGJuxXTouyq8oIMaYERZQasB8SBDHZaUbeASsJWpk0UUrf89DP3/aefPPrlMR1h1yQ=="
+    crossorigin="anonymous"></script>
+
+  <!-- swiper slider cdn -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js"
+    integrity="sha512-1LlEYE0qExJ/GUfAJ0k2K2fB5sIvMv/q6ueo3syohvQ3ElWDQVSMUOf39cxaDWHtNu7M6lF6ZC1H6A1m3SvheA=="
+    crossorigin="anonymous"></script>
+
+  <!-- custom javascript main.js file -->
+  <script src="main.js"></script>
+</body>
+
+</html>
\ No newline at end of file
