diff --git a/AboutPages/himangi_about.html b/AboutPages/himangi_about.html
new file mode 100644
index 0000000..3a36e03
--- /dev/null
+++ b/AboutPages/himangi_about.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Me</title>
+    <style>
+        body {
+            background-color: #000;
+            color: #fff;
+            font-family: Arial, sans-serif;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            text-align: center;
+            padding: 50px;
+        }
+
+        .profile h1 {
+            font-size: 36px;
+            margin-bottom: 10px;
+        }
+
+        .social-icons {
+            margin-top: 20px;
+        }
+
+        .icon {
+            font-size: 36px;
+            margin: 0 20px;
+            transition: transform 0.3s ease-in-out;
+            color: #fff;
+            text-decoration: none;
+        }
+
+        .icon:hover {
+            transform: scale(1.2);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="profile">
+            <h1>Hello everyone 👋</h1>
+            <p>Welcome to my about page!</p>
+            <p>I am Himangi Tripathy.</p>
+            <p>I am pursuing Computer Science Engineering at SOA University.</p>
+            <p>Feel free to reach out if you'd like to connect or collaborate.</p>
+
+                <p></p>
+        </div>
+        <div class="social-icons">
+            <a href="https://www.linkedin.com/in/himangi-tripathy/" class="icon" target="_blank">
+                <i class="fab fa-linkedin"></i>
+            </a>
+            
+            
+            <a href="https://github.com/H1mang1" class="icon" target="_blank">
+                <i class="fab fa-github"></i>
+            </a>
+            <a href="https://www.instagram.com/_himangi_1/" class="icon" target="_blank">
+                <i class="fab fa-instagram"></i>
+            </a>
+            <!-- Add more social icons as needed -->
+        </div>
+    </div>
+    <!-- Include Font Awesome CSS (you may need to download and host it) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+</body>
+</html>
diff --git a/assets/himangi.png b/assets/himangi.png
new file mode 100644
index 0000000..d823457
Binary files /dev/null and b/assets/himangi.png differ
diff --git a/index.html b/index.html
index ee1de42..15402b7 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,46 @@
       href="https://fonts.googleapis.com/css2?family=Young+Serif&display=swap"
       rel="stylesheet"
     />
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="./styles.css" />
 
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+  <title>SocialHub</title>
+</head>
+
+<body>
+  <section>
+    <header>
+      <nav>
+       
+          <li><a href="#"><i class="fa-solid fa-house fa-bounce" style="color: #0d5de7;"></i>Home</a></li>
+          <li><a href="about.html"><i class="fa-solid fa-user fa-beat" style="color: #165cd4;"></i>About</a></li>
+          <li><a href="#"><i class="fa-solid fa-phone fa-beat" style="color: #0c5fed;"></i>Contact</a></li>
+
+        </ul>
+      </nav>
+    </header>
+  </section>
+  <section class="hero">
+    <h1>Welcome to SocialHub</h1>
+    <p>Connect with friends and family</p>
+    <button id="abt-pg">Create Your About Page</button>
+  </section>
+  <section class="second">
+    <h1>Create Your own About page</h1>
+    <p>Connect with friends </p>
+  </section>
+  <div class="about-me">
+    <div class="content">
+      <img src="./assets/suhani.png" alt="Owner's Image" />
+
+      <h2 style="font-family: Arial, sans-serif; font-size: 20px;">
+        Suhani Mohanty
+      </h2>
+      <p style="
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -88,6 +127,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
         </h2>
         <p
           style="
+
             font-family: Arial, sans-serif;
             font-size: 16px;
 
@@ -449,6 +489,25 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
             padding: 10px 20px;
             border-radius: 5px;
             text-decoration: none;
+          ">Learn More</a>
+    </div>
+  <div class="content">
+      <img src="./assets/himangi.png" alt="Himangi's Image" />
+
+      <h2 style="font-family: Arial, sans-serif; font-size: 20px;">
+        Himangi Tripathy
+      </h2>
+      <p style="
+            font-family: Arial, sans-serif;
+            font-size: 16px;
+          
+            padding: 5px;
+          ">
+        Student at ITER,SOA.<br>
+        Click below to know more :-D
+      </p>
+      <a href="./AboutPages/himangi_about.html" target="_blank" style="
+
           "
           >Learn More</a
         >
@@ -473,6 +532,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
           href="./AboutPages/aditya_about.html"
           target="_blank"
           style="
+
             font-family: Arial, sans-serif;
             font-size: 16px;
             color: #fff;
@@ -480,6 +540,26 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
             padding: 10px 20px;
             border-radius: 5px;
             text-decoration: none;
+
+          ">Learn More</a>
+    </div>
+
+  </div>
+
+  <footer>
+    <div class="footer-content">
+      <h3>SocialHub</h3>
+      <p>Connecting Friends and Family through Personalized About Pages.</p>
+      <ul class="socials">
+        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
+        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
+        <li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
+      </ul>
+    </div>
+    <div class="footer-bottom">
+      <p>&copy; 2023 SocialHub. All rights reserved.</p>
           "
           >Learn More</a
         >
@@ -831,6 +911,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">Pranav</h2>
               >
       
       </div>
+
       <div class="content">
         <img src="/assets/hp.png" alt="Owner's Image" />
       
@@ -853,6 +934,9 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">Harshit Pandey</h2>
                         text-decoration: none;
                       ">Learn More</a>
       </div>
+
+
+
       <div class="content">
         <img src="/assets/suhani.png" alt="Owner's Image" />
       
@@ -964,6 +1048,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">Nishant Gaurav</h2>
                         text-decoration: none;
                       ">Learn More</a>
       </div>
+
     </div>
 
     
