diff --git a/README.md b/README.md
index ce1d8c6..8f5647c 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
 <br>
 <br>
 
-<p align="center">  <img src="https://img.shields.io/badge/Version-0.3-808fff?style=for-the-badge"> &nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/badge/Made%20for-developers-orange?style=for-the-badge"> &nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/github/stars/divyanshudhruv/Minifolio?style=for-the-badge&color=dfb317 ">&nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/badge/GH--page-active-green?style=for-the-badge">&nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/badge/license-mit-6fbfff?style=for-the-badge"></p>
+<p align="center">  <img src="https://img.shields.io/badge/Version-0.3.1-808fff?style=for-the-badge"> &nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/badge/Made%20for-developers-orange?style=for-the-badge"> &nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/github/stars/divyanshudhruv/Minifolio?style=for-the-badge&color=dfb317 ">&nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/badge/GH--page-active-green?style=for-the-badge">&nbsp;&nbsp;&nbsp; <img src="https://img.shields.io/badge/license-mit-6fbfff?style=for-the-badge"></p>
 
 <br>
 <br>
@@ -40,15 +40,13 @@
 
 <br>
 
-> **`v0.1`  `24/09/2023`** - Published Minifolio
+> **`v0.1` `24/09/2023`** - Published Minifolio
 
-> **`v0.2`  `12/10/2023`** - Added new features
- 
-> **`vRes`  `26/12/2023`** - Resumed the project
-
-> **`v0.3`  `08/10/2024`** - Added new enhancements
+> **`v0.2` `12/10/2023`** - Added new features
 
+> **`vRes` `26/12/2023`** - Resumed the project
 
+> **`v0.3` `08/10/2024`** - Added new enhancements
 
 <!--
 
