hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh
bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg
/
home
/
u506006416
/
public_html
/
public_html
/
demo
/
torpedo
/
pages
/
Upload FileeE
HOME
<!DOCTYPE html> <!--[if IE 8]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <!--<![endif]--> <head> <!-- Basic Page Needs --> <meta charset="utf-8" /> <!--[if IE ]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]--> <title>UpSkill - Education Online Courses LMS HTML Template</title> <meta name="author" content="themesflat.com" /> <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <!-- Theme Style --> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="css/animate.min.css" /> <link rel="stylesheet" type="text/css" href="css/mmenu.css" /> <link rel="stylesheet" type="text/css" href="css/magnific-popup.min.css" /> <link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <!-- Font --> <link rel="stylesheet" href="font/fonts.css" /> <!-- Icon --> <link rel="stylesheet" type="text/css" href="icons/flat/flaticon_upskill.css" /> <link rel="stylesheet" type="text/css" href="icons/icomoon/style.css" /> <!-- Favicon and Touch Icons --> <link rel="shortcut icon" href="images/logo/favicon.png" /> <link rel="apple-touch-icon-precomposed" href="images/logo/favicon.png" /> </head> <body> <!-- wrapper --> <div id="wrapper"> <!-- preload --> <div class="preload preload-container"> <div class="middle"></div> </div> <!-- /preload --> <!-- Top Bar --> <div class="tf-top-bar flex items-center justify-center"> <p>Intro price. Get UpSkill for Big Sale -95% off.</p> </div> <!-- /Top Bar --> <!-- header --> <header id="header_main" class="header"> <div class="header-inner"> <div class="header-inner-wrap"> <div class="header-left flex-grow"> <a class="mobile-nav-toggler mobile-button d-lg-none flex" href="#menu"></a> <div id="site-logo"> <a href="index.html" rel="home"> <img id="logo-header" src="images/logo/logo.svg" alt="" /> </a> </div> <div class="header-catalog"> <a href="javascript:void(0);" class="header-text">Categories<i class="icon-arrow-bottom"></i></a> <ul> <li class="item title">COURSE CATEGORIES</li> <li class="has-children"> <a class="item" href="javascript:void(0);">Graphics & Design</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Digital Marketing</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Business</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Music & Audio</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Data</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Video & Animation</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Photography</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Lifestyle</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Writing & Translation</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> <li class="has-children"> <a class="item" href="javascript:void(0);">Programming & Tech</a> <ul class="sub-menu"> <li class="item title">View Top IT Courses</li> <li><a class="item" href="categories.html">Human Resources</a></li> <li><a class="item" href="categories.html">Operations</a></li> <li> <a class="item" href="categories.html">Supply Chain Management</a> </li> <li><a class="item" href="categories.html">Customer Service</a></li> <li><a class="item" href="categories.html">Manufacturing</a></li> <li><a class="item" href="categories.html">Health And Safety</a></li> <li><a class="item" href="categories.html">Quality Management</a></li> <li><a class="item" href="categories.html">E-commerce</a></li> <li><a class="item" href="categories.html">Management</a></li> <li><a class="item" href="categories.html">Sales</a></li> </ul> </li> </ul> </div> <div class="header-search flex-grow"> <form action="#" class="form-search"> <fieldset> <input class="" type="text" placeholder="Search for anything" name="text" tabindex="2" value="" aria-required="true" required="" /> </fieldset> <div class="button-submit"> <button class="" type="submit"> <i class="icon-search fs-20"></i> </button> </div> </form> </div> </div> <div class="header-right"> <nav class="main-menu"> <ul class="navigation"> <li class="has-children "> <a href="javascript:void(0);">Home</a> <ul> <li> <a href="index.html">Home Page 01</a> </li> <li><a href="home-02.html">Home Page 02</a></li> <li><a href="home-03.html">Home Page 03</a></li> <li><a href="home-04.html">Home Page 04</a></li> <li><a href="home-05.html">Home Page 05</a></li> <li><a href="home-06.html">Home Page 06</a></li> <li><a href="home-07.html">Home Page 07</a></li> <li><a href="home-08.html">Home Page 08</a></li> <li><a href="home-09.html">Home Page 09</a></li> <li><a href="home-10.html">Home Page 10</a></li> </ul> </li> <li class="has-children"> <a href="javascript:void(0);">Courses</a> <ul class="mega-menu"> <li class="has-item-children"> <ul> <li class="title">Course List</li> <li> <a href="course-grid-basic.html">Course Grid Basic</a> </li> <li> <a href="course-grid-modern.html">Course Grid Modern</a> </li> <li> <a href="course-grid-left-sidebar.html">Course Grid Left Sidebar</a> </li> <li> <a href="course-grid-right-sidebar.html">Course Grid Right Sidebar</a> </li> <li> <a href="course-list-sidebar.html">Course List Sidebar</a> </li> <li> <a href="all-list-style.html">Course All List Style</a> </li> </ul> </li> <li class="has-item-children"> <ul> <li class="title">Course Single</li> <li> <a href="course-single-v1.html">Course Single 01</a> </li> <li> <a href="course-single-v2.html">Course Single 02</a> </li> <li> <a href="course-single-v3.html">Course Single 03</a> </li> <li> <a href="course-single-v4.html">Course Single 04</a> </li> <li> <a href="course-single-v5.html">Course Single 05</a> </li> </ul> </li> <li class="has-item-children"> <ul> <li class="title">Course Category</li> <li class="current"> <a href="categories.html">Categories</a> </li> <li> <a href="categories.html">Online Business</a> </li> <li> <a href="categories.html">Photography</a> </li> <li> <a href="categories.html">Music & Audio</a> </li> <li> <a href="categories.html">Photography</a> </li> <li> <a href="categories.html">Programming & Tech</a> </li> <li> <a href="categories.html">Graphics & Design</a> </li> </ul> </li> </ul> </li> <li class="has-children"> <a href="javascript:void(0);">Pages</a> <ul> <li><a href="instructor-list.html">Instructor List</a></li> <li><a href="instructor-single.html">Instructor Single</a></li> <li><a href="become-teacher.html">Become a Teacher</a></li> <li><a href="event-list.html">Event List </a></li> <li><a href="event-single.html">Event Single</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="help-center.html">Help Center</a></li> <li><a href="pricing.html">Pricing</a></li> <li><a href="faq.html">Faq</a></li> <li><a href="terms.html">Terms</a></li> <li><a href="404.html">404</a></li> <li><a href="login.html">Login</a></li> <li><a href="register.html">Register</a></li> <li><a href="instructor-dashboard.html">Instructor Dashboard</a></li> <li><a href="student-dashboard.html">Student Dashboard</a></li> <li><a href="ui-elements.html">UI elements</a></li> </ul> </li> <li class="has-children"> <a href="javascript:void(0);">Blog</a> <ul> <li><a href="blog-grid.html">Blog Grid</a></li> <li><a href="blog-list-v1.html">Blog List 01</a></li> <li><a href="blog-list-v2.html">Blog List 02</a></li> <li><a href="blog-single.html">Blog Single</a></li> </ul> </li> <li class="has-children"> <a href="javascript:void(0);">Shop</a> <ul> <li><a href="shop-list.html">Shop List</a></li> <li><a href="shop-single.html">Shop Single</a></li> <li><a href="shop-cart.html">Shop Cart</a></li> <li><a href="shop-checkout.html">Shop Checkout</a></li> <li><a href="shop-order.html">Shop Order</a></li> </ul> </li> </ul> </nav> <a class="d-lg-none flex" href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> <i class="icon-search fs-20"></i> </a> <a href="shop-cart.html" class="header-cart flex items-center justify-center"> <i class="icon-shopcart fs-18"></i> </a> <div class="header-btn flex gap-10"> <div class="header-login"> <a href="login.html" class="tf-button-default header-text">Log In</a> </div> <div class="header-register"> <a href="register.html" class="tf-button-default active header-text">Sign Up</a> </div> <div class="d-lg-none flex"> <a href="login.html" class="fs-15">Join</a> </div> </div> </div> </div> </div> <nav class="d-lg-none" id="menu"> <a class="close" aria-label="Close menu" href="#wrapper"> <i class="flaticon-close-1"></i> </a> <ul> <li> <span>Categories</span> <ul> <li> <span>Graphics & Design</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Digital Marketing</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Business</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Music & Audio</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Data</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Video & Animation</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Photography</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Lifestyle</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Writing & Translation</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> <li> <span>Programming & Tech</span> <ul> <li><a href="categories.html">Human Resources</a></li> <li><a href="categories.html">Operations</a></li> <li> <a href="categories.html">Supply Chain Management</a> </li> <li> <a href="categories.html">Customer Service</a> </li> <li><a href="categories.html">Manufacturing</a></li> <li> <a href="categories.html">Health And Safety</a> </li> <li> <a href="categories.html">Quality Management</a> </li> <li><a href="categories.html">E-commerce</a></li> <li><a href="categories.html">Management</a></li> <li><a href="categories.html">Sales</a></li> </ul> </li> </ul> </li> <li class="current"> <span>Home</span> <ul> <li class="current"> <a href="index.html">Home Page 01</a> </li> <li><a href="home-02.html">Home Page 02</a></li> <li><a href="home-03.html">Home Page 03</a></li> <li><a href="home-04.html">Home Page 04</a></li> <li><a href="home-05.html">Home Page 05</a></li> <li><a href="home-06.html">Home Page 06</a></li> <li><a href="home-07.html">Home Page 07</a></li> <li><a href="home-08.html">Home Page 08</a></li> <li><a href="home-09.html">Home Page 09</a></li> <li><a href="home-10.html">Home Page 10</a></li> </ul> </li> <li> <span>Courses</span> <ul> <li> <span>Course List</span> <ul> <li> <a href="course-list-v1.html">Categories</a> </li> <li> <a href="course-list-v2.html">Course Grid Basic</a> </li> <li> <a href="course-list-v3.html">Course Grid Modern</a> </li> <li> <a href="course-list-v4.html">Course Grid Left Sidebar</a> </li> <li> <a href="course-list-v5.html">Course Grid Right Sidebar</a> </li> <li> <a href="course-list-v6.html">Course List Sidebar</a> </li> <li> <a href="course-list-v7.html">Course All List Style</a> </li> </ul> </li> <li> <span>Course Single</span> <ul> <li> <a href="course-single-v1.html">Course Single 01</a> </li> <li> <a href="course-single-v2.html">Course Single 02</a> </li> <li> <a href="course-single-v3.html">Course Single 03</a> </li> <li> <a href="course-single-v4.html">Course Single 04</a> </li> <li> <a href="course-single-v5.html">Course Single 05</a> </li> </ul> </li> <li> <span>Course Category</span> <ul> <li> <a href="property-single-v1.html">Coaching</a> </li> <li> <a href="property-single-v2.html">Online Business</a> </li> <li> <a href="property-single-v3.html">Photography</a> </li> <li> <a href="property-single-v4.html">Music & Audio</a> </li> <li> <a href="property-single-v5.html">Photography</a> </li> <li> <a href="property-single-v6.html">Programming & Tech</a> </li> <li> <a href="property-single-v7.html">Graphics & Design</a> </li> </ul> </li> </ul> </li> <li> <span>Pages</span> <ul> <li><a href="instructor-list.html">Instructor List</a></li> <li><a href="instructor-single.html">Instructor Single</a></li> <li><a href="become-teacher.html">Becomer a Teacher</a></li> <li><a href="event-list.html">Event List </a></li> <li><a href="event-single.html">Event Single</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="help-center.html">Help Center</a></li> <li><a href="pricing.html">Pricing</a></li> <li><a href="faq.html">Faq</a></li> <li><a href="terms.html">Terms</a></li> <li><a href="404.html">404</a></li> <li><a href="login.html">Login</a></li> <li><a href="register.html">Register</a></li> <li><a href="ui-elements.html">UI elements</a></li> </ul> </li> <li> <span>Blog</span> <ul> <li><a href="blog-grid.html">Blog Grid</a></li> <li> <a href="blog-list-v1.html">Blog List 01</a> </li> <li> <a href="blog-list-v2.html">Blog List 02</a> </li> <li> <a href="blog-single.html">Blog Single</a> </li> </ul> </li> <li><a href="features.html">Features</a></li> </ul> </nav> </header> <!-- /header --> <!-- page-title --> <div class="page-title all-course categories"> <div class="tf-container"> <div class="row"> <div class="col-12"> <div class="content"> <ul class="breadcrumbs flex items-center gap-10"> <li> <a href="index.html" class="flex"><i class="icon-home"></i></a> </li> <li><i class="icon-arrow-right"></i></li> <li>Development</li> <li><i class="icon-arrow-right"></i></li> <li>Web Development</li> </ul> <h2 class="font-cardo fw-7">Web Development Courses</h2> <h6 class="letter-spacing-2">With one of our online web development courses, you can explore different areas of this in-demand field.</h6> </div> </div> </div> </div> </div> <!-- /page-title --> <!-- main-content --> <div class="main-content pt-0"> <!-- Courses --> <section class="section-categories-course"> <div class="tf-container"> <div class="row justify-center"> <div class="col-12"> <div class="heading-section"> <h3 class="fw-5 wow fadeInUp ">Courses to get you started</h3> <div class="sub fs-15 wow fadeInUp ">Explore courses from experienced, real-world experts.</div> </div> <div class="widget-tabs style-small"> <ul class="widget-menu-tab overflow-x-auto"> <li class="item-title active"> Most Popular </li> <li class="item-title"> New <li class="item-title"> Trending </li> </ul> <div class="widget-content-tab"> <div class="widget-content-inner active"> <div class="swiper-container slider-courses-5"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190 wow fadeInUp"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-01.jpg" src="images/courses/courses-01.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Become a Certified Web Developer: HTML, CSS and JavaScript</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190 wow fadeInUp" data-wow-delay="0.1s"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-02.jpg" src="images/courses/courses-02.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Figma Prototyping: A deep dive for UX/UI Designer</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190 wow fadeInUp" data-wow-delay="0.2s"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-03.jpg" src="images/courses/courses-03.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Figma Prototyping: A deep dive for UX/UI Designer</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190 wow fadeInUp" data-wow-delay="0.3s"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-04.jpg" src="images/courses/courses-04.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190 wow fadeInUp" data-wow-delay="0.4s"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-07.jpg" src="images/courses/courses-07.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-07.jpg" src="images/courses/courses-07.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-08.jpg" src="images/courses/courses-08.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Drawing Masterclass: Art, Sketching, Drawing Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> </div> </div> <div class="swiper-button-prev btns-style-arrow courses2-prev"></div> <div class="swiper-button-next btns-style-arrow courses2-next"></div> </div> <div class="widget-content-inner "> <div class="swiper-container slider-courses-5"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-01.jpg" src="images/courses/courses-01.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Become a Certified Web Developer: HTML, CSS and JavaScript</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-02.jpg" src="images/courses/courses-02.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Figma Prototyping: A deep dive for UX/UI Designer</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-03.jpg" src="images/courses/courses-03.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Figma Prototyping: A deep dive for UX/UI Designer</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-04.jpg" src="images/courses/courses-04.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item style-2 has-boxshadow hover-img"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-01.jpg" src="images/courses/courses-01.jpg" alt="" /> <div class="box-tags"> <a href="#" class="item best-seller">Best Seller</a> </div> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Become a Certified Web Developer: HTML, CSS and JavaScript</a> </h6> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-07.jpg" src="images/courses/courses-07.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-08.jpg" src="images/courses/courses-08.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Drawing Masterclass: Art, Sketching, Drawing Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> </div> </div> <div class="swiper-button-prev btns-style-arrow courses2-prev"></div> <div class="swiper-button-next btns-style-arrow courses2-next"></div> </div> <div class="widget-content-inner "> <div class="swiper-container slider-courses-5"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-01.jpg" src="images/courses/courses-01.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Become a Certified Web Developer: HTML, CSS and JavaScript</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-02.jpg" src="images/courses/courses-02.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Figma Prototyping: A deep dive for UX/UI Designer</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-03.jpg" src="images/courses/courses-03.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Figma Prototyping: A deep dive for UX/UI Designer</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-04.jpg" src="images/courses/courses-04.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item style-2 has-boxshadow hover-img"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-01.jpg" src="images/courses/courses-01.jpg" alt="" /> <div class="box-tags"> <a href="#" class="item best-seller">Best Seller</a> </div> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Become a Certified Web Developer: HTML, CSS and JavaScript</a> </h6> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-07.jpg" src="images/courses/courses-07.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Microsoft Excel Weekender Crash Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="course-item hover-img fl-item h190"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-08.jpg" src="images/courses/courses-08.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="meta"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <h6 class="fw-5 line-clamp-2"> <a href="#">Drawing Masterclass: Art, Sketching, Drawing Course</a> </h6> <div class="ratings pb-30"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="bottom"> <div class="h6 price fw-5">$89.29</div> <a href="#" class="tf-btn-arrow"><span class="fw-5 fs-15">Enroll Course</span> <i class="icon-arrow-top-right"></i></a> </div> </div> </div> </div> </div> </div> <div class="swiper-button-prev btns-style-arrow courses2-prev"></div> <div class="swiper-button-next btns-style-arrow courses2-next"></div> </div> </div> </div> </div> </div> </section> <!-- /Courses --> <!-- Courses-topics --> <section class="section-categories-topics"> <div class="tf-container"> <div class="row justify-center"> <div class="col-12"> <div class="heading-section"> <h3 class="fw-5 wow fadeInUp">Popular Topics</h3> <div class="sub fs-15 wow fadeInUp">Explore courses from experienced, real-world experts.</div> </div> <ul class="tags-list style-large"> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0">Design</a></li> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0.1s">UX</a></li> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0.2s">Java</a></li> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0.3s">SEO</a></li> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0.4s">Python</a></li> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0.5s">Digital Media</a> </li> <li><a href="#" class="tags-item wow fadeInUp" data-wow-delay="0.6s">Software Development</a></li> </ul> </div> </div> </div> </section> <!-- /Courses --> <!-- Courses-instructors --> <section class="section-categories-instructors"> <div class="tf-container"> <div class="row justify-center"> <div class="col-12"> <div class="heading-section"> <h3 class="fw-5 wow fadeInUp" data-wow-delay="0">Popular Instructors</h3> <div class="sub fs-15 wow fadeInUp" data-wow-delay="0">These real-world experts are highly rated by learners like you. </div> </div> <div class="wrap-instructor"> <div class="instructors-item wow fadeInUp" data-wow-delay="0"> <div class="image-wrapper"> <img class="lazyload" data-src="images/instructors/instructors-01.jpg" src="images/instructors/instructors-01.jpg" alt=""> </div> <div class="entry-content"> <ul class="entry-meta"> <li><i class="flaticon-user"></i>345 Students</li> <li><i class="flaticon-play"></i>34 Course</li> </ul> <h6 class="entry-title"><a href="#">Theresa Webb</a></h6> <p class="short-description">Professional Web Developer</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> </div> </div> </div> <div class="instructors-item wow fadeInUp" data-wow-delay="0.1s"> <div class="image-wrapper"> <img class="lazyload" data-src="images/instructors/instructors-02.jpg" src="images/instructors/instructors-02.jpg" alt=""> </div> <div class="entry-content"> <ul class="entry-meta"> <li><i class="flaticon-user"></i>345 Students</li> <li><i class="flaticon-play"></i>34 Course</li> </ul> <h6 class="entry-title"><a href="#">Ronald Richards</a></h6> <p class="short-description">Professional Web Developer</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> </div> </div> </div> <div class="instructors-item wow fadeInUp" data-wow-delay="0.2s"> <div class="image-wrapper"> <img class="lazyload" data-src="images/instructors/instructors-03.jpg" src="images/instructors/instructors-03.jpg" alt=""> </div> <div class="entry-content"> <ul class="entry-meta"> <li><i class="flaticon-user"></i>345 Students</li> <li><i class="flaticon-play"></i>34 Course</li> </ul> <h6 class="entry-title"><a href="#">Savannah Nguyen</a></h6> <p class="short-description">Professional Web Developer</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> </div> </div> </div> <div class="instructors-item wow fadeInUp" data-wow-delay="0.3s"> <div class="image-wrapper"> <img class="lazyload" data-src="images/instructors/instructors-04.jpg" src="images/instructors/instructors-04.jpg" alt=""> </div> <div class="entry-content"> <ul class="entry-meta"> <li><i class="flaticon-user"></i>345 Students</li> <li><i class="flaticon-play"></i>34 Course</li> </ul> <h6 class="entry-title"><a href="#">Kristin Watson</a></h6> <p class="short-description">Professional Web Developer</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> </div> </div> </div> </div> </div> </div> </div> </section> <!-- /Courses --> <!-- page-inner --> <div class="page-inner tf-spacing-1 pt-0"> <div class="tf-container"> <div class="tf-mobile-sidebar-btn btn-right" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithMobile" aria-controls="offcanvasWithBackdrop"> <i class="flaticon-setting"></i> </div> <div class="row"> <div class="col-xl-3"> <div class="tf-sidebar course"> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Categories</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content showmore-item"> <li class="checkbox-item fl-item2"> <label> <p>Web Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Software Testing</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(12)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Mobile Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(324)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Web Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item2"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> </ul> <div class="btn-showmore showmore view-more-button"> <span class="title">Show More <i class=" icon icon-arrow-bottom"></i></span> </div> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Rating</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>5</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>4</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>3</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>2</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>1</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Instructor</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content showmore-item2"> <li class="checkbox-item fl-item3"> <label> <p>Kathryn Murphy</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Eleanor Pena</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Theresa Webb</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(135)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Bessie Cooper</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Web Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item3"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> </ul> <div class="btn-showmore2 showmore view-more-button2"> <span class="title">Show More <i class=" icon icon-arrow-bottom"></i></span> </div> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Level</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>Beginner</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>Intermediate</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item"> <label> <p>Expert</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Price</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>Free</p> <input name="input-price" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>Paid</p> <input name="input-price" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Language</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content showmore-item3"> <li class="checkbox-item fl-item4"> <label> <p>English</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>French</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>German</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>Italian</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>Turkish</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>Spain</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>japanese</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-item4"> <label> <p>thailand</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> </ul> <div class="btn-showmore3 showmore view-more-button3"> <span class="title">Show More <i class=" icon icon-arrow-bottom"></i></span> </div> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Video Duration</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>0-1 Hour</p> <input name="input-videoduration" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>1-3 Hours</p> <input name="input-videoduration" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item"> <label> <p>3-6 Hours</p> <input name="input-videoduration" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Features</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>Subtitle</p> <input name="input-features" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>Quizzes</p> <input name="input-features" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item"> <label> <p>Coding Exercises</p> <input name="input-features" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> </ul> </div> </div> </div> <div class="col-xl-9"> <div class="wrap-courses style-left"> <div class="sort-by-wrap mb-30"> <div class="sort-wrap"> <p class="text text-1 flex-grow wow fadeInUp">Showing 1-9 Of 62 Courses</p> <div class="d-flex" data-wow-delay="0.1s"> <p class="text text-2 ps-0 wow fadeInUp">Sort by</p> <div class="nice-select default wow fadeInUp" tabindex="0"> <span class="current text text-1">Best Selling</span> <ul class="list"> <li data-value class="option selected text text-1">Best Selling</li> <li data-value="For Ren" class="option text text-1">Oldest</li> <li data-value="Sold" class="option text text-1">3 days</li> </ul> </div> </div> </div> </div> <div class="flex flex-column "> <div class="wrap-courses last-no-border"> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-01.jpg" src="images/courses/courses-01.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="box-tags"> <a href="#" class="item best-seller">Best Seller</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-02.jpg" src="images/courses/courses-02.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> <div class="box-tags"> <a href="#" class="item featured">Featured</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-03.jpg" src="images/courses/courses-03.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-04.jpg" src="images/courses/courses-04.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-06.jpg" src="images/courses/courses-06.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-07.jpg" src="images/courses/courses-07.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-08.jpg" src="images/courses/courses-08.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> </div> </div> <div class="course-item style-row hover-img h240 wow fadeInUp" data-wow-delay="0"> <div class="features image-wrap"> <img class="lazyload" data-src="images/courses/courses-09.jpg" src="images/courses/courses-09.jpg" alt="" /> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> </div> <div class="content"> <div class="top"> <div class="meta mb-0"> <div class="meta-item"> <i class="flaticon-calendar"></i> <p>11 Lessons</p> </div> <div class="meta-item"> <i class="flaticon-user"></i> <p>229 Students</p> </div> <div class="meta-item"> <i class="flaticon-clock"></i> <p>16 hours</p> </div> </div> <div class="h5 price fw-5">$89.29</div> </div> <h5 class="fw-5 line-clamp-2"> <a href="#">The Complete 2024 Web Development Bootcamp</a> </h5> <p class="short-description">Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, <br> React, PostgreSQL, Web3 and DApps</p> <div class="ratings"> <div class="number">4.9</div> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <div class="total">(230)</div> </div> <div class="author"> By: <a href="#" class="author"> Carolyn Welborn</a> </div> </div> </div> </div> <ul class="wg-pagination justify-center wow fadeInUp" data-wow-delay="0"> <li> <a href="#"><i class="icon-arrow-left"></i></a> </li> <li> <a href="#">1</a> </li> <li class="active"> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li> <a href="#">4</a> </li> <li> <a href="#">...</a> </li> <li> <a href="#">20</a> </li> <li> <a href="#"><i class="icon-arrow-right"></i></a> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- /page-inner --> </div> <!-- /main-content --> <!-- Footer --> <footer id="footer" class="footer has-border-top"> <div class="footer-wrap"> <div class="footer-body"> <div class="tf-container"> <div class="row"> <div class="col-12"> <div class="footer-body-wrap flex justify-between"> <div class="footer-more-infor"> <div class="footer-logo"> <a href="index.html"> <img src="images/logo/logo.svg" alt="" /> </a> </div> <ul class="address"> <li class="flex gap-10 items-center"> <div class="icon"> <i class="flaticon-call"></i> </div> <p>+1 (555) 123-4567</p> </li> <li class="flex gap-10 items-center"> <div class="icon"> <i class="flaticon-mail-1"></i> </div> <p>support@upskill.com</p> </li> <li class="flex gap-10 items-center"> <div class="icon"> <i class="flaticon-location"></i> </div> <p> 58 Howard Street #2 San <br /> Francisco </p> </li> </ul> <ul class="tf-social-icon flex items-center gap-10"> <li> <a href="#"><i class="flaticon-facebook-1"></i></a> </li> <li> <a href="#"><i class="icon-twitter"></i></a> </li> <li> <a href="#"><i class="flaticon-instagram"></i></a> </li> <li> <a href="#"><i class="flaticon-linkedin-1"></i></a> </li> </ul> </div> <div class="footer-menu-list"> <h5 class="fw-5">Company</h5> <ul> <li><a href="about.html">About</a></li> <li><a href="course-grid-basic.html">Courses</a></li> <li><a href="instructor-list.html">Instructor</a></li> <li><a href="event-list.html">Events</a></li> <li><a href="become-teacher.html">Become a teacher</a></li> </ul> </div> <div class="footer-menu-list"> <h5 class="fw-5">Useful Links</h5> <ul> <li><a href="#">Testimonials</a></li> <li><a href="pricing.html">Pricing</a></li> <li><a href="faq.html">FAQs</a></li> <li><a href="help-center.html">Help Center</a></li> <li><a href="terms.html">Terms</a></li> <li><a href="#">Sitemap</a></li> <li><a href="#">Privacy</a></li> </ul> </div> <div class="footer-menu-list"> <h5 class="fw-5">Popular Categories</h5> <ul> <li><a href="categories.html">Design</a></li> <li><a href="categories.html">Development</a></li> <li><a href="categories.html">Marketing</a></li> <li><a href="categories.html">Personal Development</a></li> <li><a href="categories.html">Business</a></li> <li><a href="categories.html">IT and Software</a></li> <li><a href="categories.html">Photography</a></li> <li><a href="categories.html">Music</a></li> </ul> </div> <div class="footer-subscribe"> <h5 class="fw-5">Subscribe</h5> <p> 2000+ Our students are subscribe Around the World. Don’t be shy introduce yourself! </p> <form class="form-subscribe style-line-bottom"> <fieldset class="email"> <input type="email" placeholder="Your e-mail" class="style-default" name="email" tabindex="2" value="" aria-required="true" required="" /> </fieldset> <div class="button-submit"> <button class="tf-btn-arrow" type="submit"> Send <i class="icon-arrow-top-right"></i> </button> </div> </form> <h5 class="fw-5 get-app">Get the app</h5> <ul class="tf-app-download"> <li> <a href="#"> <div class="icon"> <i class="icon-apple"></i> </div> <div class="app"> <div>Download on the</div> <div>Apple Store</div> </div> </a> </li> <li> <a href="#"> <div class="icon"> <i class="icon-chplay"></i> </div> <div class="app"> <div>Get in on</div> <div>Google Play</div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="tf-container"> <div class="row"> <div class="col-12"> <div class="footer-bottom-wrap flex justify-center items-center"> <p>© 2024 UpSkill. All Rights Reserved</p> </div> </div> </div> </div> </div> </div> </footer> <!-- /Footer --> <!-- open-search --> <div class="offcanvas offcanvas-top offcanvas-search" id="canvasSearch"> <i class="flaticon-close-1 btn-close" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></i> <div class="tf-container"> <div class="row"> <div class="col-12"> <div class="offcanvas-body"> <form action="#" class="form-search-courses"> <div class="icon"> <i class="icon-keyboard"></i> </div> <fieldset> <input class="" type="text" placeholder="Search for anything" name="text" tabindex="2" value="" aria-required="true" required=""> </fieldset> <div class="button-submit"> <button class="" type="submit"> <i class="icon-search fs-20"></i> </button> </div> </form> </div> </div> </div> </div> </div> <!-- /open-search --> <!-- open-filter --> <div class="tf-sidebar filter offcanvas offcanvas-start " tabindex="-2" id="offcanvasWithMobile" aria-labelledby="offcanvasWithBackdropLabel"> <div class="widget heading-title "> <h5>All Filter</h5> <i class="flaticon-close-1 btn-close" type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></i> </div> <div class="offcanvas-body overflow-y-auto "> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Categories</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content showmore-item4"> <li class="checkbox-item fl-filter-item5"> <label> <p>Web Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Software Testing</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(12)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Mobile Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(324)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Web Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item5"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> </ul> <div class="btn-showmore4 showmore view-more-button4"> <span class="title">Show More <i class=" icon icon-arrow-bottom"></i></span> </div> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Rating</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>(5)</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>(4)</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>(3)</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>(2)</span> </li> <li class="checkbox-item"> <label> <div class="ratings"> <i class="icon-star-1"></i> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z" stroke="#131836"></path> </svg> </div> <input name="input-ratings" type="radio"> <span class="btn-radio"></span> </label> <span>(1)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Instructor</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content showmore-item5"> <li class="checkbox-item fl-filter-item6"> <label> <p>Kathryn Murphy</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Eleanor Pena</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Theresa Webb</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(135)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Bessie Cooper</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Web Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Game Development</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item6"> <label> <p>Software Engineering</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> </ul> <div class="btn-showmore5 showmore view-more-button5"> <span class="title">Show More <i class=" icon icon-arrow-bottom"></i></span> </div> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Level</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>Beginner</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>Intermediate</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item"> <label> <p>Expert</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Price</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>Free</p> <input name="input-price" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>Paid</p> <input name="input-price" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Language</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content showmore-item6"> <li class="checkbox-item fl-filter-item7"> <label> <p>English</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>French</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>German</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>Italian</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>Turkish</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(163)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>Spain</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>japanese</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(432)</span> </li> <li class="checkbox-item fl-filter-item7"> <label> <p>thailand</p> <input name="input-level" type="radio"> <span class="btn-checkbox"></span> </label> <span>(87)</span> </li> </ul> <div class="btn-showmore6 showmore view-more-button6"> <span class="title">Show More <i class=" icon icon-arrow-bottom"></i></span> </div> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Video Duration</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>0-1 Hour</p> <input name="input-videoduration" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>1-3 Hours</p> <input name="input-videoduration" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item"> <label> <p>3-6 Hours</p> <input name="input-videoduration" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> </ul> </div> <div class="sidebar-item widget wg-categorie tf-collapse-item"> <div class="sidebar-title tf-collapse-title"> <h5 class="fw-5">Features</h5> <i class="tf-collapse-icon icon-arrow-top"></i> </div> <ul class="tf-collapse-content"> <li class="checkbox-item"> <label> <p>Subtitle</p> <input name="input-features" type="radio"> <span class="btn-checkbox"></span> </label> <span>(178)</span> </li> <li class="checkbox-item"> <label> <p>Quizzes</p> <input name="input-features" type="radio"> <span class="btn-checkbox"></span> </label> <span>(89)</span> </li> <li class="checkbox-item"> <label> <p>Coding Exercises</p> <input name="input-features" type="radio"> <span class="btn-checkbox"></span> </label> <span>(58)</span> </li> </ul> </div> </div> </div> <!-- ./open-filter --> <!-- go top button --> <div class="progress-wrap active-progress"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 286.138;"> </path> </svg> </div> <!-- /go top button --> </div> <!-- /wrapper --> <!-- Javascript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/mmenu.js"></script> <script type="text/javascript" src="js/swiper-bundle.min.js"></script> <script type="text/javascript" src="js/swiper.js"></script> <script type="text/javascript" src="js/countto.js"></script> <script type="text/javascript" src="js/magnific-popup.min.js"></script> <script type="text/javascript" src="js/lazysize.min.js"></script> <script type="text/javascript" src="js/jquery.nice-select.min.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript" src="js/main.js"></script> <script> new Mmenu(document.querySelector("#menu")); </script> <!-- /Javascript --> </body> </html>