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/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css" href="css/magnific-popup.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 current"> <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 class="current"> <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 class="current"> <a href="course-single-v3.html" class="current">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> <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">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="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> <span>Home</span> <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="current"> <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 class="current"> <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 class="current"> <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 --> <div class="main-content main-course-single-v3"> <!-- section page title --> <section class="section-page-title page-title style-6"> <div class="tf-container"> <div class="row"> <div class="col-lg-8"> <div class="content"> <ul class="breadcrumbs breadcrumbs flex items-center justify-start gap-10 mb-60"> <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">The Complete 2024 Web Development <br> Bootcamp</h2> <p class="except"> Learn: HTML | CSS | JavaScript | Web programming | Web development | Front-end | Responsive | JQuery </p> <ul class="entry-meta"> <li> <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> <p class="total fs-15">315,475 rating</p> </div> </li> <li> <i class="flaticon-book"></i> <p>11 Lessons</p> </li> <li> <i class="flaticon-user"></i> <p>229 Students</p> </li> <li> <i class="flaticon-clock"></i> <p>Last updated 12/2024</p> </li> </ul> <div class="author-item"> <div class="author-item-img"> <img src="images/avatar/review-1.png" alt=""> </div> <div class="text"> <span class="text-1">By </span><a href="#">Theresa Edin</a><span class="text-1"> In </span><a href="">Development</a> </div> </div> </div> </div> </div> </div> </section> <!-- /section page title --> <!--section page inner--> <section class="section-page-course"> <div class="tf-container"> <div class="row"> <div class="col-lg-8"> <div class="course-single-inner"> <div class="page-learn"> <h2 class="learn-head text-22 fw-5 wow fadeInUp" data-wow-delay="0s">What you'll learn</h2> <div class="learn-inner"> <ul class="learn-list"> <li class="item"><i class="flaticon-check"></i>Prepare for Industry Certification Exam </li> <li class="item"><i class="flaticon-check"></i>Hours and Hours of Video Instruction </li> <li class="item"><i class="flaticon-check"></i>Over 25 Engaging Lab Exercises </li> <li class="item"><i class="flaticon-check"></i>Instructor Available by Email or on the Forums </li> <li class="item"><i class="flaticon-check"></i>Comprehensive Coverage of HTML and CSS </li> <li class="item"><i class="flaticon-check"></i>Server Side Development with PHP </li> </ul> <ul class="learn-list"> <li class="item"><i class="flaticon-check"></i>Earn Certification that is Proof of your Competence </li> <li class="item"><i class="flaticon-check"></i>Dozens of Code Examples to Download and Study </li> <li class="item"><i class="flaticon-check"></i>All Lab Solutions </li> <li class="item"><i class="flaticon-check"></i>All Free Tools </li> <li class="item"><i class="flaticon-check"></i>Client Side Programming with Javascript </li> <li class="item"><i class="flaticon-check"></i>Learn Database Development with mySQL </li> </ul> </div> </div> <div class="page-requirement"> <h2 class="text-22 fw-5 wow fadeInUp" data-wow-delay="0s"> Requirements </h2> <ul class="list"> <li class="item">There are no skill prerequisites for this course although it's helpful if you are familiar with operating your the .</li> <li class="item">You can take this course using a Mac, PC or LInux machine.</li> <li class="item">It is recommended that you download the free Komodo text editor.</li> </ul> </div> <div class="page-desc show-more-desc-item"> <h2 class="text-22 fw-5 wow fadeInUp" data-wow-delay="0s">About This Course</h2> <p class="fw-4 fs-15">Lorem ipsum dolor sit amet consectur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam. <br> <br> Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam. </p> <div class="showmore-paragraph"> <p class="fw-4 fs-15">Lorem ipsum dolor sit amet consectur adipisicing elit, sed do eiusmod tempor inc idid unt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exerec tation ullamco laboris nis aliquip commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur enim ipsam. <br> <br> Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam. </p> </div> <div class="more-text"> <p class="btn-show-more-decs fw-5">Show More <i class="icon-arrow-bottom"></i> </p> <p class="btn-hide-decs fw-5 hidden">Hide <i class="icon-arrow-top"></i></p> </div> </div> <div class="page-course-content"> <h2 class="text-22 fw-5 wow fadeInUp" data-wow-delay="0s">Course Content</h2> <div class="tf-accordion-style-3 tf-accordion style-course-single"> <div class="tf-accordion-item"> <div class="tf-accordion-header"> <span class="tf-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="false" aria-controls="collapse11"> Program Information 2023/2024 Edition </span> <div class="sub-header"> <p>3 lectures</p> <p>9 min</p> </div> </div> <div id="collapse11" class="tf-accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="tf-accordion-content"> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> About The Course</a> </li> <li class="sub-list"> <p>01:20</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-document"></i> <a href="lesson.html" class="text"> Tools Introduction</a> </li> <li class="sub-list"> <p>07:50</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"><i class="flaticon-question"></i> <a href="lesson.html" class="text"> Basic Document Structure</a> </li> <li class="sub-list"> <p>06:30</p> <p class="preview">Preview</p> <i class="flaticon-lock"></i> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> HTML5 Foundations Certification Final Project </a> </li> <li class="sub-list"> <p>02:40</p> <i class="flaticon-lock"></i> </li> </ul> </div> </div> </div> <div class="tf-accordion-item"> <div class="tf-accordion-header"> <span class="tf-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12" aria-expanded="false" aria-controls="collapse12"> Certified HTML5 Foundations 2023/2024 </span> <div class="sub-header"> <p>3 lectures</p> <p>9 min</p> </div> </div> <div id="collapse12" class="tf-accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="tf-accordion-content"> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> About The Course</a> </li> <li class="sub-list"> <p>01:20</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-document"></i> <a href="lesson.html" class="text"> Tools Introduction</a> </li> <li class="sub-list"> <p>07:50</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"><i class="flaticon-question"></i> <a href="lesson.html" class="text"> HTML5 Basic Document Structure</a> </li> <li class="sub-list"> <p>06:30</p> <p class="preview">Preview</p> <i class="flaticon-lock"></i> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> HTML5 Foundations Certification Final Project </a> </li> <li class="sub-list"> <p>02:40</p> <i class="flaticon-lock"></i> </li> </ul> </div> </div> </div> <div class="tf-accordion-item"> <div class="tf-accordion-header"> <span class="tf-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13" aria-expanded="false" aria-controls="collapse13"> Your Development Toolbox </span> <div class="sub-header"> <p>3 lectures</p> <p>9 min</p> </div> </div> <div id="collapse13" class="tf-accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="tf-accordion-content"> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> About The Course</a> </li> <li class="sub-list"> <p>01:20</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-document"></i> <a href="lesson.html" class="text"> Tools Introduction</a> </li> <li class="sub-list"> <p>07:50</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"><i class="flaticon-question"></i> <a href="lesson.html" class="text"> HTML5 Basic Document Structure</a> </li> <li class="sub-list"> <p>06:30</p> <p class="preview">Preview</p> <i class="flaticon-lock"></i> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> HTML5 Foundations Certification Final Project </a> </li> <li class="sub-list"> <p>02:40</p> <i class="flaticon-lock"></i> </li> </ul> </div> </div> </div> <div class="tf-accordion-item"> <div class="tf-accordion-header"> <span class="tf-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse14" aria-expanded="false" aria-controls="collapse14"> JavaScript Specialist </span> <div class="sub-header"> <p>3 lectures</p> <p>9 min</p> </div> </div> <div id="collapse14" class="tf-accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="tf-accordion-content"> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> About The Course</a> </li> <li class="sub-list"> <p>01:20</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-document"></i> <a href="lesson.html" class="text"> Tools Introduction</a> </li> <li class="sub-list"> <p>07:50</p> <p class="preview">Preview</p> </li> </ul> <ul class="list"> <li class="icon"><i class="flaticon-question"></i> <a href="lesson.html" class="text"> HTML5 Basic Document Structure</a> </li> <li class="sub-list"> <p>06:30</p> <p class="preview">Preview</p> <i class="flaticon-lock"></i> </li> </ul> <ul class="list"> <li class="icon"> <i class="flaticon-play-1"></i> <a href="lesson.html" class="text"> HTML5 Foundations Certification Final Project </a> </li> <li class="sub-list"> <p>02:40</p> <i class="flaticon-lock"></i> </li> </ul> </div> </div> </div> </div> <a href="#" class="tf-btn">78 More Sections <i class="icon-arrow-top-right"></i></a> </div> <div class="page-instructor"> <h2 class="text-22 fw-5 wow fadeInUp" data-wow-delay="0s">Instructor</h2> <div class="instructors-item style-2"> <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"> <h5 class="entry-title"><a href="#">Theresa Edin</a></h5> <p class="short-description">Professional Web Developer</p> <ul class="entry-meta"> <li> <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">315,475 Reviews</div> </div> </li> <li><i class="flaticon-user"></i>345 Students</li> <li><i class="flaticon-play"></i>34 Course</li> </ul> <p class="description">Lorem ipsum dolor sit amet. Qui incidunt dolores non similique ducimus et debitis molestiae. Et autem quia eum reprehenderit voluptates est reprehenderit illo est enim perferendis est neque sunt. </p> <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> </div> <div class="page-my-course"> <div class="heading-section"> <h6 class="fw-5 text-22 wow fadeInUp" data-wow-delay="0s">More Course By Theresa Edin</h2> </div> <div class="swiper-container swiper-course-single slider-courses-7 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-9ebc38c84274317c" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);"> <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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 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 swiper-slide-next" role="group" aria-label="2 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0.1s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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" role="group" aria-label="3 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0.2s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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" role="group" aria-label="4 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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="#">Java Swing (GUI) Programming: From Beginner to Expert</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" role="group" aria-label="5 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" data-src="images/courses/courses-05.jpg" src="images/courses/courses-05.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="#">Java Swing (GUI) Programming: From Beginner to Expert</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" role="group" aria-label="6 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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" role="group" aria-label="7 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> <div class="review-wrap"> <div class="review-title flex justify-between items-center"> <div class="text-22 fw-5 wow fadeInUp" data-wow-delay="0s">Review</div> <div class="review-rating"> <div class="course-rating"> <i class="icon-star-1"></i> <div class="fs-15">4.9 course rating</div> </div> <div class="rating relative"> <div class="fs-15">4K ratings</div> </div> </div> </div> <div> <div class="review-item"> <div class="avatar"> <img class=" ls-is-cached lazyloaded" data-src="images/avatar/review-1.png" src="images/avatar/review-1.png" alt=""> </div> <div class="comment-box"> <h5 class="author-name"> <a href="">Theresa Edin</a></h5> <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">2 months ago</div> </div> <p class="evaluate">Excellent Course</p> <p class="comment">Lorem ipsum dolor sit amet. Qui incidunt dolores non similique ducimus et debitis molestiae. Et autem quia eum reprehenderit voluptates est reprehenderit illo est enim perferendis est neque sunt. </p> <ul class="reaction"> <li class="btn-like"><i class="icon-like"></i>Helpful</li> <li class="btn-dislike"><i class="icon-dislike"></i>Not helpful</li> </ul> </div> </div> <div class="review-item"> <div class="avatar"> <img class=" ls-is-cached lazyloaded" data-src="images/avatar/review-2.png" src="images/avatar/review-2.png" alt=""> </div> <div class="comment-box"> <h5 class="author-name"> <a href="">Theresa Edin</a></h5> <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">2 months ago</div> </div> <p class="evaluate">Excellent Course</p> <p class="comment">Lorem ipsum dolor sit amet. Qui incidunt dolores non similique ducimus et debitis molestiae. Et autem quia eum reprehenderit voluptates est reprehenderit illo est enim perferendis est neque sunt. </p> <ul class="reaction"> <li class="btn-like"><i class="icon-like"></i>Helpful</li> <li class="btn-dislike"><i class="icon-dislike"></i>Not helpful</li> </ul> </div> </div> </div> <a href="#" class="tf-btn style-third w-100"> View More Reviews <i class="icon-arrow-top-right"></i> </a> </div> <div class="add-review-wrap"> <div class="add-review-title text-22 fw-5">Leave A Reply</div> <p class="fs-15">Your email address will not be published. Required fields are marked *</p> <div class="ratings"> <h6 class="fw-5">Ratings</h6> <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" /> </svg> </div> <form action="#" class="form-add-review"> <div class="cols"> <fieldset class="tf-field"> <input class="tf-input style-1" id="field1" type="text" placeholder="" name="text" tabindex="2" value="" aria-required="true" required=""> <label class="tf-field-label fs-15" for="field1">First Name</label> </fieldset> <fieldset class="tf-field"> <input class="tf-input style-1" id="field2" type="email" placeholder="" name="email" tabindex="2" value="creativelayers088@gmail.com" aria-required="true" required=""> <label class="tf-field-label fs-15" for="field2">Email</label> </fieldset> </div> <div class="cols"> <fieldset class="tf-field"> <input class="tf-input style-1" id="field3" type="number" placeholder="" name="number" tabindex="2" value="" aria-required="true" required=""> <label class="tf-field-label fs-15" for="field3">Phone</label> </fieldset> <fieldset class="tf-field"> <input class="tf-input style-1" id="field4" type="email" placeholder="" name="email" tabindex="2" value="" aria-required="true" required=""> <label class="tf-field-label fs-15" for="field4">Title</label> </fieldset> </div> <fieldset class="tf-field"> <textarea class="tf-input style-1" name="message" rows="4" placeholder="" tabindex="2" aria-required="true" required=""></textarea> <label class="tf-field-label type-textarea fs-15" for="">Textarea</label> </fieldset> <div class="checkbox-item"> <label> <p class="fs-15">Save my name, email, and website in this browser for the next time I comment.</p> <input type="checkbox"> <span class="btn-checkbox"></span> </label> </div> <div class="button-submit"> <button class="tf-btn w-100" type="submit">Post Comment<i class="icon-arrow-top-right"></i></button> </div> </form> </div> </div> </div> <div class="col-lg-4"> <div class="sidebar-course course-single-v3"> <div class="widget-video"> <img class="lazyload" data-src="images/courses/courses-03.jpg" src="images/courses/courses-03.jpg" alt="" /> <a href="https://www.youtube.com/watch?v=MLpWrANjFbI" class="popup-youtube"> <i class="flaticon-play fs-18"></i></a> </div> <div class="sidebar-course-content"> <div class="course-price"> <div class="price"> <h3 class="fw-5">$ 249.00</h3> <h6 class="fs-15">$ 449.00</h6> </div> <p class="sale-off">39% OFF</p> </div> <a class="tf-btn add-to-cart" href="#">Add To Cart<i class="icon-arrow-top-right"></i></a> <a class="tf-btn buy-now" href="#">Buy Now<i class="icon-arrow-top-right"></i></a> <h6 class="course-text"> 30-Day Money-Back Guarantee </h6> <div class="course-list"> <h5 class="fw-5"> This course includes: </h5> <ul class="course-benefit-list"> <li class="course-benefit-item"> <i class="flaticon-play-1"></i> <p> 54.5 hours on-demand video </p> </li> <li class="course-benefit-item"> <i class="flaticon-document"></i> <p>3 articles</p> </li> <li class="course-benefit-item"> <i class="flaticon-down-arrow"></i> <p> 249 downloadable resources </p> </li> <li class="course-benefit-item"> <i class="flaticon-mobile-phone"></i> <p> Access on mobile and TV </p> </li> <li class="course-benefit-item"> <i class="icon-extremely"></i> <p>Full lifetime access</p> </li> <li class="course-benefit-item"> <i class="flaticon-medal"></i> <p> Certificate of completion </p> </li> </ul> </div> </div> <div class="course-social"> <h6 class="fw-5">Share this course</h6> <ul> <li> <a href="#"> <i class="flaticon-facebook-1"></i></a> </li> <li class="course-social-item"> <a href="#"><i class="icon-twitter"></i></a> </li> <li class="course-social-item"> <a href="#"><i class="flaticon-instagram"></i></a> </li> <li class="course-social-item"> <a href="#"><i class="flaticon-linkedin-1"></i></a> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- / section page inner --> <!-- section courses--> <section class="tf-spacing-1 section-course pt-0"> <div class="tf-container"> <div class="row"> <div class="col-12"> <div class="heading-section"> <h2 class="fw-7 font-cardo wow fadeInUp" data-wow-delay="0s">Courses You May Like</h2> <div class="flex items-center justify-between flex-wrap gap-10"> <div class="sub fs-15 wow fadeInUp" data-wow-delay="0s">Lorem ipsum dolor sit amet elit</div> <a href="blog-grid.html" class="tf-btn-arrow wow fadeInUp" data-wow-delay="0.1s">Show More Courses <i class="icon-arrow-top-right"></i></a> </div> </div> <div class="swiper-container slider-courses-5 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-9ebc38c84274317c" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);"> <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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 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="course-single-v1.html">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="course-single-v1.html" 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 swiper-slide-next" role="group" aria-label="2 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0.1s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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="course-single-v1.html">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="course-single-v1.html" 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" role="group" aria-label="3 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0.2s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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="course-single-v1.html">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="course-single-v1.html" 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" role="group" aria-label="4 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0.3s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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="course-single-v1.html">Java Swing (GUI) Programming: From Beginner to Expert</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="course-single-v1.html" 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" role="group" aria-label="5 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small wow fadeInUp" data-wow-delay="0.4s"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" data-src="images/courses/courses-05.jpg" src="images/courses/courses-05.jpg" alt=""> <div class="box-wishlist tf-action-btns"> <i class="flaticon-heart"></i> </div> <div class="box-tags"> <a href="#" class="item featured">Featured</a> </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="course-single-v1.html">Java Swing (GUI) Programming: From Beginner to Expert</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="course-single-v1.html" 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" role="group" aria-label="6 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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="course-single-v1.html">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="course-single-v1.html" 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" role="group" aria-label="7 / 7" style="width: 260px; margin-right: 25px;"> <div class="course-item hover-img title-small"> <div class="features image-wrap"> <img class=" ls-is-cached lazyloaded" 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="course-single-v1.html">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="course-single-v1.html" 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 class="swiper-pagination pagination-slider pagination-courses5 pt-32 swiper-pagination-clickable swiper-pagination-bullets"> <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> <div class="swiper-button-prev btns-style-arrow courses5-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-f92d32152cb8b62f" aria-disabled="true"></div> <div class="swiper-button-next btns-style-arrow courses5-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-f92d32152cb8b62f" aria-disabled="false"> </div> </div> </div> </div> </section> <!-- /section courses--> </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 --> <!-- 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 --> <!-- 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 --> </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/lazysize.min.js"></script> <script type="text/javascript" src="js/rangle-slider.js"></script> <script type="text/javascript" src="js/nouislider.min.js"></script> <script type="text/javascript" src="js/jquery.nice-select.min.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/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>