-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0f0a4bf
commit c573cad
Showing
1 changed file
with
370 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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> |