ok
Direktori : /proc/thread-self/root/home2/selectio/public_html/caliberembedded.com/ |
Current File : //proc/thread-self/root/home2/selectio/public_html/caliberembedded.com/course-detail.html |
<!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>