diff --git a/css/global.css b/css/global.css
index cf76f30..9392aa6 100644
--- a/css/global.css
+++ b/css/global.css
@@ -183,7 +183,24 @@ input#search {
 #close-button img {
   height: 25px;
 }
+.inputfull {
+  width: 100%;
+  padding: 10px;
+  background-color: transparent;
+  border: none;
+  border-bottom: 1px solid #fff;
+  margin-bottom: 10px;
+}
+.inputhalf {
+  width: 40%;
 
+  margin-right: 5%;
+  padding: 10px;
+  background-color: transparent;
+  border: none;
+  border-bottom: 1px solid #fff;
+  margin-bottom: 10px;
+}
 .footer {
   background: linear-gradient(180deg, #000 0%, #1d1e20 100%);
   color: #fff;
diff --git a/css/mentees.css b/css/mentees.css
new file mode 100644
index 0000000..c42bf10
--- /dev/null
+++ b/css/mentees.css
@@ -0,0 +1,127 @@
+.menteesbody {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  font-family: mediamoure;
+}
+.menteesbody h1 {
+  font-size: 96px;
+  text-align: center;
+  margin-bottom: 40px;
+}
+.menteesbody p {
+  width: 70%;
+  font-size: 24px;
+  text-align: center;
+  margin: 0px auto 40px auto;
+}
+.menteesform {
+  display: flex;
+  flex-direction: column;
+}
+.switchbuttons {
+  display: flex;
+  flex-direction: row;
+}
+.menteesformbody {
+  padding: 40px;
+  background-image: url("/images/mentees/mentees.png");
+  background-repeat: no-repeat;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 40px;
+  background-size: 100%;
+  color: #ffffff;
+}
+.menteesmain {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  gap: 40px;
+}
+.menteesformbody h1 {
+  font-size: 80px;
+  text-align: center;
+  margin-bottom: 40px;
+}
+.menteesformbody p {
+  font-size: 20px;
+  text-align: center;
+  margin: 0px auto 40px auto;
+}
+.menteesformbodyleft {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 40%;
+  height: 100%;
+}
+.menteesformbodyright {
+  margin-top: 200px;
+}
+
+.menteesbutton,
+.mentorsbutton {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 150px;
+  height: 50px;
+  background-color: #f2f2f2;
+  font-size: 20px;
+  font-family: mediamoure;
+  color: #000000;
+}
+.menteesbutton {
+  border-radius: 0px 30px 0px 0px;
+  border-bottom: none;
+  background: #1b204a;
+  color: #ffffff;
+}
+.mentorsbutton {
+  border-radius: 30px 30px 0px 0px;
+  border: 3px solid #1b204a;
+  border-bottom: none;
+}
+input {
+  color: #fff;
+}
+input::placeholder {
+  color: #fff;
+  font-family: mediamoure;
+}
+.submitbtn {
+  margin: 10px auto 10px auto;
+  display: flex;
+  justify-content: center;
+  padding: 17px 99px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+
+  border-radius: 19px;
+  border: none;
+  color: #fff;
+  font-family: mediamoure;
+  font-size: 20px;
+  background-color: #1b204a;
+}
+.menteesformlogo {
+  width: 100%;
+  display: flex;
+  justify-content: end;
+}
+
+@media screen and (max-width: 1000px) {
+  .menteesbody h1 {
+    font-size: 40px;
+  }
+  .menteesbody p {
+    width: 80%;
+    font-size: 18px;
+  }
+}
diff --git a/css/style.css b/css/style.css
index 0349469..cdb4a8a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -242,24 +242,7 @@ input#search {
 
   padding: 40px;
 }
-.inputfull {
-  width: 100%;
-  padding: 10px;
-  background-color: transparent;
-  border: none;
-  border-bottom: 1px solid #fff;
-  margin-bottom: 10px;
-}
-.inputhalf {
-  width: 40%;
 
-  margin-right: 5%;
-  padding: 10px;
-  background-color: transparent;
-  border: none;
-  border-bottom: 1px solid #fff;
-  margin-bottom: 10px;
-}
 .volunteerright .inputhalf {
   color: #fff;
 }
@@ -408,7 +391,6 @@ input[type="radio"]:checked {
   .donationbtn {
     padding: 20px;
   }
-  
 }
 @media screen and (min-width: 1400px) {
   .bodymissiontext ul li {
diff --git a/images/.DS_Store b/images/.DS_Store
index 04e57d7..f6a3174 100644
Binary files a/images/.DS_Store and b/images/.DS_Store differ
diff --git a/images/mentees/mentees.png b/images/mentees/mentees.png
new file mode 100644
index 0000000..814540c
Binary files /dev/null and b/images/mentees/mentees.png differ
diff --git a/images/mentees/mentors.png b/images/mentees/mentors.png
new file mode 100644
index 0000000..f7a7a81
Binary files /dev/null and b/images/mentees/mentors.png differ
diff --git a/mentees.html b/mentees.html
new file mode 100644
index 0000000..5fb905f
--- /dev/null
+++ b/mentees.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mentees</title>
+    <link rel="stylesheet" href="css/mentees.css" />
+    <link rel="stylesheet" href="css/global.css" />
+    <link rel="icon" type="image/x-icon" href="/images/assests/logo.png" />
+  </head>
+  <body>
+    <div class="header">
+      <div class="navbar">
+        <div class="navleft">
+          <img src="images/assests/logo.png" alt="logo" />
+          <input type="text" id="search" />
+        </div>
+        <div class="navright">
+          <a href="index.html" class="navitems">Home</a>
+
+          <a href="contact.html" class="navitems">Contact Us</a>
+          <a href="volunteer.html" class="navitems">Volunteer</a>
+          <img
+            src="images/assests/gripblack.png"
+            alt="menu"
+            id="menu-button"
+            onclick="toggleMenu()"
+          />
+        </div>
+      </div>
+      <div id="dropdown-menu">
+        <div id="close-button">
+          <img
+            src="images/assests/close.png"
+            alt="close"
+            onclick="toggleMenu()"
+          />
+        </div>
+        <div class="dropdownbody">
+          <a href="activites.html" class="menu-item"><h5>Activities</h5></a>
+          <ul>
+            <li>Education</li>
+            <li>Health</li>
+            <li>Livelihoods</li>
+            <li>Research and documentation</li>
+          </ul>
+        </div>
+        <div class="dropdownbody">
+          <a href="#" class="menu-item"><h5>Information</h5></a>
+          <ul>
+            <li>Registration</li>
+            <li>Trustees Profile</li>
+            <li>Advisors Profile</li>
+          </ul>
+        </div>
+        <div class="dropdownbody">
+          <a href="#" class="menu-item"><h5>Contribute</h5></a>
+          <ul>
+            <li>Volunteering with us</li>
+            <li>Donation</li>
+            <li>Contact Us</li>
+          </ul>
+        </div>
+        <div class="dropdownbody">
+          <a href="#" class="menu-item"><h5>Mentorship Program</h5></a>
+        </div>
+      </div>
+      <hr class="splitter" />
+    </div>
+    <div class="menteesbody">
+      <h1>Join Our Mentorship Community</h1>
+      <p>
+        Ready to be part of our Mentorship Community? Apply now to become a
+        mentor or mentee and contribute to a culture of knowledge sharing and
+        growth. Together, we can build a brighter future.
+      </p>
+    </div>
+    <div class="menteesform">
+      <div class="switchbuttons">
+        <div class="menteesbutton"><p>Mentees</p></div>
+        <div class="mentorsbutton"><p>Mentors</p></div>
+      </div>
+      <div class="menteesformbody">
+        <div class="menteesmain">
+          <div class="menteesformbodyleft">
+            <h1>Mentees</h1>
+            <p>
+              Are you ready to learn, grow, and achieve your dreams? Join AD
+              life as a mentee and gain access to a network of experienced
+              mentors who are dedicated to your success.
+            </p>
+            <p>
+              Whether you're a student, a budding entrepreneur, or someone
+              seeking personal development, our Mentorship Community is here to
+              support your journey.
+            </p>
+          </div>
+          <div class="menteesformbodyright">
+            <form>
+              <input type="text" placeholder="First Name" class="inputhalf" />
+              <input type="text" placeholder="Last Name" class="inputhalf" />
+              <input
+                type="text"
+                placeholder="Mobile Number"
+                class="inputhalf"
+              />
+              <input type="number" placeholder="Age" class="inputhalf" />
+              <input type="text" placeholder="Address" class="inputfull" />
+              <input
+                type="text"
+                placeholder="Area Of Interest"
+                class="inputfull"
+              />
+              <input type="text" placeholder="E-Mail" class="inputfull" />
+
+              <input type="text" placeholder="Citizen" class="inputhalf" />
+              <br />
+              <button class="submitbtn">Submit</button>
+            </form>
+          </div>
+        </div>
+        <div class="menteesformlogo">
+          <img src="images/assests/logo.png" alt="logo" />
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="footerleft">
+        <div class="footerlefthead">
+          <img src="images/assests/logo.png" alt="logo" />
+          <h1>AD LIFE</h1>
+        </div>
+        <div class="footerleftside"><p>ADDING VALUE TO LIFE</p></div>
+        <div class="footerleftbody">
+          <p>
+            Our trust is registered under the Indian Trusts Act, 1882 with
+            Sub-Registrar at Kengeri, Bangalore since January 3rd, 2005.
+          </p>
+        </div>
+      </div>
+      <div class="footerright">
+        <div class="footerrightbody">
+          <div class="footerrightheader">WHO WE ARE</div>
+          <hr class="footerrightsplitter" />
+          <ul>
+            <li>> Homepage</li>
+            <li>> Activities</li>
+            <li>> Information</li>
+            <li>> Contribute Now</li>
+            <li>> Contact</li>
+          </ul>
+        </div>
+        <div class="footerrightbody">
+          <div class="footerrightheader">WHERE WE WORK</div>
+          <hr class="footerrightsplitter" />
+          <ul>
+            <li>
+              <img src="images/assests/map.png" alt="map" />B-803, 10-3-163/1
+              Amri Central Court Apartments Old Lance Lines , Secunderabad -
+              500025
+            </li>
+            <li>
+              <img src="images/assests/phone.png" alt="phone" />+91-9505051521
+            </li>
+
+            <li>
+              <img
+                src="images/assests/mail.png"
+                alt="mail"
+              />adlife.trust@addlifegroup.com
+            </li>
+          </ul>
+        </div>
+        <div class="footerrightbody">
+          <div class="footerrightheader">FOLLOW US</div>
+          <hr class="footerrightsplitter" />
+          <p>
+            For more Regular updates and event announcements. Make sure to
+            follow us:
+          </p>
+          <div class="socials">
+            <img src="images/assests/fb.png" alt="facebook" />
+            <img src="images/assests/insta.png" alt="instagram" />
+            <img src="images/assests/twitter.png" alt="twitter" />
+            <img src="images/assests/yt.png" alt="youtube" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="copyright">Copyright 2023 © AD Life Trust.</div>
+    <script src="js/script.js"></script>
+  </body>
+</html>