diff options
Diffstat (limited to 'Varsity_Template/template/index-three.html')
| -rw-r--r-- | Varsity_Template/template/index-three.html | 912 |
1 files changed, 912 insertions, 0 deletions
diff --git a/Varsity_Template/template/index-three.html b/Varsity_Template/template/index-three.html new file mode 100644 index 0000000..5c814b0 --- /dev/null +++ b/Varsity_Template/template/index-three.html @@ -0,0 +1,912 @@ +<!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>Varsity - 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 class="one-page-home">
+ <!-- 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>
+ <a class="active" href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="#about">About Us</a>
+ </li>
+ <li>
+ <a href="#courses">Our Courses</a>
+ </li>
+ <li>
+ <a href="#instructor">Instructor</a>
+ </li>
+ <li>
+ <a href="#motivation">Motivation</a>
+ </li>
+ <li>
+ <a href="#events">Events</a>
+ </li>
+ <li>
+ <a href="#contact">Contact</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 -->
+
+ <!-- slider part here -->
+ <section class="banner_part owl-carousel">
+ <div class="single_banner_part bg_3">
+ <div class="container">
+ <div class="row justify-content-center align-items-center">
+ <div class="col-lg-8">
+ <div class="banner_iner">
+ <h5>Welcome To Our Varsity</h5>
+ <h2>Education is the best key success in life</h2>
+ <a href="course-list.html" class="btn_2">Our Courses</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="single_banner_part bg_2">
+ <div class="container">
+ <div class="row justify-content-center align-items-center">
+ <div class="col-lg-8">
+ <div class="banner_iner">
+ <h5>Welcome To Online Education</h5>
+ <h2>Education is the backbone of a nation</h2>
+ <a href="course-list.html" class="btn_2">Our Courses</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="single_banner_part bg_1">
+ <div class="container">
+ <div class="row justify-content-center align-items-center">
+ <div class="col-lg-8">
+ <div class="banner_iner">
+ <h5>Welcome To Our Organization</h5>
+ <h2>Education is the best key success in life</h2>
+ <a href="course-list.html" class="btn_2">Our Courses</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- slider part end -->
+
+ <!-- Start about us -->
+ <div id="about" 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 -->
+
+ <!-- popular course part here -->
+ <section id="courses" class="popular_course section_padding section_bg">
+ <div class="container">
+ <div class="row justify-content-center">
+ <div class="col-lg-6" data-aos="fade-up"
+ data-aos-duration="1200">
+ <div class="section_tittle">
+ <h2>Explore our <br>
+ Popular Courses</h2>
+ <p>Jeffrey crikey victoria sponge mush spiffing super arse over
+ tit matie boy smashing. The little rotter off his nut codswallop.!</p>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <div class="popular_courses_item owl-carousel">
+ <div data-aos="fade-up"
+ data-aos-duration="1200" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_1.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$16.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(120 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Computer Security & Network</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_1.jpeg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Dylan Meringue</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>10 Lessons</p>
+ <p><i class="icon_profile"></i>120</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="1400" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_2.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$30.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(140 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Data Analysis</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_2.jpg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Chauffina Carr</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>20 Lessons</p>
+ <p><i class="icon_profile"></i>130</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="1600" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_3.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$40.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(150 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Music & Art</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_3.jpg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Jason Response</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>30 Lessons</p>
+ <p><i class="icon_profile"></i>100</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="1800" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_4.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$50.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(135 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Business Strategy</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_4.png" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Justin Case</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>65 Lessons</p>
+ <p><i class="icon_profile"></i>122</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="2000" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_5.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$70.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(299 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>English Learning</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_1.jpeg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Hanson Deck</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>45 Lessons</p>
+ <p><i class="icon_profile"></i>90</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="2200" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_6.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$110.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(105 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Algebra & Calculus</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_2.jpg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Adam Smith</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>30 Lessons</p>
+ <p><i class="icon_profile"></i>80</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="2400" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_7.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$117.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(221 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>History & Philosophy</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_3.jpg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Hanson Deck</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>20 Lessons</p>
+ <p><i class="icon_profile"></i>17</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="2600" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_8.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$227.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(90 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Business Essentials</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_4.png" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Gunther Beard</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>25 Lessons</p>
+ <p><i class="icon_profile"></i>28</p>
+ </div>
+ </div>
+ </div>
+ <div data-aos="fade-up"
+ data-aos-duration="2800" class="single_courses_item">
+ <a href="course-details.html"><img src="img/popular_item_9.png" alt="#" class="img-fluid"></a>
+ <div class="courses_item_iner">
+ <div class="courses_review">
+ <a class="courses_btn">$90.00</a>
+ <div class="review_icon">
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ <i class="icon_star"></i>
+ </div>
+ <span>(177 Reviews)</span>
+ </div>
+ <a href="course-details.html"><h4>Software Development</h4></a>
+ <a href="teacher.html" class="course_author">
+ <img src="img/author_1.jpeg" alt="#">
+ </a>
+ <p class="author_name"><a href="teacher.html">Samuel Serif</a></p>
+ <div class="popular_course_list">
+ <p><i class="icon_book_alt"></i>50 Lessons</p>
+ <p><i class="icon_profile"></i>42</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- popular course part end -->
+
+ <!-- instructor list part here -->
+ <section id="instructor" class="instructor_list padding_bottom" >
+ <div class="container">
+ <div class="row justify-content-center" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="1200">
+ <div class="col-lg-6">
+ <div class="section_tittle">
+ <h2>Top Instructor</h2>
+ <p>Jeffrey crikey victoria sponge mush spiffing super arse over
+ tit matie boy smashing. The little rotter off his nut codswallop.!</p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="1200">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/instructor_1.png" alt="#" class="img-fluid">
+ </a>
+ <div class="social_icon">
+ <a href="#"><i class="social_instagram"></i></a>
+ <a href="#"><i class="social_linkedin"></i></a>
+ <a href="#"><i class="social_twitter"></i></a>
+ <a href="#"><i class="social_facebook"></i></a>
+ </div>
+ </div>
+ <div class="single_instructor_tittle">
+ <h4>Dylan Meringue</h4>
+ <p>Sales Director</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="1400">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/instructor_2.png" alt="#" class="img-fluid">
+ </a>
+ <div class="social_icon">
+ <a href="#"><i class="social_instagram"></i></a>
+ <a href="#"><i class="social_linkedin"></i></a>
+ <a href="#"><i class="social_twitter"></i></a>
+ <a href="#"><i class="social_facebook"></i></a>
+ </div>
+ </div>
+ <div class="single_instructor_tittle">
+ <h4>Chauffina Carr</h4>
+ <p>Mathematics</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="1600">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/instructor_3.png" alt="#" class="img-fluid">
+ </a>
+ <div class="social_icon">
+ <a href="#"><i class="social_instagram"></i></a>
+ <a href="#"><i class="social_linkedin"></i></a>
+ <a href="#"><i class="social_twitter"></i></a>
+ <a href="#"><i class="social_facebook"></i></a>
+ </div>
+ </div>
+ <div class="single_instructor_tittle">
+ <h4>Jason Response</h4>
+ <p>Marketing</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="1800">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/instructor_4.png" alt="#" class="img-fluid">
+ </a>
+ <div class="social_icon">
+ <a href="#"><i class="social_instagram"></i></a>
+ <a href="#"><i class="social_linkedin"></i></a>
+ <a href="#"><i class="social_twitter"></i></a>
+ <a href="#"><i class="social_facebook"></i></a>
+ </div>
+ </div>
+ <div class="single_instructor_tittle">
+ <h4>Hanson Deck</h4>
+ <p>Sales Director</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- instructor list part end -->
+
+ <!-- motivation part here -->
+ <section id="motivation" class="motivation section_bg">
+ <div class="container">
+ <div class="row align-items-center">
+ <div class="col-lg-5 col-md-6">
+ <div class="motivation_content">
+ <h2>Your motivition & attention will teach you best</h2>
+ <p>Cack gormless young delinquent that bits and bobs he nicked it mush, spiffing smashing he legged it have it codswallop.</p>
+ <ul class="nav nav-tabs" id="motivation_content_tab" role="tablist">
+ <li class="nav-item">
+ <a class="nav-link active single_item" data-toggle="tab" href="#Design" role="tab" aria-selected="true" id="Design-tab" data-aos="fade-up" data-aos-duration="700">
+ <i class="icon_book_alt"></i>
+ <p>Graphics Design</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link single_item" data-toggle="tab" href="#Development" role="tab" aria-selected="false" id="Development-tab" data-aos="fade-up" data-aos-duration="800">
+ <i class="icon_key"></i>
+ <p>Self Development</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link single_item" data-toggle="tab" href="#Software" role="tab" aria-selected="false" id="Software-tab" data-aos="fade-up" data-aos-duration="900">
+ <i class="icon_ribbon_alt"></i>
+ <p>IT & Software</p>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="tab-content" id="motivation_content_tabcontent">
+ <div class="tab-pane fade show active" id="Design" role="tabpanel" aria-labelledby="Design-tab">
+ <div class="motivation_video">
+ <a href="https://www.youtube.com/watch?v=f3NWvUV8MD8" class="animated_play_button popup_youtube">
+ <span class="flaticon-play-button"></span></a>
+ </div>
+ </div>
+ <div class="tab-pane fade" id="Development" role="tabpanel" aria-labelledby="Development-tab">
+ <div class="motivation_video bg_1">
+ <a href="https://www.youtube.com/watch?v=x4q86IjJFag" class="animated_play_button popup_youtube">
+ <span class="flaticon-play-button"></span></a>
+ </div>
+ </div>
+ <div class="tab-pane fade" id="Software" role="tabpanel" aria-labelledby="Software-tab">
+ <div class="motivation_video bg_2">
+ <a href="https://www.youtube.com/watch?v=XRCIzZHpFtY" class="animated_play_button popup_youtube">
+ <span class="flaticon-play-button"></span></a>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- motivation part end -->
+
+ <!-- event part here -->
+ <section id="events" class="event_list section_padding">
+ <div class="container">
+ <div class="row justify-content-center" data-aos="fade-up"
+ data-aos-duration="1200">
+ <div class="col-lg-6">
+ <div class="section_tittle">
+ <h2>Our Upcoming Events</h2>
+ <p>Jeffrey crikey victoria sponge mush spiffing
+ super arse over tit matie boy smashing. The little
+ rotter off his nut codswallop.!</p>
+ </div>
+ </div>
+ </div>
+ <div class="row justify-content-center">
+ <div class="col-lg-10">
+ <div class="single_event_list" data-aos="fade-up" data-aos-duration="1200">
+ <img src="img/event_list_3.png" alt="" class="img-fluid">
+ <div class="event_list_content">
+ <h5>14 January, 2023 </h5>
+ <h2>Why you Need Advance Developmemt Process Course?</h2>
+ <div class="event_list_tag">
+ <p><i class="icon_clock_alt"></i>8.30 AM - 5.30 PM</p>
+ <p><i class="icon_pin_alt"></i>9 Road, Mirpur Dohs, New York, USA</p>
+ </div>
+ <p>He lost his bottle bamboozled golly gosh some dodgy chav only a quid
+ my lady chip shop argy-bargy, the bee's knees morish loo get stuffed
+ mate pardon me zonked knees.!</p>
+ </div>
+ </div>
+ <div class="single_event_list" data-aos="fade-up" data-aos-duration="1600">
+ <img src="img/event_list_2.png" alt="" class="img-fluid">
+ <div class="event_list_content">
+ <h5>14 January, 2023 </h5>
+ <h2>Graphic Illustration: Design with Color and Shape</h2>
+ <div class="event_list_tag">
+ <p><i class="icon_clock_alt"></i>8.30 AM - 5.30 PM</p>
+ <p><i class="icon_pin_alt"></i>9 Road, Mirpur Dohs, New York, USA</p>
+ </div>
+ <p>He lost his bottle bamboozled golly gosh some dodgy chav only a quid
+ my lady chip shop argy-bargy, the bee's knees morish loo get stuffed
+ mate pardon me zonked knees.!</p>
+ </div>
+ </div>
+ <div class="single_event_list" data-aos="fade-up" data-aos-duration="1800">
+ <img src="img/event_list_1.png" alt="" class="img-fluid">
+ <div class="event_list_content">
+ <h5>14 January, 2023 </h5>
+ <h2>Magazine Design Start to Finish: The Inside Pages</h2>
+ <div class="event_list_tag">
+ <p><i class="icon_clock_alt"></i>8.30 AM - 5.30 PM</p>
+ <p><i class="icon_pin_alt"></i>9 Road, Mirpur Dohs, New York, USA</p>
+ </div>
+ <p>He lost his bottle bamboozled golly gosh some dodgy chav only a quid
+ my lady chip shop argy-bargy, the bee's knees morish loo get stuffed
+ mate pardon me zonked knees.!</p>
+ </div>
+ </div>
+ <div class="event_list_btn" data-aos="fade-up"
+ data-aos-anchor-placement="top-center">
+ <a href="events.html" class="btn_3">View All Events</a>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <img src="img/icon/shape_06.png" alt="#" class="about_sharp_1 custom-animation">
+ <img src="img/icon/about_shape_02.png" alt="#" class="about_sharp_2 custom-animation2">
+ <img src="img/icon/about_shape_03.png" alt="#" class="about_sharp_3 custom-animation3">
+ <img src="img/icon/shape_04.png" alt="#" class="about_sharp_4 custom-animation4">
+ <img src="img/icon/shape_05.png" alt="#" class="about_sharp_5 custom-animation5">
+ </section>
+ <!-- event part end -->
+
+ <!-- Start contact us -->
+ <div id="contact" class="review_form contact_form section_padding">
+ <div class="container">
+ <h3 data-aos="fade-up"
+ data-aos-duration="1200">Feel Free to Contact with Us</h3>
+ <form data-aos="fade-up"
+ data-aos-duration="1600" method="post">
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="form_single_item">
+ <input type="text" name="name" placeholder="Name" required>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="form_single_item">
+ <input type="email" name="email" placeholder="Email" required>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="form_single_item">
+ <input type="phone" name="phone" placeholder="Phone" required>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="form_single_item">
+ <input type="text" name="subject" placeholder="Subject" required>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <div class="form_single_item">
+ <textarea name="message" placeholder="Message" required></textarea>
+ </div>
+ </div>
+ </div>
+ <input type="submit" class="btn_3" value="Submit">
+ </form>
+ </div>
+ </div>
+ <!-- End contact 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>
|