diff --git a/AboutPages/ind.html b/AboutPages/ind.html
new file mode 100644
index 0000000..7656b12
--- /dev/null
+++ b/AboutPages/ind.html
@@ -0,0 +1,74 @@
+<!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: red;
+        color: #fff;
+        font-family: Arial, sans-serif;
+      }
+
+      .container {
+        max-width: 800px;
+        margin: 0 auto;
+        text-align: center;
+        padding: 50px;
+      }
+
+      .profih {
+        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;
+      }
+
+     
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="profih">
+        <h1>Hello everyone 👋</h1>
+        <p>Welcome to my about page!</p>
+        <p>
+         I am Arpit Mishra,a Enthusiastic learner 
+        </p>
+        <p>
+        Do not hesitate to Connect
+        </p>
+      </div>
+      <div class="social-icons">
+        <a
+          href="https://www.linkedin.com/in/arpit-mishra-87b943242/"
+          class="icon"
+          target="_blank"
+        >
+          <i class="fab fa-linkedin"></i>
+        </a>
+
+        <a href="https://github.com/TheChaoticor" class="icon" target="_blank">
+          <i class="fab fa-github"></i>
+        </a>
+        
+        </a>
+      </div>
+    </div>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    />
+  </body>
+</html>
\ No newline at end of file
diff --git a/about1.html b/about1.html
new file mode 100644
index 0000000..22dadfc
--- /dev/null
+++ b/about1.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+<link rel="stylesheet" href="about1css.css">
+    
+</head>
+<body>
+    <div class="textbox"><input type="text"   size="40"  placeholder="Write Name" style="background-color: rgb(153, 224, 177);"></div>
+    <div></div>
+   <div class="textarea"><textarea name="#" id="ui" cols="78" rows="5" placeholder="Write About yourself" ></textarea></div>
+   <div class="btn"><button type="submit" style="color: orangered;  padding: 3px; background-color: blue;">Submit</button></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/about1css.css b/about1css.css
new file mode 100644
index 0000000..9c1bade
--- /dev/null
+++ b/about1css.css
@@ -0,0 +1,51 @@
+input{
+  
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-inline: 60px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    box-sizing: border-box;
+    border: 5px;
+}
+
+body{
+
+    background-image: url(https://i.pinimg.com/originals/71/42/11/714211e3b437fef2c193eb186a7808a7.jpg);
+    background-size: contain;
+    background-position: center center;
+
+    overflow:scroll;
+}
+
+.textbox{
+
+    position: relative;
+    margin-top: 190px;
+    margin-left: 300px;
+}
+
+.textarea{
+    position: relative;
+    margin-top: 19px;
+    margin-left: 300px;
+}
+
+#ui{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-inline: 60px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    box-sizing: border-box;
+    border: 5px;
+}
+
+.btn{
+
+    position: absolute;
+    margin-top: 19px;
+    margin-left: 300px;
+}
\ No newline at end of file
diff --git a/assets/MWlNRPT.jpg b/assets/MWlNRPT.jpg
new file mode 100644
index 0000000..5a8f4c4
Binary files /dev/null and b/assets/MWlNRPT.jpg differ
diff --git a/index.html b/index.html
index fd8899d..fcc5308 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
       href="https://fonts.googleapis.com/css2?family=Young+Serif&display=swap"
       rel="stylesheet"
     />
+    <link rel="stylesheet" href="about.html">
 
     <link
       rel="stylesheet"
@@ -43,6 +44,14 @@
   <body>
     <section>
       <header>
+<main>
+        <nav>
+          <ul>
+            <li><a href="#"><i class="fa-solid fa-house fa-bounce" style="color: #0d5de8;"></i>Home</a></li>
+            <li><a href="#"><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
           id="mainNavbar"
           class="navbar navbar-expand-lg navbar-light fixed-top"
@@ -66,6 +75,7 @@
               <a class="nav-item nav-link" href="contact.html">Contact</a>
             </div>
           </div>
+</main>
         </nav>
       </header>
     </section>
@@ -76,7 +86,7 @@ <h1>Welcome to SocialHub</h1>
       <button id="abt-pg">Create Your About Page</button>
     </section>
     <section class="second">
-      <h1>Create Your own About page</h1>
+      <a href="about1.html"><h1>Create Your own About page</h1></a>
       <p>Connect with friends</p>
     </section>
     <div class="about-me">
@@ -111,6 +121,46 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
           >Learn More</a
         >
       </div>
+
+
+
+
+
+
+      <div class="about-me">
+        <div class="content">
+          <img src="./assets/MWlNRPT.jpg" alt="Owner's Image" />
+  
+          <h2
+            style="font-family: Arial, sans-serif; font-size: 20px; color: #333"
+          >
+            Arpit Mishra
+          </h2>
+          <p
+            style="
+              font-family: Arial, sans-serif;
+              font-size: 16px;
+              color: #666;
+              padding: 5px;
+            "
+          >
+            Hi guys Welcome to contributing to this project. 
+          </p>
+          <a
+            href="./AboutPages/ind.html"
+            target="_blank"
+            style="
+              font-family: Arial, sans-serif;
+              font-size: 16px;
+              color: #fff;
+              background-color: #333;
+              padding: 10px 20px;
+              border-radius: 5px;
+              text-decoration: none;
+            "
+            >Learn More</a
+          >
+        </div>
       <div class="content">
         <img src="./assets/suhani.png" alt="Owner's Image" />
 
