diff options
Diffstat (limited to 'Varsity_Template/template/instructor.html')
| -rw-r--r-- | Varsity_Template/template/instructor.html | 462 |
1 files changed, 462 insertions, 0 deletions
diff --git a/Varsity_Template/template/instructor.html b/Varsity_Template/template/instructor.html new file mode 100644 index 0000000..3f44e20 --- /dev/null +++ b/Varsity_Template/template/instructor.html @@ -0,0 +1,462 @@ +<!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>Instructor - 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>Instructor</h2>
+ <div class="breadcrumb_iner_link">
+ <a href="index.html">Home</a>
+ <i class="arrow_carrot-right"></i>
+ <span>Instructor</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- breadcrumb part end -->
+
+ <!-- instructor list part here -->
+ <section class="instructor_list section_padding" >
+ <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 class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="2000">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/list_img/list_img_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>Adam Smith</h4>
+ <p>Web Designer</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="2200">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/list_img/list_img_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>John Doe</h4>
+ <p>Web Developer</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="2400">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/list_img/list_img_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>Mural Evan</h4>
+ <p>Web Application</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-3 col-sm-6" data-aos="fade-up"
+ data-aos-easing="linear"
+ data-aos-duration="2600">
+ <div class="single_instructor_item">
+ <div class="single_instructor">
+ <a class="instructor_img">
+ <img src="img/list_img/list_img_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>Jeffer Smith</h4>
+ <p>Analyzer</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <!-- instructor list part end -->
+
+ <!-- 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>
|