diff --git a/about.html b/about.html
new file mode 100644
index 0000000..bd59dc0
--- /dev/null
+++ b/about.html
@@ -0,0 +1,370 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About</title>
+    <link rel="stylesheet" href="style.css">
+    <!-- for icons cdn library css -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+
+    <!-- swiper css link -->
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+</head>
+
+<body>
+    <!-- create heading first -->
+    <header class="header">
+        <a href="#" class="logo"><i class="fas fa-lightbulb"></i>Coursea</a>
+        <nav class="navbar">
+            <div id="closed-navbar" class="fas fa-times"></div>
+            <a href="home.html">Home</a>
+            <a href="about.html">About</a>
+            <a href="courses.html">Courses</a>
+            <a href="contact.html">Contact</a>
+        </nav>
+        <div class="icons">
+            <div id="account-btn" class="fas fa-user"></div>
+            <div id="menu-btn" class="fas fa-bars"></div>
+        </div>
+    </header>
+    <!-- header ends -->
+    <!-- Account form Section  -->
+
+
+    <section class="heding-link">
+        <h3> About us</h3>
+        <p> <a href="home.html">home</a> / about</p>
+    </section>
+
+    <!-- about section starts -->
+
+    <section class="about">
+
+        <div class="images">
+            <img src="https://img.freepik.com/free-vector/brainstorming-landing-page-concept_52683-26994.jpg?t=st=1726596380~exp=1726599980~hmac=fb9e68eaaf9ecb0eba17113fd6f7cadc47408595a783a477b08aa9b2505ddda0&w=996"
+                height="450px" width="450px" alt="">
+        </div>
+        <div class="content">
+            <h3 class="about-title">We have best courses for you</h3>
+            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates, similique? Sint quidem illo vel at
+                cumque ea iure nobis possimus velit mollitia laborum, nam quaerat, praesentium deserunt sunt pariatur
+                veniam.</p>
+            <div class="icons-container">
+                <div class="icons">
+                    <img src="https://www.pngitem.com/pimgs/m/621-6210879_fulbright-scholar-program-course-icon-png-green-transparent.png"
+                        height="100px" width="100px" alt="">
+                    <h3>750+</h3>
+                    <span>courses</span>
+                </div>
+                <div class="icons">
+                    <img src="https://cdn-icons-png.flaticon.com/512/2704/2704393.png" height="100px" width="100px"
+                        alt="">
+                    <h3>1700+</h3>
+                    <span>students</span>
+                </div>
+                <div class="icons">
+                    <img src="https://media.istockphoto.com/id/1003579348/vector/approved-certified-icon-certified-seal-icon-accepted-accreditation-symbol-with-checkmark.jpg?s=612x612&w=0&k=20&c=F66NRhaPf2-FcFZdbk11GV6KKR1eo0uaL6gAIwmQb6A="
+                        height="100px" width="100px" alt="">
+                    <h3>10+</h3>
+                    <span>awards</span>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+    <!-- Teacher section starts -->
+    <section class="teachers">
+        <h1 class="heading">expert teachers</h1>
+        <div class="swiper teachers-slider">
+            <div class="swiper-wrapper">
+                <div class="swiper-slide slide">
+                    <div class="image">
+                        <img src="Shradha-Khapra-removebg-preview.png" height="300px" alt="">
+                        <div class="share">
+                            <a href="https://www.facebook.com/Apnacollege.com10" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-twitter"></a>
+                            <a href="https://www.instagram.com/shradhakhapra/" class="fab fa-instagram"></a>
+                            <a href="https://www.linkedin.com/in/shradha-khapra" class="fab fa-linkedin"></a>
+                        </div>
+                    </div>
+                    <div class="content">
+                        <h3>Shradha Khapra</h3>
+                        <span>expert tutor!</span>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <div class="image">
+                        <img src="1661947638490-removebg-preview.png" height="300px" alt="">
+                        <div class="share">
+                            <a href="https://www.facebook.com/love.babbar.58/" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-twitter"></a>
+                            <a href="https://www.instagram.com/lovebabbar1" class="fab fa-instagram"></a>
+                            <a href="https://www.linkedin.com/in/love-babbar-38ab2887" class="fab fa-linkedin"></a>
+                        </div>
+                    </div>
+                    <div class="content">
+                        <h3>Love Babbar</h3>
+                        <span>expert tutor!</span>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <div class="image">
+                        <img src="1701528885471-removebg-preview.png" height="300px" alt="">
+                        <div class="share">
+                            <a href="#" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-twitter"></a>
+                            <a href="https://www.instagram.com/frazmohammad" class="fab fa-instagram"></a>
+                            <a href="https://www.linkedin.com/in/frazmohammad" class="fab fa-linkedin"></a>
+                        </div>
+                    </div>
+                    <div class="content">
+                        <h3>Mohammad F.</h3>
+                        <span>expert tutor!</span>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <div class="image">
+                        <img src="oardefault-removebg-preview.png" height="300px" alt="">
+                        <div class="share">
+                            <a href="https://www.facebook.com/geekyharis" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-twitter"></a>
+                            <a href="https://www.instagram.com/codewithharry" class="fab fa-instagram"></a>
+                            <a href="https://x.com/codewithharry" class="fab fa-linkedin"></a>
+                        </div>
+                    </div>
+                    <div class="content">
+                        <h3>Haris Ali Khan</h3>
+                        <span>expert tutor!</span>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <div class="image">
+                        <img src="channels4_profile-removebg-preview.png" height="300px" alt="">
+                        <div class="share">
+                            <a href="https://www.facebook.com/NikhilPawar09" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-twitter"></a>
+                            <a href="https://www.instagram.com/nikhilpawarrr" class="fab fa-instagram"></a>
+                            <a href="https://www.linkedin.com/in/nikhilpawardm" class="fab fa-linkedin"></a>
+                        </div>
+                    </div>
+                    <div class="content">
+                        <h3>Nikhil Pawar</h3>
+                        <span>expert tutor!</span>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <div class="image">
+                        <img src="filDTUOR_400x400-removebg-preview.png" height="300px" alt="">
+                        <div class="share">
+                            <a href="https://www.facebook.com/ervarun.singla.7" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-twitter"></a>
+                            <a href="https://www.instagram.com/varunsingla_official" class="fab fa-instagram"></a>
+                            <a href="https://www.linkedin.com/in/varun-singla-a1696b107" class="fab fa-linkedin"></a>
+                        </div>
+                    </div>
+                    <div class="content">
+                        <h3>Varun Singla</h3>
+                        <span>expert tutor!</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- extra code -->
+    <!-- Teacher section ends -->
+
+    <!-- student reveiw section starts -->
+    <section class="reviews">
+        <h1 class="heading">
+            our students review
+        </h1>
+        <div class="swiper reviews-slider">
+            <div class="swiper-wrapper">
+                <div class="swiper-slide slide">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident iste delectus, ullam adipisci
+                        molestiae accusantium cum aliquam in! Accusamus aperiam soluta eum sit quae explicabo
+                        repudiandae vero, aspernatur ipsum cupiditate.</p>
+                    <img src="https://miro.medium.com/v2/resize:fit:2400/1*GNWAnxXrr7uv14ytRqCQqw.jpeg" alt="">
+                    <h3>Shradha Khapra</h3>
+                    <div class="stars">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident iste delectus, ullam adipisci
+                        molestiae
+                        accusantium cum aliquam in! Accusamus aperiam soluta eum sit quae explicabo repudiandae vero,
+                        aspernatur ipsum
+                        cupiditate.</p>
+                    <img src="https://media.licdn.com/dms/image/D5603AQEO10ue8NTlBw/profile-displayphoto-shrink_200_200/0/1714135658517?e=2147483647&v=beta&t=JmtCpSwp78WCviLD-p1v_Ln6ozi9D4M-qzUnST1Gc_U"
+                        alt="">
+                    <h3>Love Babbar</h3>
+                    <div class="stars">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident iste delectus, ullam adipisci
+                        molestiae
+                        accusantium cum aliquam in! Accusamus aperiam soluta eum sit quae explicabo repudiandae vero,
+                        aspernatur ipsum
+                        cupiditate.</p>
+                    <img src="https://media.licdn.com/dms/image/v2/D5603AQHDSvTNG2mFsw/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1724923236452?e=2147483647&v=beta&t=oeCiwFz6XHLHGZglBuFcpwYIy6uRSlLUheYUC-XpVsI"
+                        alt="">
+                    <h3>Mohammad F.</h3>
+                    <div class="stars">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident iste delectus, ullam adipisci
+                        molestiae
+                        accusantium cum aliquam in! Accusamus aperiam soluta eum sit quae explicabo repudiandae vero,
+                        aspernatur ipsum
+                        cupiditate.</p>
+                    <img src="https://nettv4u.com/serialimages/28-02-2024/haris-ali-khan.jpg" alt="">
+                    <h3>Haris Ali Khan</h3>
+                    <div class="stars">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident iste delectus, ullam adipisci
+                        molestiae
+                        accusantium cum aliquam in! Accusamus aperiam soluta eum sit quae explicabo repudiandae vero,
+                        aspernatur ipsum
+                        cupiditate.</p>
+                    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTCLmneytU11EXNnIfY117-a-MjcWmne1oM5w&s"
+                        alt="">
+                    <h3>Nikhil Pawar</h3>
+                    <div class="stars">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+                <div class="swiper-slide slide">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident iste delectus, ullam adipisci
+                        molestiae
+                        accusantium cum aliquam in! Accusamus aperiam soluta eum sit quae explicabo repudiandae vero,
+                        aspernatur ipsum
+                        cupiditate.</p>
+                    <img src="https://i.ytimg.com/vi/cbsvZaLfsQo/hqdefault.jpg?sqp=-oaymwEmCOADEOgC8quKqQMa8AEB-AH-DoACuAiKAgwIABABGGUgYig_MA8=&rs=AOn4CLBnspxSA5yPC01GHjYfK70ry0541g"
+                        alt="">
+                    <h3>Varun Singla</h3>
+                    <div class="stars">
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star"></i>
+                        <i class="fas fa-star-half-alt"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- reveiw section ends -->
+
+
+    <div class="account-form">
+        <div id="closed-form" class="fas fa-times"></div>
+        <div class="buttons">
+            <span class="btn login-btn">login</span>
+            <span class="btn register-btn">register</span>
+        </div>
+        <form class="login-form active" action="">
+            <h3>Login now</h3>
+            <input type="email" placeholder="Enter your email" class="box">
+            <input type="password" placeholder="Enter your password" class="box">
+            <div class="flex">
+                <input type="checkbox" name="" id="">
+                <label for="remember-me">remember me</label>
+                <a href="#">Forgot Password?</a>
+            </div>
+            <input type="submit" value="login-now" class="btn sub_btn">
+        </form>
+        <form class="register-form" action="">
+            <h3>Register now</h3>
+            <input type="email" placeholder="Enter your email" class="box">
+            <input type="password" placeholder="Enter your password" class="box">
+            <input type="password" placeholder="Confirm your password" class="box">
+            <input type="submit" value="Register-now" class="btn sub_btn">
+        </form>
+    </div>
+
+    <!-- Footer section starts -->
+    <section class="footer">
+        <div class="box-container">
+            <div class="box">
+                <h3><i class="fas fa-lightbulb"></i> Coursea </h3>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, provident.</p>
+                <div class="share">
+                    <a href="#" class="fab fa-facebook-f"></a>
+                    <a href="#" class="fab fa-twitter"></a>
+                    <a href="#" class="fab fa-instagram"></a>
+                    <a href="#" class="fab fa-linkedin"></a>
+                </div>
+            </div>
+            <div class="box">
+                <h3> quick links</h3>
+                <a href="home.html" class="link">home</a>
+                <a href="about.html" class="link">about</a>
+                <a href="courses.html" class="link">courses</a>
+                <a href="contact.html" class="link">contact</a>
+            </div>
+
+            <div class="box">
+                <h3>useful links</h3>
+                <a href="#" class="link">help center</a>
+                <a href="#" class="link">ask questions</a>
+                <a href="#" class="link">send feedback</a>
+                <a href="#" class="link">private policy</a>
+                <a href="#" class="link">terms of use</a>
+            </div>
+
+            <div class="box">
+                <h3>newsletter</h3>
+                <p>Subscribe for latest updates</p>
+                <form action="">
+                    <input type="email" name="" placeholder=" Enter your email" id="" class="email">
+                    <input type="submit" value="subscribe" class="btn">
+                </form>
+            </div>
+        </div>
+        <div class="credit"> created by<span> Divyansh Agrawal</span> | all rights reserved </div>
+    </section>
+    <!-- Footer section ends -->
+
+
+
+    <!--  js file link -->
+    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+    <!--  js file link -->
+    <script src="script.js"></script>
+</body>
+
+</html>
\ No newline at end of file
