diff options
Diffstat (limited to 'Varsity_Template/template/about.html')
| -rw-r--r-- | Varsity_Template/template/about.html | 388 |
1 files changed, 388 insertions, 0 deletions
diff --git a/Varsity_Template/template/about.html b/Varsity_Template/template/about.html new file mode 100644 index 0000000..6d40bfb --- /dev/null +++ b/Varsity_Template/template/about.html @@ -0,0 +1,388 @@ +<!DOCTYPE html>
+<html lang="zxx">
+
+<head>
+ <!-- Required meta tags -->
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+ <title>About Us - Educational and Online Course HTML Website Template</title>
+ <link rel="icon" href="img/favicon.png" type="image/png">
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="css/bootstrap.min.css"/>
+ <!-- animate CSS -->
+ <link rel="stylesheet" href="css/animate.css"/>
+ <!-- font awesome CSS -->
+ <link rel="stylesheet" href="vendors/elegant_Icon/elegent_icon.css"/>
+ <!-- nice select CSS -->
+ <link rel="stylesheet" href="vendors/niceselect/css/nice-select.css"/>
+ <!-- owl carousel CSS -->
+ <link rel="stylesheet" href="vendors/owl_carousel/css/owl.carousel.css"/>
+ <!-- magnific popup CSS -->
+ <link rel="stylesheet" href="vendors/magnify_popup/magnific-popup.css"/>
+ <!-- Countdown CSS -->
+ <link rel="stylesheet" href="vendors/countdown/css/Countdown.css"/>
+ <!-- flaticon CSS -->
+ <link rel="stylesheet" href="css/flaticon.css"/>
+ <!-- aos CSS -->
+ <link rel="stylesheet" href="vendors/aos/aos.css"/>
+ <!-- style CSS -->
+ <link rel="stylesheet" href="style.css"/>
+</head>
+
+<body>
+ <!-- start Preloader -->
+ <div class="preloder_part">
+ <div class="spinner">
+ <div class="dot1"></div>
+ <div class="dot2"></div>
+ </div>
+ </div>
+ <!-- End Preloader -->
+
+ <!-- header part here -->
+ <header class="header_part">
+ <div class="sub_header section_bg">
+ <div class="container">
+ <div class="row">
+ <div class="col-xl-6 col-lg-7 col-md-7">
+ <div class="header_contact_info">
+ <a href="tel:+4641468425"><i class="icon_phone"></i>+464 145 684 325</a>
+ <a href="mailto:admin@example.com"><i class="icon_mail_alt"></i>admin@example.com</a>
+ </div>
+ </div>
+ <div class="col-xl-6 col-lg-5 col-md-5">
+ <div class="header_login_info">
+ <a href="teacher.html">Become A Teacher</a>
+ <a href="my-profile.html">My Profile</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="main_nav">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="header_iner d-flex justify-content-between align-items-center">
+ <div class="sidebar_icon troggle_icon d-lg-none">
+ <i class="icon_menu"></i>
+ </div>
+ <div class="logo">
+ <a href="index.html"><img src="img/logo.png" alt="#"></a>
+ </div>
+
+ <nav class="navbar_bar">
+ <ul>
+ <li class="mega_menu_dropdown">
+ <a class="mega_menu_dropdown-toggle nav-link active" href="#">Home</a>
+ <ul>
+ <li><a class="active" href="index.html">Homepage Style One</a></li>
+ <li><a href="index-two.html">Homepage Style Two</a>
+ </li>
+ <li><a href="index-three.html">One Page Home</a>
+ </li>
+ <li><a href="index-four.html">Dark Homepage</a>
+ </li>
+ </ul>
+ </li>
+ <li class="mega_menu_dropdown">
+ <a class="mega_menu_dropdown-toggle nav-link" href="#">All Courses</a>
+ <ul>
+ <li><a href="course-list.html">Course List</a></li>
+ <li><a href="course-grid.html">Course Grid</a></li>
+ <li><a href="course-slider.html">Course Slider</a></li>
+ <li><a href="course-details.html">Course Details</a></li>
+ <li><a href="course-category.html">Course Category</a></li>
+ <li><a href="lessons.html">Lessons</a></li>
+ <li><a href="quizzes.html">Quizzes</a></li>
+ <li><a href="checkout.html">Checkout</a></li>
+ </ul>
+ </li>
+ <li class="mega_menu_dropdown">
+ <a class="mega_menu_dropdown-toggle nav-link" href="#">Blog Classic</a>
+ <ul>
+ <li><a href="blog-grid.html">Blog Grid</a></li>
+ <li><a href="blog-slider.html">Blog Slider</a></li>
+ <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
+ <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
+ <li><a href="blog-details-no-sidebar.html">Blog Details No Sidebar</a></li>
+ <li><a href="blog-details-left-sidebar.html">Blog Details Left Sidebar</a></li>
+ <li><a href="blog-details-right-sidebar.html">Blog Details Right Sidebar</a></li>
+ </ul>
+ </li>
+ <li class="mega_menu_dropdown">
+ <a class="mega_menu_dropdown-toggle nav-link" href="#">Pages</a>
+ <ul>
+ <li><a href="about.html">About Us</a></li>
+ <li><a href="events.html">Events</a></li>
+ <li><a href="instructor.html">Instructor</a></li>
+ <li><a href="testimonial.html">Testimonial</a></li>
+ <li><a href="sample-page.html">Sample Page</a></li>
+ <li><a href="page-left-sidebar.html">Page Left Sidebar</a></li>
+ <li><a href="page-right-sidebar.html">Page Right Sidebar</a></li>
+ <li><a href="404.html">404 Page</a></li>
+ </ul>
+ </li>
+ <li><a href="contact.html">Contact Us</a></li>
+ </ul>
+ </nav>
+ <div class="navbar_btn">
+ <a href="live-class.html" class="btn_1">Join Live Class</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </header>
+ <!-- header part end -->
+
+ <!-- breadcrumb part -->
+ <section class="breadcrumb_part blog_grid_bg">
+ <div class="container">
+ <div class="row justify-content-center">
+ <div class="col-lg-6 ">
+ <div class="breadcrumb_iner">
+ <h2>About Us</h2>
+ <div class="breadcrumb_iner_link">
+ <a href="index.html">Home</a>
+ <i class="arrow_carrot-right"></i>
+ <span>About Us</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- breadcrumb part end -->
+
+ <!-- Start about us -->
+ <div class="bg-white section_padding">
+ <div class="container">
+ <div class="row h-100 align-items-center">
+ <div data-aos="fade-up"
+ data-aos-duration="1200" class="col-lg-6">
+ <h1 class="display-4">About Varsity</h1>
+ <p class="lead text-muted mb-0">Varsity is an educational Bootstrap Premium Template</p>
+ <p class="lead text-muted">You can use it for making your modern educational website.
+ </p>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="1600" class="col-lg-6 d-none d-lg-block"><img src="img/about/about-1.png" alt="" class="img-fluid"></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="bg-light section_padding">
+ <div class="container">
+ <div class="row align-items-center mb-5">
+ <div data-aos="fade-up"
+ data-aos-duration="1200" class="col-lg-6 order-2 order-lg-1"><i class="fa fa-bar-chart fa-2x mb-3 text-primary"></i>
+ <h2 class="font-weight-light">Lorem ipsum dolor sit amet</h2>
+ <p class="font-italic text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><a href="course-list.html" class="btn_3">Our Courses</a>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="1600" class="col-lg-5 px-5 mx-auto order-1 order-lg-2"><img src="img/about/about-2.png" alt="" class="img-fluid mb-4 mb-lg-0"></div>
+ </div>
+ <div class="row align-items-center">
+ <div data-aos="fade-up"
+ data-aos-duration="1200" class="col-lg-5 px-5 mx-auto"><img src="img/about/about-3.png" alt="" class="img-fluid mb-4 mb-lg-0"></div>
+ <div data-aos="fade-up"
+ data-aos-duration="1600" class="col-lg-6"><i class="fa fa-leaf fa-2x mb-3 text-primary"></i>
+ <h2 class="font-weight-light">Lorem ipsum dolor sit amet</h2>
+ <p class="font-italic text-muted mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><a href="events.html" class="btn_3">All Events</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="bg-white section_padding">
+ <div class="container">
+ <div class="row mb-4">
+ <div data-aos="fade-up"
+ data-aos-duration="1200" class="col-lg-5">
+ <h2 class="display-4 font-weight-light">Our Team</h2>
+ <p class="font-italic text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+ </div>
+ </div>
+ <div class="row text-center">
+ <!-- Team item-->
+ <div data-aos="fade-up"
+ data-aos-duration="1600" class="col-xl-3 col-sm-6 mb-5">
+ <div class="bg-white rounded custom-shadow-sm py-5 px-4"><img src="img/about/avatar-4.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
+ <h5 class="mb-0">Manuella Nevoresky</h5><span class="small text-uppercase text-muted">CEO - Founder</span>
+ <ul class="social mb-0 list-inline mt-3">
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-twitter"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-instagram"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-linkedin"></i></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End-->
+
+ <!-- Team item-->
+ <div data-aos="fade-up"
+ data-aos-duration="2000" class="col-xl-3 col-sm-6 mb-5">
+ <div class="bg-white rounded custom-shadow-sm py-5 px-4"><img src="img/about/avatar-3.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
+ <h5 class="mb-0">Samuel Hardy</h5><span class="small text-uppercase text-muted">Managing Director</span>
+ <ul class="social mb-0 list-inline mt-3">
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-twitter"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-instagram"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-linkedin"></i></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End-->
+
+ <!-- Team item-->
+ <div data-aos="fade-up"
+ data-aos-duration="2400" class="col-xl-3 col-sm-6 mb-5">
+ <div class="bg-white rounded custom-shadow-sm py-5 px-4"><img src="img/about/avatar-2.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
+ <h5 class="mb-0">Tom Sunderland</h5><span class="small text-uppercase text-muted">Supervisor</span>
+ <ul class="social mb-0 list-inline mt-3">
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-twitter"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-instagram"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-linkedin"></i></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End-->
+
+ <!-- Team item-->
+ <div data-aos="fade-up"
+ data-aos-duration="2800" class="col-xl-3 col-sm-6 mb-5">
+ <div class="bg-white rounded custom-shadow-sm py-5 px-4"><img src="img/about/avatar-1.png" alt="" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm">
+ <h5 class="mb-0">John Tarly</h5><span class="small text-uppercase text-muted">Team Leader</span>
+ <ul class="social mb-0 list-inline mt-3">
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-twitter"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-instagram"></i></a></li>
+ <li class="list-inline-item"><a href="#" class="social-link"><i class="fab fa-linkedin"></i></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End-->
+ </div>
+ </div>
+ </div>
+ <!-- End about us -->
+
+ <!-- Start LTR & RTL Button -->
+ <div class="ltr-rtl-button">
+ <a class="default-btn active ltr">
+ LTR
+ </a>
+ <a class="default-btn rtl">
+ RTL
+ </a>
+ </div>
+ <!-- End LTR & RTL Button -->
+
+ <!-- footer part here -->
+ <footer class="footer_section">
+ <div class="container">
+ <div class="row justify-content-between">
+ <div class="col-lg-3 col-sm-6">
+ <div class="single_feature_footer">
+ <a href="index.html"><img src="img/logo.png" alt="#"></a>
+ <p>Loo faff about cockup Harry baking cakes hunky dory mush happy
+ days on your bike mate.</p>
+ <div class="footer_contact_info">
+ <a href="tel:+464145684325"><i class="icon_phone"></i>+464 145 684 325</a>
+ <a href="mailto:education@example.com"><i class="icon_mail_alt"></i>education@example.com</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6">
+ <div class="single_feature_footer footer_nav">
+ <h4>Popular Courses</h4>
+ <ul>
+ <li><a href="course-details.html">Algebra & Calculus</a></li>
+ <li><a href="course-details.html">Business Strategy</a></li>
+ <li><a href="course-details.html">Computer Security & Network</a></li>
+ <li><a href="course-details.html">Data Analysis</a></li>
+ <li><a href="course-details.html">English Learning</a></li>
+ <li><a href="course-details.html">Music & Art</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6">
+ <div class="single_feature_footer footer_nav">
+ <h4>COURSE CATEGORIES</h4>
+ <ul>
+ <li><a href="course-category.html">Arts & Humanities</a></li>
+ <li><a href="course-category.html">Business</a></li>
+ <li><a href="course-category.html">Computer Science</a></li>
+ <li><a href="course-category.html">Data Science</a></li>
+ <li><a href="course-category.html">Language Learning</a></li>
+ <li><a href="course-category.html">Math & Logic</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-lg-2 col-sm-6">
+ <div class="single_feature_footer footer_nav">
+ <h4>Quick Links</h4>
+ <ul>
+ <li><a href="#">Live Class</a></li>
+ <li><a href="#">Tuition Fees</a></li>
+ <li><a href="#">Terms & Conditions</a></li>
+ <li><a href="#">Privacy Policy</a></li>
+ <li><a href="#">Support</a></li>
+ <li><a href="#">Career</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <div class="copyright_part">
+ <div class="row align-items-center">
+ <div class="col-lg-6 col-md-8">
+ <p>© Copyright 2023 Design by <a href="#" class="text_underline">MhrTheme.</a> All rights reserved.</p>
+ </div>
+ <div class="col-lg-6 col-md-4">
+ <div class="social_icon">
+ <a href="#"><i class="social_facebook"></i></a>
+ <a href="#"><i class="social_twitter"></i></a>
+ <a href="#"><i class="social_youtube"></i></a>
+ <a href="#"><i class="social_linkedin"></i></a>
+ <a href="#"><i class="social_skype"></i></a>
+ <a href="#"><i class="social_instagram"></i></a>
+ <a href="#"><i class="social_pinterest"></i></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <img src="img/icon/shape_01.png" alt="#" class="footer_sharp_1">
+ <img src="img/icon/about_shape_02.png" alt="#" class="footer_sharp_2 custom-animation2">
+ <img src="img/icon/about_shape_03.png" alt="#" class="footer_sharp_3 custom-animation3">
+ </footer>
+ <!-- footer part end -->
+
+ <!-- jquery slim -->
+ <script src="js/jquery-3.4.1.min.js"></script>
+ <!-- popper js -->
+ <script src="js/popper.min.js"></script>
+ <!-- bootstarp js -->
+ <script src="js/bootstrap.min.js"></script>
+ <!-- nice select -->
+ <script src="vendors/niceselect/js/jquery.nice-select.min.js"></script>
+ <!-- owl carousel js -->
+ <script src="vendors/owl_carousel/js/owl.carousel.min.js"></script>
+ <!-- magnify popup js -->
+ <script src="vendors/magnify_popup/jquery.magnific-popup.js"></script>
+ <!-- simplyCountdown js -->
+ <script src="vendors/countdown/js/simplyCountdown.min.js"></script>
+ <!-- counter js -->
+ <script src="vendors/counter/jquery.countTo.js"></script>
+ <!-- aos js -->
+ <script src="vendors/aos/aos.js"></script>
+ <!-- custom js -->
+ <script src="js/custom.js"></script>
+</body>
+
+</html>
|