ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from shivaaythemes.in/educater-html/course-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 12:15:46 GMT -->
<head>
<title>Educater - Online Courses & Education HTML Template</title>
<meta name="keywords" content="Educater" />
<meta name="description" content="Educater" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- FavIcon CSS -->
<link rel="icon" href="assets/images/favicon.png" type="image/gif" sizes="16x16">
<!--Bootstrap CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!--Google Fonts CSS-->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!--Font Awesome Icon CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<!-- Slick Slider CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/slick.css">
<link rel="stylesheet" type="text/css" href="assets/css/slick-theme.css">
<!-- Wow Animation CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css">
<!-- Main Style CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<!-- Loader Start -->
<div class="loader-box">
<div class="loader">
<div class="loader__figure"></div>
<p class="loader__label">Loading...</p>
</div>
</div>
<!-- Loader End -->
<!-- Header Start -->
<header class="site-header">
<!-- Top start -->
<div class="header-top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="top-contact">
<div class="top-location">
<div class="top-location-icon">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<div class="top-location-content">
<a href="javascript:void(0);" title="location"><p>12/7 Aabot, Poor Street, Mumbai</p></a>
</div>
</div>
<div class="top-mail">
<div class="top-mail-icon">
<i class="fa fa-envelope" aria-hidden="true"></i>
</div>
<div class="top-mail-content">
<a href="javascript:void(0);" title="mail"><p>info@gmail.com</p></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="Social-midea">
<a href="javascript:void(0);" title="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="javascript:void(0);" title="Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="javascript:void(0);" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="javascript:void(0);" title="Pinterest"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Top End -->
<!--Navbar Start -->
<div class="header-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<!-- Sit Logo Start -->
<div class="site-branding">
<a href="index.html" title="Educater">
<img src="assets/images/logo.png" alt="Logo">
</a>
</div>
<!-- Sit Logo End -->
</div>
<div class="col-lg-9">
<div class="header-menu">
<nav class="main-navigation">
<button class="toggle-button">
<span></span>
<span class="toggle-width"></span>
<span></span>
</button>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li class="sub-items active">
<a href="javascript:void(0);" title="Courses">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html" title="Courses">Courses List</a></li>
<li><a href="course-detail.html" title="Courses detail">Courses Detail</a></li>
</ul>
</li>
<li class="sub-items">
<a href="javascript:void(0);" title="Pages">Pages</a>
<ul class="sub-menu">
<li><a href="event-detaill.html" title="Event Detail">Event Detail</a></li>
<li><a href="instructor.html" title="Instructor">Instructor</a></li>
<li><a href="instructor-detail.html" title="Instructor Detail">Instructor Detail</a></li>
<li><a href="pricing.html" title="Pricing">Pricing</a></li>
<li><a href="faq.html" title="FAQ">FAQ</a></li>
</ul>
</li>
<li class="sub-items">
<a href="javascript:void(0);" title="Blog">Blog</a>
<ul class="sub-menu">
<li><a href="blog-list.html" title="Blog List">Blog List</a></li>
<li><a href="blog-detail.html" title="Blog Detail">Blog Detail</a></li>
</ul>
</li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</nav>
<div class="black-shadow"></div>
<div class="header-btn">
<a href="contact-us.html" class="sec-btn">Try For Free</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Navbar End -->
</header>
<!-- Header End -->
<!--Banner Start-->
<section class="main-banner-in">
<span class="shape-1 animate-this">
<img src="assets/images/shape-1.png" alt="shape">
</span>
<span class="shape-2 animate-this">
<img src="assets/images/shape-2.png" alt="shape">
</span>
<span class="shape-3 animate-this">
<img src="assets/images/shape-3.png" alt="shape">
</span>
<span class="shape-4 animate-this">
<img src="assets/images/shape-4.png" alt="shape">
</span>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="h1-title">Course Detail</h1>
</div>
</div>
</div>
</section>
<!--Banner End-->
<!--Banner Breadcrum Start-->
<div class="main-banner-breadcrum">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="banner-breadcrum">
<ul>
<li><a href="index.html">Home</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
<li><a href="courses.html">Courses</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
<li><a href="course-detail.html">Course Detail</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Banner Breadcrum End-->
<!--Course Detail Start-->
<section class="main-course-detail-in">
<div class="container">
<div class="row">
<!--Course Detail Info Start-->
<div class="col-xl-8 col-lg-7">
<div class="course-detail-box">
<h2 class="h2-title">Become product manager learn skills.</h2>
<div class="course-detail-user-box">
<div class="row align-items-center">
<div class="col-xxl-5 col-xl-12 col-lg-12">
<div class="course-detail-instructor-date-box">
<div class="course-detail-instructor">
<div class="course-detail-instructor-img">
<img src="assets/images/course-detail-instructor-img.jpg" class="rounded-circle" alt="instructor">
</div>
<div class="course-detail-instructor-text">
<a href="instructor-detail.html"><p>Lillian Wals</p></a>
<span>Instructor</span>
</div>
</div>
<div class="course-detail-date">
<a href="javascript:void(0);"><p>07 March, 2021</p></a>
<span>Last Update</span>
</div>
</div>
</div>
<div class="col-xxl-7 col-xl-12 col-lg-12">
<div class="course-detail-rating-tag-box">
<div class="course-detail-rating-box">
<a href="javascript:void(0);">
<div class="course-detail-rating-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<p>5.00(2k)</p>
</div>
</a>
<span>Star Rating</span>
</div>
<div class="course-detail-tag-box">
<ul>
<li><a href="javascript:void(0);" class="course-tag-orange">Business</a></li>
<li><a href="javascript:void(0);" class="course-tag-blue">Marketing</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="course-detail-img wow fadeInUp animated" data-wow-delay=".4s">
<img src="assets/images/course-detail-img.jpg" alt="course">
</div>
<h3 class="h3-title">About this course</h3>
<p>Phasellus luctus ante eu nunc mollis, eget laoreet augue luctus. Proin tincidunt a sapien sed ultrices. Pellentesque faucibus quis augue id iaculis. Aliquam iaculis urna velit, a varius sem interdum et. Etiam eu molestie ipsum. Suspendisse vulputate elit eget volutpat pharetra.</p>
<p>Maecenas eget iaculis leo. Suspendisse a tincidunt ante. Mauris semper odio ac felis aliquet, eu elementum lorem faucibus. Donec non tristique nunc. Maecenas tempus luctus arcu. Mauris quam lectus, viverra a tincidunt non, vehicula at metus. Ut mattis quam quis enim vehicula, quis ultricies urna finibus.</p>
<div class="course-detail-point">
<h3 class="h3-title">What will I learn?</h3>
<ul>
<li><i class="fa fa-check-circle" aria-hidden="true"></i><p>Suspendisse nunc massa, pellentesque eu nibh eget.</p></li>
<li><i class="fa fa-check-circle" aria-hidden="true"></i><p>Suspendisse nunc massa, pellentesque eu nibh eget.</p></li>
<li><i class="fa fa-check-circle" aria-hidden="true"></i><p>Suspendisse nunc massa, pellentesque eu nibh eget.</p></li>
</ul>
</div>
<div class="course-detail-share">
<h3 class="h3-title">Share:</h3>
<ul>
<li><a href="javascript:void(0);"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
<!--Course Detail Info End-->
<!--Sidebar Start-->
<div class="col-xl-4 col-lg-5">
<div class="course-detail-sidebar">
<div class="get-the-course">
<div class="courses-sidebar-title">
<div class="sidebar-title-line"></div>
<h3 class="h3-title">Get The Course</h3>
</div>
<ul>
<li>
<div class="get-course-icon">
<img src="assets/images/get-the-course-icon-1.png" alt="icon">
</div>
<p>Instructor: <span>Eleanor Fant</span></p>
</li>
<li>
<div class="get-course-icon">
<img src="assets/images/get-the-course-icon-2.png" alt="icon">
</div>
<p>Lectures: <span>14</span></p>
</li>
<li>
<div class="get-course-icon">
<img src="assets/images/get-the-course-icon-3.png" alt="icon">
</div>
<p>Duration: <span>6 Weeks</span></p>
</li>
<li>
<div class="get-course-icon">
<img src="assets/images/get-the-course-icon-4.png" alt="icon">
</div>
<p>Enrolled: <span>20 Students</span></p>
</li>
<li>
<div class="get-course-icon">
<img src="assets/images/get-the-course-icon-5.png" alt="icon">
</div>
<p>Language: <span>English</span></p>
</li>
</ul>
<div class="get-course-line"></div>
<div class="get-course-dropdown">
<select class="form-select" aria-label="Default select example">
<option selected>Choose Option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
</div>
<div class="get-course-price">
<h3 class="h3-title">$50 USD</h3>
<span>$100USD</span>
<p>50% OFF</p>
</div>
<a href="contact-us.html" class="sec-btn">Start Learning Now</a>
</div>
<div class="recent-course-box">
<div class="courses-sidebar-title">
<div class="sidebar-title-line"></div>
<h3 class="h3-title">Related Courses</h3>
</div>
<ul>
<li>
<div class="recent-course-img">
<img src="assets/images/recent-course-img-1.jpg" alt="recent course">
</div>
<div class="recent-course-text">
<a href="course-detail.html"><p>Integer at fermentum sem, nec tincidunt massa.</p></a>
<span>$50</span>
</div>
</li>
<li>
<div class="recent-course-img">
<img src="assets/images/recent-course-img-2.jpg" alt="recent course">
</div>
<div class="recent-course-text">
<a href="course-detail.html"><p>Integer at fermentum sem, nec tincidunt massa.</p></a>
<span>$50</span>
</div>
</li>
<li>
<div class="recent-course-img">
<img src="assets/images/recent-course-img-3.jpg" alt="recent course">
</div>
<div class="recent-course-text">
<a href="course-detail.html"><p>Integer at fermentum sem, nec tincidunt massa.</p></a>
<span>$50</span>
</div>
</li>
<li>
<div class="recent-course-img">
<img src="assets/images/recent-course-img-4.jpg" alt="recent course">
</div>
<div class="recent-course-text">
<a href="course-detail.html"><p>Integer at fermentum sem, nec tincidunt massa.</p></a>
<span>$50</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--Sidebar End-->
</div>
</div>
</section>
<!--Course Detail End-->
<!--Cta Start-->
<section class="main-cta">
<div class="container">
<div class="row align-items-center cta-bg">
<div class="cta-bg-img">
<img src="assets/images/cta-bg-img.png" alt="bg">
</div>
<div class="col-lg-6">
<div class="cta-title">
<h2 class="h2-title">Start Your Best Online Classes With Us</h2>
</div>
</div>
<div class="col-lg-6">
<div class="cta-btn">
<a href="contact-us.html" class="sec-btn">Contact Us</a>
</div>
</div>
</div>
</div>
</section>
<!--Cta End-->
<!--Footer Start-->
<section class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-logo-content">
<a href="index.html"><img src="assets/images/logo-footer.png" alt="Educater"></a>
<p>Duis a tempor magna. Maecenas ligula felis, imperdiet quis arcu eget, blandit ultricies risus. Vivamus fringilla urna vel risus congue accumsan.</p>
<ul>
<li><a href="javascript:void(0);"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-our-link">
<h3 class="h3-title">Our Link</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="blog-list.html">Blog</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-other-link">
<h3 class="h3-title">Other Link</h3>
<ul>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="event-detaill.html">Event</a></li>
<li><a href="about-us.html">Privacy Policy</a></li>
<li><a href="about-us.html">Term & Condition</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-subscribe">
<h3 class="h3-title">Subscribe Now</h3>
<div class="footer-subscribe-form">
<input type="email" name="email" class="form-input subscribe-input" placeholder="Email Address" required="">
<button type="submit" class="sec-btn"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright-bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<span class="copyright-text">Copyright © 2021 <a href="index.html">ShivaayThemes.</a> All rights reserved.</span>
</div>
</div>
</div>
</div>
</section>
<!--Footer End-->
<!-- Scroll To Top Start -->
<a href="#main-banner" class="scroll-top" id="scroll-to-top">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
<!-- Scroll To Top End-->
<!-- Bubbles Animation Start -->
<div class="bubbles_wrap">
<div class="bubble x1"></div>
<div class="bubble x2"></div>
<div class="bubble x3"></div>
<div class="bubble x4"></div>
<div class="bubble x5"></div>
<div class="bubble x6"></div>
<div class="bubble x7"></div>
<div class="bubble x8"></div>
<div class="bubble x9"></div>
<div class="bubble x10"></div>
</div>
<!-- Bubbles Animation End-->
<!-- Jquery JS Link -->
<script src="assets/js/jquery.min.js"></script>
<!-- Bootstrap JS Link -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<!-- Custom JS Link -->
<script src="assets/js/custom.js"></script>
<!-- Slick Slider JS Link -->
<script src="assets/js/slick.min.js"></script>
<!-- Wow Animation JS -->
<script src="assets/js/wow.min.js"></script>
<!--Banner Bg Animation JS-->
<script src="assets/js/bg-moving.js"></script>
</body>
<!-- Mirrored from shivaaythemes.in/educater-html/course-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 12:15:49 GMT -->
</html>
Zerion Mini Shell 1.0