Mini Shell
Mini Shell
| Direktori : /proc/thread-self/root/home2/selectio/www/lilyexpresslive/new/html/ |
| Current File : //proc/thread-self/root/home2/selectio/www/lilyexpresslive/new/html/course-single.html |
<!DOCTYPE html>
<html lang="zxx">
<!-- Mirrored from keenitsolutions.com/products/html/educavo/course-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 10 Jun 2022 06:59:25 GMT -->
<head>
<!-- meta tag -->
<meta charset="utf-8">
<title>Educavo - Education HTML Template</title>
<meta name="description" content="">
<!-- responsive tag -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon -->
<link rel="apple-touch-icon" href="apple-touch-icon.html">
<link rel="shortcut icon" type="image/x-icon" href="assets/images/fav-orange.png">
<!-- Bootstrap v4.4.1 css -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- font-awesome css -->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<!-- off canvas css -->
<link rel="stylesheet" type="text/css" href="assets/css/off-canvas.css">
<!-- linea-font css -->
<link rel="stylesheet" type="text/css" href="assets/fonts/linea-fonts.css">
<!-- flaticon css -->
<link rel="stylesheet" type="text/css" href="assets/fonts/flaticon.css">
<!-- magnific popup css -->
<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">
<!-- Main Menu css -->
<link rel="stylesheet" href="assets/css/rsmenu-main.css">
<!-- spacing css -->
<link rel="stylesheet" type="text/css" href="assets/css/rs-spacing.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="style.css"> <!-- This stylesheet dynamically changed from style.less -->
<!-- responsive css -->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="defult-home">
<!--Preloader area start here-->
<div id="loader" class="loader orange-color">
<div class="loader-container">
<div class='loader-icon'>
<img src="assets/images/pre-logo1.png" alt="">
</div>
</div>
</div>
<!--Preloader area End here-->
<!--Full width header Start-->
<div class="full-width-header header-style1 home8-style4">
<!--Header Start-->
<header id="rs-header" class="rs-header">
<!-- Topbar Area Start -->
<div class="topbar-area home8-topbar">
<div class="container">
<div class="row y-middle">
<div class="col-md-7">
<ul class="topbar-contact">
<li>
<i class="flaticon-email"></i>
<a href="mailto:support@rstheme.com">support@rstheme.com</a>
</li>
<li>
<i class="flaticon-location"></i>
374 William S Canning Blvd, MA 2721, USA
</li>
</ul>
</div>
<div class="col-md-5 text-right">
<ul class="topbar-right">
<li class="login-register">
<i class="fa fa-sign-in"></i>
<a href="login.html">Login</a>/<a href="register.html">Register</a>
</li>
<li class="btn-part">
<a class="apply-btn" href="#">Apply Now</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Topbar Area End -->
<!-- Menu Start -->
<div class="menu-area menu-sticky">
<div class="container">
<div class="row y-middle">
<div class="col-lg-2">
<div class="logo-cat-wrap">
<div class="logo-part">
<a href="index.html">
<img src="assets/images/dark-logo.png" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-8 text-right">
<div class="rs-menu-area">
<div class="main-menu">
<div class="mobile-menu">
<a class="rs-menu-toggle">
<i class="fa fa-bars"></i>
</a>
</div>
<nav class="rs-menu">
<ul class="nav-menu">
<li class="rs-mega-menu mega-rs menu-item-has-children"> <a href="index.html">Home</a>
<ul class="mega-menu">
<li class="mega-menu-container">
<div class="mega-menu-innner">
<div class="single-megamenu">
<ul class="sub-menu">
<li><a href="index.html">Main Demo</a> </li>
<li><a href="index2.html">Online Course</a> </li>
<li><a href="index3.html">University 01</a> </li>
<li><a href="index4.html">E-Learning</a> </li>
<li><a href="index5.html">Distance Learning</a> </li>
</ul>
</div>
<div class="single-megamenu">
<ul class="sub-menu last-sub-menu">
<li><a href="index6.html">Personal Demo</a> </li>
<li><a href="index7.html">Online Training</a> </li>
<li><a href="index8.html">Online Learning</a> </li>
<li><a href="index9.html">Kitchen Coach</a> </li>
<li><a href="index10.html">University 02</a> </li>
</ul>
</div>
<div class="single-megamenu">
<ul class="sub-menu last-sub-menu">
<li><a href="index11.html">Kindergarten 01</a> </li>
<li><a href="index12.html">Freelancing Course</a> </li>
<li><a href="index13.html">Gym Coach</a> </li>
<li><a href="index14.html">Courses Archive</a> </li>
<li><a href="index15.html">Courses Hub</a> </li>
</ul>
</div>
</div>
</li>
</ul> <!-- //.mega-menu -->
</li>
<li class="menu-item-has-children">
<a href="#">About</a>
<ul class="sub-menu">
<li><a href="about.html">About One</a> </li>
<li><a href="about2.html">About Two</a> </li>
</ul>
</li>
<li class="menu-item-has-children current-menu-item">
<a href="#">Courses</a>
<ul class="sub-menu">
<li><a href="course.html">Courses One</a> </li>
<li><a href="course2.html">Courses Two</a> </li>
<li><a href="course3.html">Courses Three</a> </li>
<li><a href="course4.html">Courses Four</a>
</li>
<li><a href="course5.html">Courses Five</a> </li>
<li><a href="course6.html">Courses Six</a> </li>
<li class="active"><a href="course-single.html">Courses Single</a> </li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Team</a>
<ul class="sub-menu">
<li><a href="team.html">Team One</a></li>
<li><a href="team2.html">Team Two</a></li>
<li><a href="team-single.html">Team Single</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Event</a>
<ul class="sub-menu">
<li><a href="events-style1.html">Event One</a></li>
<li><a href="events-style2.html">Event Two</a></li>
<li><a href="events-style3.html">Event Three</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Gallery</a>
<ul class="sub-menu">
<li><a href="gallery-style1.html">Gallery One</a></li>
<li><a href="gallery-style2.html">Gallery Two</a></li>
<li><a href="gallery-style3.html">Gallery Three</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Others</a>
<ul class="sub-menu">
<li><a href="faq.html">FAQ</a></li>
<li><a href="error.html">404 Page</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li class="menu-item-has-children">
<a href="#">Blog Sidebar</a>
<ul class="sub-menu">
<li><a href="blog-left.html">Blog Left Sidebar</a></li>
<li><a href="blog-right.html">Blog Right Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Single Post</a>
<ul class="sub-menu">
<li><a href="blog-post-left.html">Post Left Sidebar</a></li>
<li><a href="blog-post-right.html">Post Right Sidebar</a></li>
<li><a href="blog-single.html">Full Width Post</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Contact</a>
<ul class="sub-menu">
<li><a href="contact.html">Contact One</a> </li>
<li><a href="contact2.html">Contact Two</a> </li>
<li><a href="contact3.html">Contact Three</a> </li>
<li><a href="contact4.html">Contact Four</a> </li>
</ul>
</li>
</ul> <!-- //.nav-menu -->
</nav>
</div> <!-- //.main-menu -->
</div>
</div>
<div class="col-lg-2 text-right">
<div class="expand-btn-inner">
<ul>
<li>
<a class="hidden-xs rs-search" data-target=".search-modal" data-toggle="modal" href="#">
<i class="flaticon-search"></i>
</a>
</li>
<li class="icon-bar cart-inner no-border mini-cart-active">
<a class="cart-icon">
<!-- <span class="cart-count">2</span> -->
<i class="fa fa-shopping-bag"></i>
</a>
<div class="woocommerce-mini-cart text-left">
<div class="cart-bottom-part">
<ul class="cart-icon-product-list">
<li class="display-flex">
<div class="icon-cart">
<a href="#"><i class="fa fa-times"></i></a>
</div>
<div class="product-info">
<a href="cart.html">Law Book</a><br>
<span class="quantity">1 × $30.00</span>
</div>
<div class="product-image">
<a href="cart.html"><img src="assets/images/shop/1.jpg" alt="Product Image"></a>
</div>
</li>
<li class="display-flex">
<div class="icon-cart">
<a href="#"><i class="fa fa-times"></i></a>
</div>
<div class="product-info">
<a href="cart.html">Spirit Level</a><br>
<span class="quantity">1 × $30.00</span>
</div>
<div class="product-image">
<a href="cart.html"><img src="assets/images/shop/2.jpg" alt="Product Image"></a>
</div>
</li>
</ul>
<div class="total-price text-center">
<span class="subtotal">Subtotal:</span>
<span class="current-price">$85.00</span>
</div>
<div class="cart-btn text-center">
<a class="crt-btn btn1" href="cart.html">View Cart</a>
<a class="crt-btn btn2" href="checkout.html">Check Out</a>
</div>
</div>
</div>
</li>
</ul>
<a id="nav-expander" class="nav-expander style2">
<span class="dot1"></span>
<span class="dot2"></span>
<span class="dot3"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Menu End -->
<!-- Canvas Menu start -->
<nav class="right_menu_togle hidden-md">
<div class="close-btn">
<div id="nav-close">
<div class="line">
<span class="line1"></span><span class="line2"></span>
</div>
</div>
</div>
<div class="canvas-logo">
<a href="index.html"><img src="assets/images/dark-logo.png" alt="logo"></a>
</div>
<div class="offcanvas-text">
<p>We denounce with righteous indige nationality and dislike men who are so beguiled and demo by the charms of pleasure of the moment data com so blinded by desire.</p>
</div>
<div class="offcanvas-gallery">
<div class="gallery-img">
<a class="image-popup" href="assets/images/gallery/1.jpg"><img src="assets/images/gallery/1.jpg" alt=""></a>
</div>
<div class="gallery-img">
<a class="image-popup" href="assets/images/gallery/2.jpg"><img src="assets/images/gallery/2.jpg" alt=""></a>
</div>
<div class="gallery-img">
<a class="image-popup" href="assets/images/gallery/3.jpg"><img src="assets/images/gallery/3.jpg" alt=""></a>
</div>
<div class="gallery-img">
<a class="image-popup" href="assets/images/gallery/4.jpg"><img src="assets/images/gallery/4.jpg" alt=""></a>
</div>
<div class="gallery-img">
<a class="image-popup" href="assets/images/gallery/5.jpg"><img src="assets/images/gallery/5.jpg" alt=""></a>
</div>
<div class="gallery-img">
<a class="image-popup" href="assets/images/gallery/6.jpg"><img src="assets/images/gallery/6.jpg" alt=""></a>
</div>
</div>
<div class="map-img">
<img src="assets/images/map.jpg" alt="">
</div>
<div class="canvas-contact">
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</nav>
<!-- Canvas Menu end -->
</header>
<!--Header End-->
</div>
<!--Full width header End-->
<!-- Main content Start -->
<div class="main-content">
<!-- Breadcrumbs Start -->
<div class="rs-breadcrumbs breadcrumbs-overlay">
<div class="breadcrumbs-img">
<img src="assets/images/breadcrumbs/2.jpg" alt="Breadcrumbs Image">
</div>
<div class="breadcrumbs-text white-color">
<h1 class="page-title">Learn User Interface and User Experience</h1>
<ul>
<li>
<a class="active" href="index.html">Home</a>
</li>
<li>Course Details</li>
</ul>
</div>
</div>
<!-- Breadcrumbs End -->
<!-- Intro Courses -->
<section class="intro-section gray-bg pt-94 pb-100 md-pt-64 md-pb-70">
<div class="container">
<div class="row clearfix">
<!-- Content Column -->
<div class="col-lg-8 md-mb-50">
<!-- Intro Info Tabs-->
<div class="intro-info-tabs">
<ul class="nav nav-tabs intro-tabs tabs-box" id="myTab" role="tablist">
<li class="nav-item tab-btns">
<a class="nav-link tab-btn active" id="prod-overview-tab" data-toggle="tab" href="#prod-overview" role="tab" aria-controls="prod-overview" aria-selected="true">Overview</a>
</li>
<li class="nav-item tab-btns">
<a class="nav-link tab-btn" id="prod-curriculum-tab" data-toggle="tab" href="#prod-curriculum" role="tab" aria-controls="prod-curriculum" aria-selected="false">Curriculum</a>
</li>
<li class="nav-item tab-btns">
<a class="nav-link tab-btn" id="prod-instructor-tab" data-toggle="tab" href="#prod-instructor" role="tab" aria-controls="prod-instructor" aria-selected="false">Instructor</a>
</li>
<li class="nav-item tab-btns">
<a class="nav-link tab-btn" id="prod-faq-tab" data-toggle="tab" href="#prod-faq" role="tab" aria-controls="prod-faq" aria-selected="false">Faq</a>
</li>
<li class="nav-item tab-btns">
<a class="nav-link tab-btn" id="prod-reviews-tab" data-toggle="tab" href="#prod-reviews" role="tab" aria-controls="prod-reviews" aria-selected="false">Reviews</a>
</li>
</ul>
<div class="tab-content tabs-content" id="myTabContent">
<div class="tab-pane tab fade show active" id="prod-overview" role="tabpanel" aria-labelledby="prod-overview-tab">
<div class="content white-bg pt-30">
<!-- Cource Overview -->
<div class="course-overview">
<div class="inner-box">
<h4>Educavo Course Details</h4>
<p>Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus. Sed consequat justo non mauris pretium at tempor justo sodales. Quisque tincidunt laoreet malesuada. Cum sociis natoque penatibus.</p>
<p>Eleifend euismod pellentesque vel Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus. Sed consequat justo non mauris pretium at tempor justo sodales. Quisque tincidunt laoreet malesuada. Cum sociis natoque penatibus.</p>
<ul class="student-list">
<li>23,564 Total Students</li>
<li><span class="theme_color">4.5</span> <span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span> (1254 Rating)</li>
<li>256 Reviews</li>
</ul>
<h3>What you’ll learn?</h3>
<ul class="review-list">
<li>Phasellus enim magna, varius et commodo ut.</li>
<li>Sed consequat justo non mauris pretium at tempor justo.</li>
<li>Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo</li>
<li>Phasellus enim magna, varius et commodo ut.</li>
<li>Phasellus enim magna, varius et commodo ut.</li>
<li>Sed consequat justo non mauris pretium at tempor justo.</li>
<li>Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo</li>
<li>Phasellus enim magna, varius et commodo ut.</li>
</ul>
<h3>Requirements</h3>
<ul class="review-list">
<li>Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo</li>
<li>Ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel.</li>
<li>Phasellus enim magna, varius et commodo ut.</li>
<li>Varius et commodo ut, ultricies vitae velit. Ut nulla tellus.</li>
<li>Phasellus enim magna, varius et commodo ut.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="prod-curriculum" role="tabpanel" aria-labelledby="prod-curriculum-tab">
<div class="content">
<div id="accordion" class="accordion-box">
<div class="card accordion block">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link acc-btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">UI/ UX Introduction</button>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body acc-content current">
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a class="popup-videos play-icon" href="https://www.youtube.com/watch?v=atMUy_bPoQI"><i class="fa fa-play"></i>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"><i class="ripple"></i></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card accordion block">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link acc-btn collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Color Theory</button>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body acc-content">
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"><i class="ripple"></i></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card accordion block">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link acc-btn collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Basic Typography</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body acc-content">
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"><i class="ripple"></i></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="prod-instructor" role="tabpanel" aria-labelledby="prod-instructor-tab">
<div class="content pt-30 pb-30 pl-30 pr-30 white-bg">
<h3 class="instructor-title">Instructors</h3>
<div class="row rs-team style1 orange-color transparent-bg clearfix">
<div class="col-lg-6 col-md-6 col-sm-12 sm-mb-30">
<div class="team-item">
<img src="assets/images/team/1.jpg" alt="">
<div class="content-part">
<h4 class="name"><a href="#">Jhon Pedrocas</a></h4>
<span class="designation">Professor</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="team-item">
<img src="assets/images/team/2.jpg" alt="">
<div class="content-part">
<h4 class="name"><a href="#">Jhon Pedrocas</a></h4>
<span class="designation">Professor</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="prod-faq" role="tabpanel" aria-labelledby="prod-faq-tab">
<div class="content">
<div id="accordion3" class="accordion-box">
<div class="card accordion block">
<div class="card-header" id="headingSeven">
<h5 class="mb-0">
<button class="btn btn-link acc-btn" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven">UI/ UX Introduction</button>
</h5>
</div>
<div id="collapseSeven" class="collapse show" aria-labelledby="headingSeven" data-parent="#accordion3">
<div class="card-body acc-content current">
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a class="popup-videos play-icon" href="https://www.youtube.com/watch?v=atMUy_bPoQI"><i class="fa fa-play"></i>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"><i class="ripple"></i></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card accordion block">
<div class="card-header" id="headingEight">
<h5 class="mb-0">
<button class="btn btn-link acc-btn collapsed" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">Color Theory</button>
</h5>
</div>
<div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion3">
<div class="card-body acc-content">
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"><i class="ripple"></i></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card accordion block">
<div class="card-header" id="headingNine">
<h5 class="mb-0">
<button class="btn btn-link acc-btn collapsed" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">Basic Typography</button>
</h5>
</div>
<div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordion3">
<div class="card-body acc-content">
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"><i class="ripple"></i></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
<div class="content">
<div class="clearfix">
<div class="pull-left">
<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="popup-videos play-icon"><span class="fa fa-play"></span>What is UI/ UX Design?</a>
</div>
<div class="pull-right">
<div class="minutes">35 Minutes</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="prod-reviews" role="tabpanel" aria-labelledby="prod-reviews-tab">
<div class="content pt-30 pb-30 white-bg">
<div class="cource-review-box mb-30">
<h4>Stephane Smith</h4>
<div class="rating">
<span class="total-rating">4.5</span> <span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span>  256 Reviews
</div>
<div class="text">Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.</div>
<div class="helpful">Was this review helpful?</div>
<ul class="like-option">
<li><i class="fa fa-thumbs-o-up"></i></li>
<li><i class="fa fa-thumbs-o-down"></i></li>
<li><a class="report" href="#">Report</a></li>
</ul>
</div>
<div class="cource-review-box mb-30">
<h4>Anna Sthesia</h4>
<div class="rating">
<span class="total-rating">4.5</span> <span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span>  256 Reviews
</div>
<div class="text">Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.</div>
<div class="helpful">Was this review helpful?</div>
<ul class="like-option">
<li><i class="fa fa-thumbs-o-up"></i></li>
<li><i class="fa fa-thumbs-o-down"></i></li>
<li><a class="report" href="#">Report</a></li>
</ul>
</div>
<div class="cource-review-box mb-30">
<h4>Petey Cruiser</h4>
<div class="rating">
<span class="total-rating">4.5</span> <span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span>  256 Reviews
</div>
<div class="text">Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.</div>
<div class="helpful">Was this review helpful?</div>
<ul class="like-option">
<li><i class="fa fa-thumbs-o-up"></i></li>
<li><i class="fa fa-thumbs-o-down"></i></li>
<li><a class="report" href="#">Report</a></li>
</ul>
</div>
<div class="cource-review-box">
<h4>Rick O'Shea</h4>
<div class="rating">
<span class="total-rating">4.5</span> <span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span>  256 Reviews
</div>
<div class="text">Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.</div>
<div class="helpful">Was this review helpful?</div>
<ul class="like-option">
<li><i class="fa fa-thumbs-o-up"></i></li>
<li><i class="fa fa-thumbs-o-down"></i></li>
<li><a class="report" href="#">Report</a></li>
</ul>
<a href="#" class="more">View More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Video Column -->
<div class="video-column col-lg-4">
<div class="inner-column">
<!-- Video Box -->
<div class="intro-video media-icon orange-color2">
<img class="video-img" src="assets/images/about/about-video-bg2.png" alt="Video Image">
<a class="popup-videos" href="https://www.youtube.com/watch?v=atMUy_bPoQI">
<i class="fa fa-play"></i>
</a>
<h4>Preview this course</h4>
</div>
<!-- End Video Box -->
<div class="course-features-info">
<ul>
<li class="lectures-feature">
<i class="fa fa-files-o"></i>
<span class="label">Lectures</span>
<span class="value">3</span>
</li>
<li class="quizzes-feature">
<i class="fa fa-puzzle-piece"></i>
<span class="label">Quizzes</span>
<span class="value">0</span>
</li>
<li class="duration-feature">
<i class="fa fa-clock-o"></i>
<span class="label">Duration</span>
<span class="value">10 week </span>
</li>
<li class="students-feature">
<i class="fa fa-users"></i>
<span class="label">Students</span>
<span class="value">21</span>
</li>
<li class="assessments-feature">
<i class="fa fa-check-square-o"></i>
<span class="label">Assessments</span>
<span class="value">Yes</span>
</li>
</ul>
</div>
<div class="btn-part">
<a href="#" class="btn readon2 orange">$35</a>
<a href="#" class="btn readon2 orange-transparent">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End intro Courses -->
<!-- Newsletter section start -->
<div class="rs-newsletter style1 gray-bg orange-color mb--90 sm-mb-0 sm-pb-70">
<div class="container">
<div class="newsletter-wrap">
<div class="row y-middle">
<div class="col-lg-6 col-md-12 md-mb-30">
<div class="content-part">
<div class="sec-title">
<div class="title-icon md-mb-15">
<img src="assets/images/newsletter.png" alt="images">
</div>
<h2 class="title mb-0 white-color">Subscribe to Newsletter</h2>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<form class="newsletter-form">
<input type="email" name="email" placeholder="Enter Your Email" required="">
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter section end -->
</div>
<!-- Main content End -->
<!-- Footer Start -->
<footer id="rs-footer" class="rs-footer home9-style main-home">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12 footer-widget">
<div class="footer-logo mb-30">
<a href="index.html"><img src="assets/images/lite-logo.png" alt=""></a>
</div>
<div class="textwidget white-color pr-60 md-pr-15"><p>We denounce with righteous indi gnation and dislike men who are so beguiled and demoralized by the charms of pleasure of your moment, so blinded by desire those who fail weakness.</p>
</div>
<ul class="footer_social">
<li>
<a href="#" target="_blank"><span><i class="fa fa-facebook"></i></span></a>
</li>
<li>
<a href="# " target="_blank"><span><i class="fa fa-twitter"></i></span></a>
</li>
<li>
<a href="# " target="_blank"><span><i class="fa fa-pinterest-p"></i></span></a>
</li>
<li>
<a href="# " target="_blank"><span><i class="fa fa-google-plus-square"></i></span></a>
</li>
<li>
<a href="# " target="_blank"><span><i class="fa fa-instagram"></i></span></a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 footer-widget md-mb-50">
<h3 class="widget-title">Address</h3>
<ul class="address-widget">
<li>
<i class="flaticon-location"></i>
<div class="desc">374 William S Canning Blvd, River MA 2721, USA</div>
</li>
<li>
<i class="flaticon-call"></i>
<div class="desc">
<a href="tel:(+880)155-69569">(+880)155-69569</a>
</div>
</li>
<li>
<i class="flaticon-email"></i>
<div class="desc">
<a href="mailto:support@rstheme.com">support@rstheme.com</a>
</div>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 pl-50 md-pl-15 footer-widget md-mb-50">
<h3 class="widget-title">Courses</h3>
<ul class="site-map">
<li><a href="#">Courses</a></li>
<li><a href="#">Course Two</a></li>
<li><a href="#">Single Course</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Login/Register</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 footer-widget">
<h3 class="widget-title">Recent Posts</h3>
<div class="recent-post mb-20">
<div class="post-img">
<img src="assets/images/footer/1.jpg" alt="">
</div>
<div class="post-item">
<div class="post-desc">
<a href="#">University while the lovely valley team work</a>
</div>
<span class="post-date">
<i class="fa fa-calendar"></i>
September 20, 2020
</span>
</div>
</div>
<div class="recent-post mb-20 md-pb-0">
<div class="post-img">
<img src="assets/images/footer/2.jpg" alt="">
</div>
<div class="post-item">
<div class="post-desc">
<a href="#">High school program starting soon 2021</a>
</div>
<span class="post-date">
<i class="fa fa-calendar-check-o"></i>
September 14, 2020
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row y-middle">
<div class="col-lg-6 md-mb-20">
<div class="copyright">
<p>© 2020 All Rights Reserved. Developed By <a href="http://rstheme.com/">RSTheme</a></p>
</div>
</div>
<div class="col-lg-6 text-right md-text-left">
<ul class="copy-right-menu">
<li><a href="#">Event</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
<!-- start scrollUp -->
<div id="scrollUp" class="orange-color">
<i class="fa fa-angle-up"></i>
</div>
<!-- End scrollUp -->
<!-- Search Modal Start -->
<div aria-hidden="true" class="modal fade search-modal" role="dialog" tabindex="-1">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="flaticon-cross"></span>
</button>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="search-block clearfix">
<form>
<div class="form-group">
<input class="form-control" placeholder="Search Here..." type="text">
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Search Modal End -->
<!-- modernizr js -->
<script src="assets/js/modernizr-2.8.3.min.js"></script>
<!-- jquery latest version -->
<script src="assets/js/jquery.min.js"></script>
<!-- Bootstrap v4.4.1 js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- magnific popup js -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Menu js -->
<script src="assets/js/rsmenu-main.js"></script>
<!-- wow js -->
<script src="assets/js/wow.min.js"></script>
<!-- plugins js -->
<script src="assets/js/plugins.js"></script>
<!-- contact form js -->
<script src="assets/js/contact.form.js"></script>
<!-- main js -->
<script src="assets/js/main.js"></script>
</body>
<!-- Mirrored from keenitsolutions.com/products/html/educavo/course-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 10 Jun 2022 06:59:25 GMT -->
</html>