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 "> <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> <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 current"> <a href="javascript:void(0);">Pages</a> <ul> <li><a href="instructor-list.html">Instructor List</a></li> <li class="current"><a class="current" 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> <span>Courses</span> <ul> <li> <span>Course List</span> <ul> <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> <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="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="current"> <span>Pages</span> <ul> <li><a href="instructor-list.html">Instructor List</a></li> <li class="current"><a class="current" 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> <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> <span>Shop</span> <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> </header> <!-- /header --> <!-- page title --> <div class="instructor-page-title page-title style-5 "> <div class="tf-container"> <div class="row"> <div class="col-lg-8 "> <div class="content"> <ul class="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>Pages</li> <li><i class="icon-arrow-right"></i></li> <li>Instructor</li> </ul> <h2 class="font-cardo fw-7">Hi, I Am Ali Tufan</h2> <p class="except"> Developer and Teacher </p> <ul class="entry-meta mb-30"> <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 fs-16"></i> <p class="fs-15">11 Lessons</p> </li> <li><i class="flaticon-user fs-18"></i> <p class="fs-15">200 Students</p> </li> </ul> </div> </div> </div> </div> </div> <!-- /page title --> <!-- page inner --> <section class="section-page-instructor-single"> <div class="tf-container"> <div class="row"> <div class="col-lg-8"> <div class="instructor-single-inner"> <div class="instructor-about"> <h2 class="text-22 fw-5 wow fadeInUp" data-wow-delay="0s">About Me</h2> <p class="text-1 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. </p> <p class="text-2 fs-15">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="instructor-my-course"> <h2 class="text-22 font-outfit fw-5 wow fadeInUp" data-wow-delay="0s">My courses (29) </h2> <div class="my-course"> <div class="swiper-container slider-courses-3 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: 280.667px; margin-right: 29px;"> <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: 280.667px; margin-right: 29px;"> <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: 280.667px; margin-right: 29px;"> <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: 280.667px; margin-right: 29px;"> <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: 280.667px; margin-right: 29px;"> <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: 280.667px; margin-right: 29px;"> <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: 280.667px; margin-right: 29px;"> <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> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> </div> <div class="instructor-review-wrap 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 wow fadeInUp" data-wow-delay="0.1s"> <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="image"> <img src="images/avatar/review-1.png" alt=""> </div> <div class="content"> <h5 class="fw-5"> <a href="#">Theresa Edin</a> </h5> <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>2 months ago</div> </div> <div class="text fs-15 fw-5">Excellent Course</div> <div class="fs-15">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.</div> <div class="helpful-wrap"> <div class="flex gap-10 items-center"> <i class="icon-like"></i> <div>Helpful</div> </div> <div class="flex gap-10 items-center"> <i class="icon-dislike"></i> <div>Not helpful</div> </div> </div> </div> </div> <div class="review-item"> <div class="image"> <img src="images/avatar/review-2.png" alt=""> </div> <div class="content"> <h5 class="fw-5"> <a href="#">Carolyn Welbron</a> </h5> <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>2 months ago</div> </div> <div class="text fs-15 fw-5">Excellent Course</div> <div class="fs-15">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.</div> <div class="helpful-wrap"> <div class="flex gap-10 items-center"> <i class="icon-like"></i> <div>Helpful</div> </div> <div class="flex gap-10 items-center"> <i class="icon-dislike"></i> <div>Not helpful</div> </div> </div> </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="instructor-add-review 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"></path> </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-instructor"> <div class="instructor-img"> <img class=" ls-is-cached lazyloaded" data-src="images/instructors/instructors-03.jpg" src="images/instructors/instructors-03.jpg" alt=""> </div> <div class="sidebar-instructor-content"> <h5 class="fw-5">Contact Me</h5> <ul> <li> <i class="flaticon-location"></i> <a class="fs-15" href="#">PO Box 16122 Collins Street West Victoria</a> </li> <li class="item-contact"> <i class="flaticon-mail-1"></i> <a href="mailto:info@upskill.com">info@upskill.com</a> </li> <li class="item-contact"> <i class="flaticon-call"></i> <a href="tel:+890762205">+89 (619) 076-2205</a> </li> <li class="item-contact"> <i class="flaticon-programming"></i> <a href="#">www.alitfn.com</a> </li> </ul> </div> <div class="instructor-social"> <h6 class="fw-5">Flow me</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> <!-- /page inner --> <!-- 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 --> <!-- 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/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>