@@ -96,7 +94,6 @@
 
 > **`8`** [Author](#author)
 
-
 <br>
 
 ## 😄 Features <a id="features"> </a>
@@ -154,12 +151,26 @@ Follow the instruction to customize the portfolio
     ├── index.html
     ├── css
     │   ├── style.css
+    │   ├── 404.css
+    │   ├── navbar.css
     │   └── button.css
-    └── js
-        ├── script.js
-        ├── copyRight.js
-        └── typingAnimation.js
-
+    │
+    ├── js
+    │   ├── script.js
+    │   ├── 404.js
+    │   ├── copyRight.js
+    │   └── typingAnimation.js
+    │
+    ├── logo
+    │   ├── minifolio.ico
+    │   ├── minifolio.png
+    │   └── minifolio.svg
+    │
+    └── images
+        ├── link.png
+        ├── facebook.png
+        ├── linkedin.png
+        └── twitter.png
 ```
 
 <br>
@@ -185,7 +196,7 @@ Follow the instruction to customize the portfolio
 
 <br>
 
-> ## 🫤 About Me 
+> ## 🫤 About Me
 
 <br>
 
@@ -198,33 +209,169 @@ Follow the instruction to customize the portfolio
 <br>
 
 ```html
- <div class="aboutC">
-      <div class="title">&ThickSpace;&ThickSpace;&MediumSpace;ABOUT 🫥</div>
-      <div class="titleGap"></div>
-      <div class="titleSmall">This and that</div>
-      <div class="containerGap"></div>
-      <div class="container">
-        <div class="leftC">
-          <div class="text">Hi, I'm a developer</div>
-          <br />
-          <div class="textMain">
-            I design websites. That's the long and short of it. UI and UX,
-            Sketch, Design, and pretty decent HTML and CSS — with Javascript and
-            that nice dabble with Java.
-          </div>
+<div class="aboutC">
+  <div class="title">&ThickSpace;&ThickSpace;&MediumSpace;ABOUT 🫥</div>
+  <div class="titleGap"></div>
+  <div class="titleSmall">This and that</div>
+  <div class="containerGap"></div>
+  <div class="container">
+    <div class="leftC">
+      <div class="text">Hi, I'm a developer</div>
+      <br />
+      <div class="textMain">
+        I design websites. That's the long and short of it. UI and UX, Sketch,
+        Design, and pretty decent HTML and CSS — with Javascript and that nice
+        dabble with Java.
+      </div>
+    </div>
+    <div class="rightC">
+      <div class="text">TL;DR</div>
+      <br />
+      <div class="textMain">Web UI & UX <br />Figma<br />HTML & CSS</div>
+      <div class="btnC">
+        <a class="btn btn-custom btn-lg btn-about" href="#"> Click Me </a>
+      </div>
+    </div>
+  </div>
+  <div class="bottomC"></div>
+</div>
+```
+
+<br>
+
+> ## 🏛️ Education
+
+<br>
+
+> **`<text>`** Replace it with Custom Title
+
+> **`<event-time>`** Replace it with the Time duration
+
+> **`<textMain>`** Replace it with a short Description
+
+<br>
+
+```html
+<div class="timeline-container">
+  <div class="timeline-line"></div>
+
+  <div class="event-item">
+    <div class="empty-space"></div>
+    <div class="event-icon">
+      <svg>
+        <title>...</title>
+        <path d="..." />
+      </svg>
+    </div>
+
+    <div class="event-content">
+      <p class="text">Your School Title Here</p>
+      <p class="event-time">Year: 20XX- 20XX</p>
+      <p class="textMain">
+        Completed my 12th standard with a focus on Science and Mathematics,
+        achieving a score of XX%.
+      </p>
+    </div>
+  </div>
+
+  <div class="event-item reverse">
+    <div class="empty-space"></div>
+    <div class="event-icon">
+      <svg>
+        <title>...</title>
+        <path d="..." />
+      </svg>
+    </div>
+
+    <div class="event-content">
+      <p class="text">University Name</p>
+      <p class="event-time">Year: 20XX- 20XX</p>
+      <p class="textMain">
+        Pursuing a Bachelor's degree in ABC, focusing on web development and software engineering.
+      </p>
+    </div>
+  </div>
+    
+  <div class="event-item">
+    <div class="empty-space"></div>
+    <div class="event-icon">
+      <svg>
+        <title>...</title>
+        <path d="..." />
+      </svg>
+    </div>
+
+    <div class="event-content">
+      <p class="text">Your Master's Program Title Here</p>
+      <p class="event-time">Year: 20XX- 20XX</p>
+      <p class="textMain">
+        Details about your master's program and focus areas will go here.
+      </p>
+    </div>
+  </div>
+</div>
+```
+
+<br>
+
+> ## 🛠️ Services 
+
+<br>
+
+> **`<text>`** Replace it with Custom Title
+
+> **`<textMain>`** Replace it with a short Description
+
+<br>
+
+```html
+<div class="servicesC" id="services">
+  <div class="title">&ThickSpace;&ThickSpace;&MediumSpace;SERVICES 🛠️</div>
+  <div class="titleGap"></div>
+  <div class="titleGap"></div>
+
+  <div class="titleSmall">What I Offer</div>
+  <div class="containerGap"></div>
+  <div class="titleGap"></div>
+
+  <div class="container">
+    <div class="serviceItem">
+      <div class="serviceIcon">
+        <ion-icon name="laptop-outline"></ion-icon>
+      </div>
+      <div class="serviceText">
+        <div class="text">Web Dev</div>
+        <div class="textMain">
+          Building responsive and high-quality websites.
         </div>
-        <div class="rightC">
-          <div class="text">TL;DR</div>
-          <br />
-          <div class="textMain">Web UI & UX <br />Figma<br />HTML & CSS</div>
-          <div class="btnC">
-            <a class="btn btn-custom btn-lg btn-about" href="#"> Click Me </a>
-          </div>
+      </div>
+    </div>
+    <div class="serviceItem">
+      <div class="serviceIcon">
+        <ion-icon name="brush-outline"></ion-icon>
+      </div>
+      <div class="serviceText">
+        <div class="text">UI/UX Design</div>
+        <div class="textMain">
+          Designing user-friendly interfaces and experiences.
         </div>
       </div>
-      <div class="bottomC"></div>
     </div>
+    <div class="serviceItem">
+      <div class="serviceIcon">
+        <ion-icon name="stats-chart-outline"></ion-icon>
+      </div>
+      <div class="serviceText">
+        <div class="text">SEO Expert</div>
+        <div class="textMain">
+          Optimizing websites for better search engine ranking.
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 ```
+
 <br>
 
 > ## 🌗 Footer
@@ -236,10 +383,9 @@ Follow the instruction to customize the portfolio
 <br>
 
 ```html
-<div class="footer">
-      ...
-</div>
+<div class="footer">...</div>
 ```
+
 <br>
 
 ## 📦 Deployment <a id="deployment"> </a>
@@ -249,21 +395,20 @@ Follow the instruction to customize the portfolio
 ```rust
 Minifolio is deployed by Github Page
 ```
- 
+
 <br>
 
 ## 🌱 Technology <a id="technology"> </a>
 
 <br>
 
- > **`1`** HTML
- 
- > **`2`** CSS
- 
- > **`3`** JavaScript
- 
- > **`4`** Github
+> **`1`** HTML
+
+> **`2`** CSS
 
+> **`3`** JavaScript
+
+> **`4`** Github
 
 <br>
 
@@ -284,7 +429,7 @@ Hacktoberfest is a month-long celebration of open source projects, the maintaine
 ```
 
 ```rust
-You'll receive your digital reward once you’ve completed four accepted pull/merge requests. 
+You'll receive your digital reward once you’ve completed four accepted pull/merge requests.
 ```
 
 ```rust
@@ -318,3 +463,12 @@ The first 50,000 participants to have their first PR/MR accepted will have a tre
 <br>
 
 > **<code><a href="https://github.com/divyanshudhruv">@ Divyanshu Dhruv</a></code>**
+
+<br>
+
+## ⌚ Contributors <a id="contributors"> </a>
+
+<br>
+
+
+> **<code><a href="https://github.com/divyanshudhruv/Minifolio/graphs/contributors">@ Contributors</a></code>**
diff --git a/css/button.css b/css/button.css
index 3d78c59..71da0ca 100644
--- a/css/button.css
+++ b/css/button.css
@@ -15,7 +15,7 @@
   padding: 8px 24px;
   cursor: pointer;
   border-radius: 4px;
-  transition: 0.3s;
+  transition: 0.3s !important;
   align-items: center;
   justify-content: center;
 }
diff --git a/css/navbar.css b/css/navbar.css
index e634f19..ed284a7 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -1,7 +1,20 @@
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
 
-
 .navbar {
+  color: #1a1a1a;
+  display: flex;
+  position: fixed;
+  z-index: 3;
+  justify-content: space-between;
+  align-items: last baseline;
+  top: 0;
+  background-color: #ffffff70;
+  width: 100%;
+  /* backdrop-filter: blur(3px);  */
+
+  font-family: Montserrat;
+  padding: 1em;
+  transition: 0.3s;
     color: white;
     display: flex;
     position: fixed;
@@ -20,23 +33,25 @@
 }
 
 .navbar-logo {
-    font-weight: bold;
-    font-size: 1.25em;
-    cursor: pointer;
+  font-weight: bold;
+  font-size: 1.25em;
+  cursor: pointer;
 }
- 
+
 .navbar-right ul {
-    display: flex;
-    gap: 1em;
-    list-style: none;
+  display: flex;
+  gap: 1em;
+  list-style: none;
 }
 
 .navbar-right a {
-    padding: 0.4em 0.6em;
-    border-radius: 4.75px;
-
+  padding: 0.4em 0.6em;
+  border-radius: 4.75px;
 }
 
 .navbar-right a:hover {
+  background-color: #01b3af;
+  color: white;
+}
     color: #1a1a1a;
-}
\ No newline at end of file
+}
diff --git a/css/style.css b/css/style.css
index 1b7c624..7848260 100644
--- a/css/style.css
+++ b/css/style.css
@@ -38,6 +38,36 @@ html {
 /*===Links===*/
 /*===============*/
 
+.icon {
+  height: 4vh;
+}
+.icon:hover {
+  height: 5vh;
+}
+
+#facebookicon {
+  position: absolute;
+  left: 7vh;
+  top: 40vh;
+}
+
+#linkedinicon {
+  position: absolute;
+  left: 7vh;
+  top: 49vh;
+}
+
+#linkicon {
+  position: absolute;
+  left: 7vh;
+  top: 63vh;
+}
+#twittericon {
+  position: absolute;
+  left: 7vh;
+  top: 56vh;
+}
+
 a {
   text-decoration: none;
   width: fit-content;
@@ -356,6 +386,7 @@ a:visited {
   justify-content: start;
   flex-wrap: wrap;
   flex-direction: column;
+  transition: 0.3s !important;
 }
 
 .aboutC .container .rightC .text {
@@ -443,201 +474,39 @@ a:visited {
 }
 
 /*================*/
-/*===Projects===*/
+/*===Services Section===*/
 /*===============*/
-/*
-.projectC {
-  display: flex;
-  position: relative;
-  width: 100%;
-  height: 400px;
-  background-color: none;
-}
 
-.projectC .main {
-  display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 0;
-  bottom: 0;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 400px;
-  background-color: none;
-}
-
-.projectC .main .textBig {
-  display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 90px;
-  width: 100%;
-  height: 230px;
-  align-items: start;
-  justify-content: center;
-  font-family: Montserrat;
-  font-weight: bold;
-  font-size: 58px;
-  background-color: none;
-  text-align: center;
-  line-height: 1.2em;
-  color: #272341;
-  letter-spacing: 0.5px;
-  flex-wrap: wrap;
-  flex-direction: row;
-}
-
-.projectC .main .textSmall {
-  display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 200px;
-  width: 70%;
-  height: 230px;
-  align-items: start;
-  justify-content: center;
-  font-family: Poppins;
-  font-weight: 300;
-  font-size: 18px;
-  background-color: none;
-  text-align: center;
-  line-height: 1.2em;
-  color: #96989b;
-  flex-wrap: wrap;
-  letter-spacing: 0.3px;
-  flex-direction: row;
-}
-
-.projectC .main .btnCont {
+.servicesC {
   display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  bottom: 0;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
-  height: 200px;
-  background-color: none;
-} */
-
-/*================*/
-/*===Contact===*/
-/*===============*/
-/*
-.contactC {
-  display: flex;
+  margin-top: 60px;
+  padding: 50px 0;
+  overflow: hidden;
   position: relative;
-  width: 100%;
-  height: 400px;
-  background-color: none;
 }
 
-.contactC .main {
+.servicesC .title {
   display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
+  position: relative;
   top: 0;
-  bottom: 0;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 400px;
-  background-color: none;
-}
-
-.contactC .main .textBig {
-  display: flex;
-  position: absolute;
   left: 0;
   right: 0;
   margin: auto;
-  top: 90px;
-  width: 100%;
-  height: 230px;
-  align-items: start;
+  height: 75px;
+  align-items: center;
   justify-content: center;
   font-family: Montserrat;
   font-weight: bold;
-  font-size: 58px;
+  font-size: 55px;
   background-color: none;
   text-align: center;
-  line-height: 1.2em;
   color: #272341;
   letter-spacing: 0.5px;
-  flex-wrap: wrap;
-  flex-direction: row;
-}
-
-.contactC .main .textSmall {
-  display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  top: 200px;
-  width: 70%;
-  height: 230px;
-  align-items: start;
-  justify-content: center;
-  font-family: Poppins;
-  font-weight: 300;
-  font-size: 18px;
-  background-color: none;
-  text-align: center;
-  line-height: 1.2em;
-  color: #96989b;
-  flex-wrap: wrap;
-  letter-spacing: 0.3px;
-  flex-direction: row;
-}
-
-.contactC .main .btnCont {
-  display: flex;
-  position: absolute;
-  left: 0;
-  right: 0;
-  margin: auto;
-  bottom: 0;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 200px;
-  background-color: none;
-} */
-
-/*================*/
-/*===Services Section===*/
-/*===============*/
-
-.servicesC {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin-top: 60px;
-  padding: 50px 0;
-  overflow: hidden;
-  position: relative;
-}
-
-.servicesC .title {
-  text-align: center;
-  font-family: Montserrat;
-  font-weight: 700;
-  font-size: 55px;
-  color: #272341;
+  width: fit-content;
 }
 
 .servicesC .titleGap {
@@ -668,12 +537,15 @@ a:visited {
   background: #f8f8f8;
   padding: 20px;
   border-radius: 10px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s;
+  /* border: 1.4px solid #f0f0f0; */
+  cursor: pointer;
+  transition: 0.3s;
 }
 
 .serviceItem:hover {
-  transform: translateY(-5px);
+  transform: translateY(-3px);
+  background-color: #f2f2f2 !important;
 }
 
 .serviceIcon {
@@ -686,21 +558,34 @@ a:visited {
   text-align: center;
   font-family: "Poppins" !important;
   font-size: 15px;
+  flex-wrap: wrap;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+
 }
 
 .serviceText .text {
   font-weight: bold;
+  display: flex;
   font-size: 20px;
   color: #272341;
   font-family: "Poppins" !important;
   margin-bottom: 10px;
+  justify-content: center;
+  align-items: center;
 }
 
 .serviceText .textMain {
+  display: flex;
   font-size: 16px;
-  color: #555;
+  color: #777;
+  justify-content: center;
+  align-items: center;
   font-family: "Montserrat" !important;
 }
+
+}
 /* Contact Section */
 .contactC {
   background: linear-gradient(135deg, #f0f0f5, #ffffff);
@@ -878,7 +763,6 @@ a:visited {
 
 #link:hover{
   background-color: #009794;
-=======
 .contactC input[type="text"]:hover,
 .contactC input[type="email"]:hover,
 .contactC textarea:hover {
@@ -1008,7 +892,6 @@ a:visited {
 
 .timeline-container {
   position: relative;
-  margin-top: 2rem;
 }
 
 .timeline-line {
@@ -1029,6 +912,12 @@ a:visited {
   margin-bottom: 40px;
   position: relative;
   opacity: 0;
+  width: 800px;
+  padding-inline: 10px;
+  transform: scale(0.8);
+  animation: popUp 0.5s forwards;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+
   transform: scale(0.8);
   animation: popUp 0.5s forwards;
   transition:
@@ -1043,7 +932,7 @@ a:visited {
 
 /* Empty Space to Align the Event Icons */
 .empty-space {
-  width: 40%;
+  width: calc(43.75% + 10px);
 }
 
 /* Event Icon */
@@ -1068,26 +957,27 @@ a:visited {
 /* Event Content */
 .event-content {
   width: 40%;
-  background-color: white;
-  padding: 20px;
-  border-radius: 8px;
-  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+  background-color: #f8f8f8 !important;
+  padding: 27.5px;
+  border-radius: 7px;
+  width: 350px;
+  height: fit-content;
   position: relative;
+  cursor: pointer;
 }
 
 /* Event Title and Time */
 .event-title {
-  font-size: 1.5rem;
+  font-size: 30px;
   font-weight: bold;
   margin-bottom: 10px;
 }
 
-.event-time {
-  color: #6b7280;
-  margin-bottom: 10px;
-  font-family: "Poppins";
-  font-weight: 300;
-  font-size: 17px;
+.event-schedule .title {
+  color: #272341;
+  letter-spacing: 0.5px;
+  font-size: 55px;
+  width: fit-content;
 }
 
 /* Animation Keyframes for Pop-Up Effect */
@@ -1098,24 +988,10 @@ a:visited {
   }
 }
 
-/* Animation Delay for Staggered Effects */
-.event-item:nth-child(1) {
-  animation-delay: 0.1s;
-}
-.event-item:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.event-item:nth-child(3) {
-  animation-delay: 0.3s;
-}
-.event-item:nth-child(4) {
-  animation-delay: 0.4s;
-}
-
 /* Hover Effect */
 .event-content:hover {
-  transform: scale(1.05); /* Scale up on hover */
-  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
+  scale: 1.01;
+  background-color: #f2f2f2 !important;
 }
 
 /* Responsive Styles */
@@ -1123,6 +999,7 @@ a:visited {
   .event-item {
     flex-direction: column;
     margin: 1.5rem;
+    width: 80vw;
   }
 
   .reverse {
@@ -1130,7 +1007,7 @@ a:visited {
   }
 
   .empty-space {
-    display: none;
+    display: flex;
   }
 
   .event-content {
@@ -1138,11 +1015,8 @@ a:visited {
     margin-top: 20px;
   }
 
-  .event-icon {
-    margin: 0 auto;
-  }
-
   .timeline-line {
+    display: flex;
     display: none;
   }
   #span-title {
@@ -1150,28 +1024,36 @@ a:visited {
     height: 15px;
   }
 }
-.text {
+.event-content .text {
   display: flex;
   position: relative;
   width: 100%;
   height: fit-content;
-  font-family: "Poppins";
-  font-weight: 300;
-  font-size: 25.5px;
+  font-family: "Montserrat";
+  font-weight: 500;
+  font-size: 18px;
   color: #01b3af;
   background-color: none;
 }
 
-.textMain {
+.event-content .event-time {
+  color: #6b7280;
+  margin-top: 5px;
+  display: flex;
+  font-family: "Montserrat";
+  font-weight: 500;
+  font-size: 13px;
+}
+.event-content .textMain {
   display: flex;
+  margin-top: 10px;
   position: relative;
   width: 100%;
   height: fit-content;
   font-family: "Poppins";
   font-weight: 300;
-  font-size: 20px;
+  font-size: 16.3px;
   color: #777;
-  line-height: 1.9em;
   background-color: none;
 }
 /* Custom Cursor Styles */
diff --git a/images/facebook.png b/images/facebook.png
new file mode 100644
index 0000000..d9c5e9e
Binary files /dev/null and b/images/facebook.png differ
diff --git a/images/link.png b/images/link.png
new file mode 100644
index 0000000..972e251
Binary files /dev/null and b/images/link.png differ
diff --git a/images/linkedin.png b/images/linkedin.png
new file mode 100644
index 0000000..b65f212
Binary files /dev/null and b/images/linkedin.png differ
diff --git a/images/twitter.png b/images/twitter.png
new file mode 100644
index 0000000..5bd889c
Binary files /dev/null and b/images/twitter.png differ
diff --git a/index.html b/index.html
index 6fc795c..647efd2 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,34 @@
     <!-- <link rel="stylesheet" href="button.css" /> -->
   </head>
   <body>
+    <!--
+    <a href=""
+      ><img
+        src="./images/facebook.png"
+        alt=""
+        id="facebookicon"
+        class="icon"
+    /></a>
+    <a href=""
+      ><img
+        src="./images/twitter.png"
+        alt=""
+        id="twittericon"
+        class="icon"
+    /></a>
+    <a href=""
+      ><img
+        src="./images/linkedin.png"
+        alt=""
+        id="linkedinicon"
+        class="icon"
+    /></a>
+    <a href=""
+      ><img src="./images/link.png" alt="" id="linkicon" class="icon"
+    /></a>
+
+  -->
+
     <div class="custom-cursor"></div>
     <div id="home" class="home">
       <img class="img1" src="./images/img1.png" alt="">
@@ -24,12 +52,15 @@
           <ul>
             <li><a href="#home">Home</a></li>
             <li><a href="#about">About</a></li>
+            <li><a href="#education">Education</a></li>
             <li><a href="#services">Services</a></li>
             <li><a href="#blogs">Blog</a></li>
             <li><a href="#contact">Contact</a></li>
           </ul>
         </div>
       </nav>
+
+      <!--Landing page-->
       <img id="profile-image"
         src="images/woman.png"
         alt="Profile Picture"
@@ -45,6 +76,12 @@
       </div>
       
     </div>
+
+    <div class="px50"></div>
+    <div class="px50" id="about"></div>
+
+    <!--About section-->
+    <div class="aboutC">
     <!-- <div class="px50"></div>
     <div class="px50" ></div> -->
 
@@ -62,6 +99,9 @@
             Sketch, Design, and pretty decent HTML and CSS — with Javascript and
             that nice dabble with Java.
           </div>
+          <div class="btnC">
+            <a class="btn btn-custom btn-lg btn-resume" href="https://drive.google.com/file/d/1tlD9piGMjiAcVB7zgkcjbf9HrAyU7kmU/view?usp=sharing" target="_blank">Resume</a>
+          </div>
         </div>
         <div class="rightC">
           <div class="text">TL;DR</div>
@@ -74,73 +114,22 @@
       </div>
       <div class="bottomC"></div>
     </div>
-    <!-- Back to Top Button -->
-    <button id="back-to-top" class="button">
-      <ion-icon name="chevron-up-outline"></ion-icon>
-    </button>
 
-    <!-- <div class="projectC">
-      <div class="main">
-        <div class="textBig">
-          &ThickSpace;&ThickSpace;&MediumSpace;PROJECTS ⚡
-        </div>
-
-        <div class="textSmall">
-          I am currently working on some Projects. Check them out!
-        </div>
-        <div class="btnCont">
-          <button
-            class="btn btn-custom btn-lg"
-            style="
-              font-family: Poppins;
-              font-weight: 400;
-              padding: 19.2px 34.3px !important;
-              font-size: 18.5px;
-            "
-          >
-            Check It Out
-          </button>
-        </div>
-      </div>
-    </div>
-  -->
-    <!-- <div class="contactC">
-      <div class="main">
-        <div class="textBig">
-          &ThickSpace;&ThickSpace;&MediumSpace;CONTACT 👋🏻
-        </div>
-
-        <div class="textSmall">
-         Say Hi!
-        </div>
-        <div class="btnCont">
-          <button
-            class="btn btn-custom btn-lg"
-            style="
-              font-family: Poppins;
-              font-weight: 400;
-              padding: 19.2px 34.3px !important;
-              font-size: 18.5px;
-            "
-          >
-            Follow Me
-          </button>
-        </div>
-      </div>
-    </div> -->
+    <div class="px50"></div>
+    <div class="px50" id="education"></div>
 
     <!-- Education section -->
-    <section id="education" class="event-schedule">
+    <section class="event-schedule">
       <div class="aboutC">
         <div class="title">
-          &ThickSpace;&ThickSpace;&MediumSpace;EDUCATION<span id="span-title">
-            🏛️</span
-          >
+          &ThickSpace;&ThickSpace;&MediumSpace;EDUCATION 🏛️
         </div>
+        <div class="titleGap"></div>
         <div class="titleSmall" id="small-text">My Qualifications</div>
+        <div class="containerGap"></div>
+        
         <div class="timeline-container">
           <div class="timeline-line"></div>
-
           <!-- First Event: School -->
           <div class="event-item">
             <div class="empty-space"></div>
@@ -163,7 +152,7 @@
             </div>
             <div class="event-content">
               <p class="text">Your School Title Here</p>
-              <p class="event-time"><strong>Years:</strong> 20XX- 20XX</p>
+              <p class="event-time">Year: 20XX- 20XX</p>
               <p class="textMain">
                 Completed my 12th standard with a focus on Science and
                 Mathematics, achieving a score of XX%.
@@ -201,7 +190,7 @@
             </div>
             <div class="event-content">
               <h3 class="text">University Name</h3>
-              <p class="event-time"><strong>Years:</strong> 20XX - Present</p>
+              <p class="event-time">Year: 20XX - 20XX</p>
               <p class="textMain">
                 Pursuing a Bachelor's degree in ABC, focusing on web development
                 and software engineering.
@@ -239,7 +228,7 @@ <h3 class="text">University Name</h3>
             </div>
             <div class="event-content">
               <h3 class="text">Your Master's Program Title Here</h3>
-              <p class="event-time"><strong>Years:</strong> Year - Present</p>
+              <p class="event-time">Year: 20XX - 20XX</p>
               <p class="textMain">
                 Details about your master's program and focus areas will go
                 here.
@@ -250,18 +239,25 @@ <h3 class="text">Your Master's Program Title Here</h3>
       </div>
     </section>
 
+    <div class="px50"></div>
+
     <!-- services section start -->
-    <div id="services" class="servicesC">
+    <div class="servicesC" id="services">
       <div class="title">&ThickSpace;&ThickSpace;&MediumSpace;SERVICES 🛠️</div>
       <div class="titleGap"></div>
+      <div class="titleGap"></div>
+
       <div class="titleSmall">What I Offer</div>
+      <div class="containerGap"></div>
+      <div class="titleGap"></div>
+
       <div class="container">
         <div class="serviceItem">
           <div class="serviceIcon">
             <ion-icon name="laptop-outline"></ion-icon>
           </div>
           <div class="serviceText">
-            <div class="text">Web Development</div>
+            <div class="text">Web Dev</div>
             <div class="textMain">
               Building responsive and high-quality websites.
             </div>
@@ -315,6 +311,7 @@ <h2>Contact Me</h2>
     </div>
     
     <!-- services section end -->
+    <div class="px50" style="height: 25px !important"></div>
      <!-- Contact Section -->
     <div id="contact" class="contactC" >
       <div class="title">&ThickSpace;&ThickSpace;&MediumSpace;CONTACT 👋</div>