<!doctype html>
<html lang="en">
	
<!-- Mirrored from spruko.com/demo/edomi/Edomi/LTR/Html/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Sep 2021 10:54:11 GMT -->
<head>
		<!-- Meta data -->
		<meta charset="UTF-8">
		<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content=" Edomi - Online Education & Learning Courses HTML CSS Responsive Template" name="description">
		<meta content="Spruko Technologies Private Limited" name="author">
		<meta name="keywords" content="html , html dir ,  website template, bootstrap 5  template,  bootstrap template, admin panel template , admin panel , html5 , academy training course css template, classes online training website templates, courses training html5 template design, education training rwd simple template, educational learning management jquery html, elearning bootstrap education template, professional training center bootstrap html, institute coaching mobile responsive template, marketplace html template premium, learning management system jquery html, clean online course teaching directory template, online learning course management system, online course website template css html, premium lms training web template, training course responsive website"/>

		<!-- Favicon -->
		<link rel="icon" href="https://spruko.com/demo/edomi/Edomi/assets/images/brand/favicon.ico" type="image/x-icon"/>
		<link rel="shortcut icon" type="image/x-icon" href="https://spruko.com/demo/edomi/Edomi/assets/images/brand/favicon.ico" />

		<!-- Title -->
		<title> Edomi - Online Education & Learning Courses HTML CSS Responsive Template</title>

		<!-- Bootstrap css -->
		<link href="../../assets/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />

		<!-- Style css -->
		<link href="../../assets/css/style.css" rel="stylesheet" />

		<!-- Font-awesome  css -->
		<link href="../../assets/css/icons.css" rel="stylesheet"/>

		<!--Select2 css -->
		<link href="../../assets/plugins/select2/select2.css" rel="stylesheet" />

		<!-- Cookie css -->
		<link href="../../assets/plugins/cookie/cookie.css" rel="stylesheet">

		<!-- Owl Theme css-->
		<link href="../../assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" />

		<!--Jquery flexdatalist  css -->
		<link href="../../assets/plugins/jquery.flexdatalist/jquery.flexdatalist.css" rel="stylesheet">

		<!-- Switcher css -->
		<link  href="../../assets/switcher/css/switcher.css" rel="stylesheet" id="switcher-css" type="text/css" media="all"/>

		<!-- Color Skin css -->
		<link id="theme" rel="stylesheet" type="text/css" media="all" href="../../assets/color-skins/color.css" />

	</head>

	<body>

		<!-- Start Switcher -->
		<div class="switcher-wrapper">
			<div class="demo_changer">
				<div class="demo-icon bg_dark"><i class="fa fa-cog fa-spin  text_primary"></i></div>
				<div class="form_holder sidebar-right1">
					<div class="predefined_styles">
						<div class="skin-theme-switcher">
							<div class="swichermainleft">
								<div class="ps-3 pe-3 mt-5 mb-5">
									<a href="https://spruko.com/demo/edomi/index.html" class="btn btn-secondary btn-block mt-0">View Demo</a>
									<a href="https://themeforest.net/item/edomi-bootstrap-5-education-html-template/33682268" class="btn btn-success btn-block">Buy Now</a>
									<a href="https://themeforest.net/user/sprukosoft/portfolio" class="btn btn-primary btn-block">Our Portfolio</a>
								</div>
							</div>
							<div class="swichermainleft border-top">
								<h4>Navigation Style</h4>
								<div class="ps-3 pe-3 mt-5 mb-5">
									<a href="index.html" class="btn btn-primary btn-block mt-0">LTR Version</a>
									<a href="https://spruko.com/demo/edomi/Edomi/RTL/Html/index.html" class="btn btn-secondary btn-block">RTL Version</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Switcher -->

		<!--Loader-->
		<div id="global-loader">
			<img src="https://spruko.com/demo/edomi/Edomi/assets/images/loader.svg" class="loader-img" alt="img">
		</div><!--/Loader-->

		<!--Section-->
		<div class="banner-1 cover-image bg-background2 bg-white" data-bs-image-src="../../assets/images/banners/pattern.png">
			<!--Topbar-->
			<div class="header-main">

				<!-- Mobile Header -->
				<div class="sticky">
					<div class="horizontal-header clearfix ">
						<div class="container">
							<a id="horizontal-navtoggle" class="animated-arrow"><span></span></a>
							<span class="smllogo"><img src="../../assets/images/brand/logo1.png" width="120" alt="img"/></span>
							<span class="smllogo-white"><img src="../../assets/images/brand/logo.png" width="120" alt="img"/></span>
							<a href="tel:245-6325-3256" class="callusbtn"><i class="icon icon-phone" aria-hidden="true"></i></a>
						</div>
					</div>
				</div>
				<!-- /Mobile Header -->

				<!--Horizontal-main -->
				<div class="horizontal-main header-style1  bg-dark-transparent clearfix">
					<div class="horizontal-mainwrapper container clearfix">
						<div class="desktoplogo">
							<a href="index.html"><img src="../../assets/images/brand/logo.png" alt="img">
								<img src="../../assets/images/brand/logo.png" class="header-brand-img header-white" alt="logo">
							</a>
						</div>
						<div class="desktoplogo-1">
							<a href="index.html"><img src="../../assets/images/brand/logo.png" alt="img"></a>
						</div>
						<nav class="horizontalMenu clearfix d-md-flex">
							<ul class="horizontalMenu-list">
								<li aria-haspopup="true"><a href="javascript:void(0)">Home <span class="fe fe-chevron-down"></span></a>
									<ul class="sub-menu">
										<li aria-haspopup="true"><a href="index.html">Home Default</a></li>
										<li aria-haspopup="true"><a href="index-text-animation.html">Home Text Animation</a></li>
										<li aria-haspopup="true"><a href="index-slides.html">Home Slides</a></li>
										<li aria-haspopup="true"><a href="index-video.html">Home Video</a></li>
										<li aria-haspopup="true"><a href="index-background-animation.html">Home Background Animation</a></li>
										<li aria-haspopup="true"><a href="index-intro-page.html">Home Intro Page</a></li>
										<li aria-haspopup="true"><a href="index-popup-login.html">Home Pop-up login</a></li>
										<li aria-haspopup="true"><a href="index-banner.html">Home Banner</a></li>
									</ul>
								</li>
								<li aria-haspopup="true"><a href="about.html">About Us </a></li>
								<li aria-haspopup="true"><a href="widgets.html">Widgets</a></li>
								<li aria-haspopup="true"><a href="javascript:void(0)">Pages <span class="fe fe-chevron-down"></span></a>
									<div class="horizontal-megamenu clearfix">
										<div class="container">
											<div class="megamenu-content">
												<div class="row">
													<ul class="col link-list">
														<li class="title">Other pages</li>
														<li><a href="page-list.html">Page List</a></li>
														<li><a href="page-list-right.html">Page List Right</a></li>
														<li><a href="categories.html">Categories</a></li>
														<li><a href="inovice.html">Invoice</a></li>
														<li><a href="usersall.html">User Lists</a></li>
															<li><a href="typography.html">Typography</a></li>
														    <li><a href="pricing.html">Pricing</a></li>
													</ul>
													<ul class="col link-list">
														<li class="title">Other pages</li>
														<li><a href="course-list.html">Course Listing</a></li>
														<li><a href="course-list-right.html">Course Listing Right</a></li>
														<li><a href="course-details.html">Course Details</a></li>
														<li><a href="course-details-right.html">Course Details Right</a></li>
														<li><a href="course-posts.html">Course Posts</a></li>
															<li><a href="edit-posts.html">Edit Posts</a></li>
														<li><a href="course-posts2.html">Course Posts2</a></li>
															<li><a href="edit-posts2.html">Edit Posts2</a></li>
														<li><a href="typography.html">Typography</a></li>
													</ul>
													<ul class="col link-list">
														<li class="title">User pages</li>
														<li><a href="userprofile.html"> User Profile</a></li>
														<li aria-haspopup="true"><a href="profile.html">User Profile 1</a></li>
														<li><a href="mydash.html">My Dashboard</a></li>
														<li><a href="mycourses.html">My Courses</a></li>
														<li><a href="myfavorite.html">Favorite Courses</a></li>
														<li><a href="manged.html">Manged Courses</a></li>
														<li><a href="payments.html">Payments</a></li>
														<li><a href="orders.html"> Orders</a></li>
													</ul>
													<ul class="col link-list">
														<li class="title">Other Pages</li>
														<li><a href="settings.html"> Settings</a></li>
														<li><a href="page-details.html">Course Details</a></li>
														<li><a href="page-details1.html">Course Details 1</a></li>
														<li><a href="page-details-right.html">Course Details Right</a></li>
														<li><a href="testimonial.html">Testimonials</a></li>
														<li><a href="faq.html">Faq</a></li>
													</ul>
													<ul class="col link-list">
														<li class="title">Headers & Footers</li>
														<li><a href="header-style1.html">Header Style 01</a></li>
														<li><a href="header-style2.html">Header Style 02</a></li>
														<li><a href="header-style3.html">Header Style 03</a></li>
														<li><a href="header-style4.html">Header Style 04</a></li>
														<li><a href="footer-style.html">Footer Style 01</a></li>
														<li><a href="footer-style2.html">Footer Style 02</a></li>
														<li><a href="footer-style3.html">Footer Style 03</a></li>
														<li><a href="footer-style4.html">Footer Style 04</a></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li aria-haspopup="true"><a href="javascript:void(0)">Blog <span class="fe fe-chevron-down m-0"></span></a>
									<ul class="sub-menu">
										<li aria-haspopup="true"><a href="javascript:void(0)">Blog Grid <i class="fa fa-angle-right float-end mt-1 d-none d-lg-block"></i></a>
											 <ul class="sub-menu">
												<li aria-haspopup="true"><a href="blog-grid.html">Blog Grid Left</a></li>
												<li aria-haspopup="true"><a href="blog-grid-right.html">Blog Grid Right</a></li>
												<li aria-haspopup="true"><a href="blog-grid-center.html">Blog Grid Center</a></li>
											</ul>
										</li>
										<li aria-haspopup="true"><a href="javascript:void(0)">Blog List <i class="fa fa-angle-right float-end mt-1 d-none d-lg-block"></i></a>
											 <ul class="sub-menu">
												<li aria-haspopup="true"><a href="blog-list.html">Blog List Left</a></li>
												<li aria-haspopup="true"><a href="blog-list-right.html">Blog List Right</a></li>
												<li aria-haspopup="true"><a href="blog-list-center.html">Blog List Center</a></li>
											</ul>
										</li>
										<li aria-haspopup="true"><a href="javascript:void(0)">Blog Details <i class="fa fa-angle-right float-end mt-1 d-none d-lg-block"></i></a>
											<ul class="sub-menu">
												<li aria-haspopup="true"><a href="blog-details.html">Blog Details Left</a></li>
												<li aria-haspopup="true"><a href="blog-details-right.html">Blog Details Right</a></li>
												<li aria-haspopup="true"><a href="blog-details-center.html">Blog Details Center</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li aria-haspopup="true"><a href="javascript:void(0)">Custom Pages <span class="fe fe-chevron-down m-0"></span></a>
									<ul class="sub-menu">
										<li><a href="register.html">Register</a></li>
										<li><a href="login.html">Login</a></li>
										<li><a href="login-2.html">Login 02</a></li>
										<li><a href="forgot.html">Forgot Password</a></li>
										<li><a href="lockscreen.html">Lock Screen</a></li>
										<li><a href="underconstruction.html">Under Constructions</a></li>
										<li><a href="404.html">404</a></li>
										<li aria-haspopup="true"><a href="javascript:void(0)">Submenu<i class="fa fa-angle-right float-end mt-1 d-none d-lg-block"></i></a>
											<ul class="sub-menu">
												<li aria-haspopup="true"><a href="javascript:void(0)">Level-01</a></li>
												<li aria-haspopup="true"><a href="javascript:void(0)">Level-02<i class="fa fa-angle-right float-end mt-1 d-none d-lg-block"></i></a>
													<ul class="sub-menu">
														<li aria-haspopup="true"><a href="javascript:void(0)">Level-11</a></li>
														<li aria-haspopup="true"><a href="javascript:void(0)">Level-12</a></li>
													</ul>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li aria-haspopup="true"><a href="contact.html"> Contact Us</a></li>
								<li aria-haspopup="true" class="p-0 mt-1">
									<span><a class="btn btn-primary" href="course-posts.html">Register Now</a></span>
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</div><!--/Horizontal-main -->

			<!--Section-->
			<section class="sptb-2 sptb-tab">
				<div class="header-text mb-0">
					<div class="container">
						<div class="row">
							<div class="col-xl-7 col-lg-7 col-md-12">
								<div class="text-body mb-7">
									<h1 class="mb-1 leading-tight ">The World's Largest Selection of Courses</h1>
									<p>It is a long established fact that a reader will be distracted by the readable.</p>
								</div>
								<div class="search-background bg-transparent">
									<div class="form row g-0 ">
										<div class="form-group  col-xl-9 col-lg-9 col-md-12 mb-0">
											<input type="text" class="form-control input-xl ps-5 border-white-1" placeholder="Search Courses...." data-min-length="1" list="courses" name="courses">
										</div>
										<div class="col-xl-3 col-lg-3 col-md-12 mb-0">
											<a href="javascript:void(0)" class="btn btn-xl btn-block btn-primary br-ts-md-0 br-bs-md-0">Search Here</a>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xl-5 col-lg-5 col-md-12">
								<img src="../../assets/images/banners/main.png" class="main-banner-png" alt="img">
							</div>
						</div>
					</div>
				</div><!-- /header-text -->
			</section><!--/Section-->
		</div><!--/Section-->

		<!-- Shape Start -->
        <div class="relative">
            <div class="shape overflow-hidden text-white">
                <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
                    <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
                </svg>
            </div>
        </div>
        <!--Shape End-->

		<!--Section-->
		<section class="sptb bg-white">
			<div class="container">
				<div class="section-title d-md-flex">
					<div>
						<h2>Categories</h2>
						<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
					</div>
					<div class="ms-auto">
						<a class="btn btn-light mt-3" href="javascript:void(0)"><i class="fe fe-arrow-right"></i> View More</a>
					</div>
				</div>
				<div class="item-all-cat education-categories">
					<div class="row">
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-book-open"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Language</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-airplay"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">IT Courses</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-database"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Data Science</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-heart"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Health</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fa fa-balance-scale"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Law Course</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-hash"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Maths</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark mb-lg-0 item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-briefcase"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Business</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-4 col-sm-6">
							<div class="item-all-card text-dark mb-lg-0 item-hover-card p-6">
								<a href="page-list.html" class="absolute-link"></a>
								<div class="iteam-all-icon">
									<i class="fe fe-bar-chart"></i>
								</div>
								<div class="item-all-text mt-3">
									<h5 class="mb-0">Marketing</h5>
									<p class="mt-3">Sed do eiusmod tempor ut labore et dolore magna aliqua</p>
									<a class="btn-link" href="javascript:void(0)"><i class="fe fe-chevron-right"></i> View More</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="video-img">
							<img src="../../assets/images/media/video.jpg" alt="img" class="cover-image br-7">
							<a class="mt-6 d-block video-btn mx-auto" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#homeVideo"><i class="fa fa-play text-white"></i></a>
						</div>
					</div>
					<div class="col-md-6">
						<div class="video-section mt-8 ms-lg-5 pt-5">
							<div class="">
								<h6 class="text-uppercase mb-2 text-primary"><i class="fe fe-book"></i> Online classes & Study</h6>
								<h2 class="mt-0 font-weight-bold">Online remote classes for all courses </h2>
							</div>
							<p class="lead leading-normal mt-4">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model</p>
							<a class="btn btn-primary text-white mt-3"  href="javascript:void(0)"> <i class="fe fe-chevron-right"></i> View More</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--Section-->

		<!--Section-->
		<section class="sptb bg-white">
			<div class="container">
				<div class="section-title d-md-flex">
					<div>
						<h2>Latest Courses</h2>
						<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
					</div>
					<div class="ms-auto d-inline-flex">
						<div class="w-150 mt-3 me-4">
							<select class="form-control select2-show-search  border-bottom-0" data-placeholder="Select Category">
								<optgroup label="Categories">
									<option>Select</option>
									<option value="1">IT</option>
									<option value="2">Language</option>
									<option value="3">Science</option>
									<option value="4">Health</option>
									<option value="5">Humanities</option>
									<option value="6">Business</option>
									<option value="7">Maths</option>
									<option value="8">Marketing</option>
								</optgroup>
							</select>
						</div>
						<div class="">
							<a class="btn btn-primary mt-3" href="javascript:void(0)"><i class="fe fe-arrow-right"></i> View All</a>
						</div>
					</div>
				</div>
				<div id="myCarousel1" class="owl-carousel owl-carousel-icons2">
					<div class="item">
						<div class="card mb-0 overflow-hidden">
							<div class="card-body">
								<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
								<img src="../../assets/images/media/color/sm/6.jpg" alt="img" class="w-9 h-9 br-7 mb-4">
								<div class="">
									<div class="item-card2">
										<div class="item-card2-desc">
											<div class="d-inline-flex">
												<div class="star-ratings start-ratings-main clearfix me-3">
													<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
														<select class="example-fontawesome" name="rating" autocomplete="off">
															<option value="1">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4" selected>4</option>
															<option value="5">5</option>
														</select>
													</div>
												</div>
												<span class="">487 reviews</span>
											</div>
											<div class="item-card2-text mb-1">
												<a href="page-details.html" class="text-dark"><h4 class="mb-2">Coding Classes</h4></a>
											</div>
											<a href="javascript:void(0)" class="">Online Classes</a>, <a href="javascript:void(0)" class="">Training</a>, <a href="javascript:void(0)" class="">Coding class</a>, <a href="javascript:void(0)" class="">Examinations</a>
											<h4 class="mt-3 fs-25">$35 <del class="fs-16 text-muted">$65</del></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0 overflow-hidden">
							<div class="card-body">
								<img src="../../assets/images/media/color/sm/7.jpg" alt="img" class="w-9 h-9 br-7 mb-4">
								<div class="">
									<div class="item-card2">
										<div class="item-card2-desc">
											<div class="d-inline-flex">
												<div class="star-ratings start-ratings-main clearfix me-3">
													<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
														<select class="example-fontawesome" name="rating" autocomplete="off">
															<option value="1">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4" selected>4</option>
															<option value="5">5</option>
														</select>
													</div>
												</div>
												<span class="">754 reviews</span>
											</div>
											<div class="item-card2-text mb-1">
												<a href="page-details.html" class="text-dark"><h4 class="mb-2">Law classes</h4></a>
											</div>
											<a href="javascript:void(0)" class="">Law classes</a>, <a href="javascript:void(0)" class="">Training</a>, <a href="javascript:void(0)" class="">Coding class</a>, <a href="javascript:void(0)" class="">Examinations</a>
											<h4 class="mt-3 fs-25">$35 <del class="fs-16 text-muted">$65</del></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0 overflow-hidden">
							<div class="card-body">
								<img src="../../assets/images/media/color/sm/8.jpg" alt="img" class="w-9 h-9 br-7 mb-4">
								<div class="">
									<div class="item-card2">
										<div class="item-card2-desc">
											<div class="d-inline-flex">
												<div class="star-ratings start-ratings-main clearfix me-3">
													<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
														<select class="example-fontawesome" name="rating" autocomplete="off">
															<option value="1">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4" selected>4</option>
															<option value="5">5</option>
														</select>
													</div>
												</div>
												<span class="">965 reviews</span>
											</div>
											<div class="item-card2-text mb-1">
												<a href="page-details.html" class="text-dark"><h4 class="mb-2">Photoshop</h4></a>
											</div>
											<a href="javascript:void(0)" class="">Photoshop</a>, <a href="javascript:void(0)" class="">Training</a>, <a href="javascript:void(0)" class="">Coding class</a>, <a href="javascript:void(0)" class="">Examinations</a>
											<h4 class="mt-3 fs-25">$35 <del class="fs-16 text-muted">$65</del></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0 overflow-hidden">
							<div class="card-body">
								<img src="../../assets/images/media/color/sm/1.jpg" alt="img" class="w-9 h-9 br-7 mb-4">
								<div class="">
									<div class="item-card2">
										<div class="item-card2-desc">
											<div class="d-inline-flex">
												<div class="star-ratings start-ratings-main clearfix me-3">
													<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
														<select class="example-fontawesome" name="rating" autocomplete="off">
															<option value="1">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4" selected>4</option>
															<option value="5">5</option>
														</select>
													</div>
												</div>
												<span class="">758 reviews</span>
											</div>
											<div class="item-card2-text mb-1">
												<a href="page-details.html" class="text-dark"><h4 class="mb-2">HTML</h4></a>
											</div>
											<a href="javascript:void(0)" class="">HTML</a>, <a href="javascript:void(0)" class="">Training</a>, <a href="javascript:void(0)" class="">Coding class</a>, <a href="javascript:void(0)" class="">Examinations</a>
											<h4 class="mt-3 fs-25">$35 <del class="fs-16 text-muted">$65</del></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0 overflow-hidden">
							<div class="card-body">
								<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
								<img src="../../assets/images/media/color/sm/2.jpg" alt="img" class="w-9 h-9 br-7 mb-4">
								<div class="">
									<div class="item-card2">
										<div class="item-card2-desc">
											<div class="d-inline-flex">
												<div class="star-ratings start-ratings-main clearfix me-3">
													<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
														<select class="example-fontawesome" name="rating" autocomplete="off">
															<option value="1">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4" selected>4</option>
															<option value="5">5</option>
														</select>
													</div>
												</div>
												<span class="">487 reviews</span>
											</div>
											<div class="item-card2-text mb-1">
												<a href="page-details.html" class="text-dark"><h4 class="mb-2">Online Classes</h4></a>
											</div>
											<a href="javascript:void(0)" class="">Online Classes</a>, <a href="javascript:void(0)" class="">Training</a>, <a href="javascript:void(0)" class="">Coding class</a>, <a href="javascript:void(0)" class="">Examinations</a>
											<h4 class="mt-3 fs-25">$35 <del class="fs-16 text-muted">$65</del></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0 overflow-hidden">
							<div class="card-body">
								<img src="../../assets/images/media/color/sm/3.jpg" alt="img" class="w-9 h-9 br-7 mb-4">

								<div class="">
									<div class="item-card2">
										<div class="item-card2-desc">
											<div class="d-inline-flex">
												<div class="star-ratings start-ratings-main clearfix me-3">
													<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
														<select class="example-fontawesome" name="rating" autocomplete="off">
															<option value="1">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4" selected>4</option>
															<option value="5">5</option>
														</select>
													</div>
												</div>
												<span class="">487 reviews</span>
											</div>
											<div class="item-card2-text mb-1">
												<a href="page-details.html" class="text-dark"><h4 class="mb-2">Beauty Classes</h4></a>
											</div>
											<a href="javascript:void(0)" class="">Online Classes</a>, <a href="javascript:void(0)" class="">Training</a>, <a href="javascript:void(0)" class="">Coding class</a>, <a href="javascript:void(0)" class="">Examinations</a>
											<h4 class="mt-3 fs-25">$35 <del class="fs-16 text-muted">$65</del></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="about-1 pt-9 pb-9 bg-background cover-image" data-bs-image-src="../../assets/images/banners/pattern2.png">
			<div class="content-text mb-0">
				<div class="container">
					<div class="row text-center">
						<div class="col-lg-3 col-md-6">
							<div class="counter-status md-mb-0">
								<div class="counter-icon bg-primary">
									<i class="typcn typcn-group-outline text-white"></i>
								</div>
								<h5>Total Learners</h5>
								<h2 class="counter mb-0">2569</h2>
							</div>
						</div>
						<div class="col-lg-3 col-md-6">
							<div class="counter-status status-1 md-mb-0">
								<div class="counter-icon bg-primary">
									<i class="typcn typcn-mortar-board text-white"></i>
								</div>
								<h5>Total Graduates</h5>
								<h2 class="counter mb-0">1765</h2>
							</div>
						</div>
						<div class="col-lg-3 col-md-6">
							<div class="counter-status status md-mb-0">
								<div class="counter-icon bg-primary">
									<i class="typcn typcn-globe-outline text-white"></i>
								</div>
								<h5>Total Countries</h5>
								<h2 class="counter mb-0">846</h2>
							</div>
						</div>
						<div class="col-lg-3 col-md-6">
							<div class="counter-status status">
								<div class="counter-icon bg-primary">
									<i class="typcn typcn-news text-white"></i>
								</div>
								<h5>Total Courses</h5>
								<h2 class="counter mb-0">7253</h2>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb">
			<div class="container">
				<div class="section-title">
					<h2>Coming Up Classes</h2>
					<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
				</div>
				<div class="panel panel-primary">
					<div class="">
						<div class="tabs-menu ">
							<!-- Tabs -->
							<ul class="nav panel-tabs eductaional-tabs mb-6">
								<li class=""><a href="#tab1" class="active show" data-bs-toggle="tab">All</a></li>
								<li><a href="#tab2" data-bs-toggle="tab" class="">Short Term Courses</a></li>
								<li><a href="#tab3" data-bs-toggle="tab" class="">Long Term Courses</a></li>
								<li><a href="#tab4" data-bs-toggle="tab" class="">Online Courses</a></li>
							</ul>
						</div>
					</div>
					<div class="panel-body p-0">
						<div class="tab-content">
							<div class="tab-pane active show" id="tab1">
								<div class="row">
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden">
											<div class="ribbon ribbon-top-left text-danger"><span class="bg-danger">Free</span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-1.jpg" alt="img" class="cover-image br-7 border">
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Digital Marketing</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted">6 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 2 Hours </span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden">
											<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-2.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4 class="mb-0">$752.99</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1"> Coding Training Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span><span class="text-muted">9 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 1 Hour</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden">
											<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-3.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$635.45</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Guitar Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted">3 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span> <span class="text-muted">3 Hour</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden mb-xl-0">
											<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-4.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$835.99</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Free Literature Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span><span class="text-muted"> 2 Months </span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 2 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card mb-md-0">
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-5.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$893.99</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">PhotoShop Designing</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span><span class="text-muted"> 3 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 8 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card mb-0">
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-6.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$836.50</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Networking classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted"> 6 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span> <span class="text-muted">3 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="tab2">
								<div class="row">
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden mb-xl-0">
											<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-7.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$635.99</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Free Literature Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted">3 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 3 Hour</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden mb-md-0">
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-8.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$831.55</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">PhotoShop Designing</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span><span class="text-muted"> 2 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 2 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card mb-0">
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-9.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$897.99</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Networking classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted">3 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span> <span class="text-muted">8 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="tab3">
								<div class="row">
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden mb-xl-0">
											<div class="ribbon ribbon-top-left text-danger"><span class="bg-danger">Free</span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-10.jpg" alt="img" class="cover-image br-7 border">
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1"> Digital Marketing</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted">6 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span> <span class="text-muted">2 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden mb-md-0">
											<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-11.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$635</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">  Coding Training Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span><span class="text-muted"> 9 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span><span class="text-muted"> 1 Hour</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 col-md-6">
										<div class="card mb-0">
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-2.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$836</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">Guitar Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span><span class="text-muted"> 6 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span> <span class="text-muted">3 Hours</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="tab4">
								<div class="row">
									<div class="col-xl-4 col-md-6">
										<div class="card overflow-hidden mb-0">
											<div class="power-ribbon power-ribbon-top-left text-warning"><span class="bg-warning"><img src="../../assets/images/png/power.png" class=""></span></div>
											<div class="item-card7-img pt-5 px-5">
												<div class="item-card7-imgs">
													<a href="javascript:void(0)"></a>
													<img src="../../assets/images/media/0-1.jpg" alt="img" class="cover-image br-7 border">
												</div>
												<div class="item-card7-overlaytext">
													<h4  class="font-weight-semibold mb-0">$63</h4>
												</div>
											</div>
											<div class="card-body">
												<div class="item-card7-desc">
													<div class="item-card7-text">
														<a href="javascript:void(0)" class="text-dark"><h4 class="font-weight-semibold mb-1">App Development Classes</h4></a>
													</div>
													<div class="d-flex mb-0">
														<div class="star-ratings start-ratings-main clearfix me-3">
															<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
																<select class="example-fontawesome" name="rating" autocomplete="off">
																	<option value="1">1</option>
																	<option value="2">2</option>
																	<option value="3">3</option>
																	<option value="4" selected>4</option>
																	<option value="5">5</option>
																</select>
															</div>
														</div>
														<span class="">487 reviews</span>
													</div>
													<div class="pt-2 mb-3">
														<a class="me-4"><span class="font-weight-bold">Duration :</span> <span class="text-muted">3 Months</span></a>
														<a class="me-4 float-end"><span class="font-weight-bold">Daily :</span> <span class="text-muted">3 Hour</span></a>
													</div>
													<p class="mb-0">Nemo enim ipsam voluptatem voluptas sit aspernatur ratione voluptatem sequi nesciunt..</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section>
			<div class="cover-image sptb bg-background-color text-white" data-bs-image-src="../../assets/images/banners/banner3.jpg">
				<div class="content-text mb-0">
					<div class="container">
						<div class="row">
							<div class="col-lg-8">
								<div class="section-title pb-4">
									<h2>The predicious Features for you</h2>
									<p class="text-white-80 fs-18 mt-6">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose</p>
								</div>
								<ul class="list-style fs-18 text-white student-feature-icons">
									<li class="py-2"><i class="fe fe-check me-3"></i> Online Classes</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Offline Classes</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Books Online/Offline</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Short Term Courses</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Long Term Courses</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Music Classes</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Cooking Classes</li>
									<li class="py-2"><i class="fe fe-check me-3"></i> Networking Courses</li>
								</ul>
								<div class="mt-6">
									<a class="btn btn-secondary btn-lg" href="javascript:void(0)"> Start Learning</a>
									<a class="btn btn-light btn-lg" href="javascript:void(0)"> View More</a>
								</div>
							</div>
							<div class="col-lg-4 met-sm-2">
								<div class="student-img ">
									<img src="../../assets/images/png/19.png" class="" alt="img">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb bg-white">
			<div class="container">
				<div class="section-title">
					<h2>Our Sponsors</h2>
					<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
				</div>
				<div id="small-categories" class="owl-carousel client-carousel">
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/1.png" alt="img">
						</div>
					</div>
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/2.png" alt="img">
						</div>
					</div>
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/3.png" alt="img">
						</div>
					</div>
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/4.png" alt="img">
						</div>
					</div>
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/5.png" alt="img">
						</div>
					</div>
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/7.png" alt="img">
						</div>
					</div>
					<div class="item">
						<div class="client-img">
							<img src="../../assets/images/clients/8.png" alt="img">
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb">
			<div class="container">
				<div class="section-title">
					<h2>Online Classes</h2>
					<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
				</div>
                <div class="row">
					<div class="col-12 col-md-12 col-lg-12 col-xl-12">
						<div class="row">
							<div class="col-sm-12 col-lg-4 col-md-4">
								<div class="card overflow-hidden gallery-item">
									<div class="card-body">
										<a href="course-details.html">
											<div class="gallery-card">
												<div class="gallery-card-desc">
													<div class="gallery-card">
														<img src="../../assets/images/media/14.jpg" alt="img" class="">
													</div>
												</div>
											</div>
										</a>
										<div class="text-center mt-5">
											<h3 class="font-weight-semibold"><a href="course-details.html" class="text-default-dark">Software Development</a></h3>
											<span class="font-weight-bold"><strong class="fs-18 font-weight-bold">1856</strong> Over  Courses</span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-lg-4 col-md-4">
								<div class="card overflow-hidden gallery-item">
									<div class="card-body">
										<a href="course-details.html">
											<div class="gallery-card">
												<div class="gallery-card-desc">
													<div class="gallery-card">
														<img src="../../assets/images/media/17.jpg" alt="img" class="">
													</div>
												</div>
											</div>
										</a>
										<div class="text-center mt-5">
											<h3 class="font-weight-semibold"><a href="course-details.html" class="text-default-dark">Web Designing</a></h3>
											<span class="font-weight-bold"><strong class="fs-18 font-weight-bold">1256</strong> Over  Courses</span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-lg-4 col-md-4">
								<div class="card overflow-hidden gallery-item">
									<div class="card-body">
										<a href="course-details.html">
											<div class="gallery-card">
												<div class="gallery-card-desc">
													<div class="gallery-card">
														<img src="../../assets/images/media/21.jpg" alt="img" class="">
													</div>
												</div>
											</div>
										</a>
										<div class="text-center mt-5">
											<h3 class="font-weight-semibold"><a href="course-details.html" class="text-default-dark">Web Development</a></h3>
											<span class="font-weight-bold"><strong class="fs-18 font-weight-bold">656</strong> Over  Courses</span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-lg-4 col-md-4">
								<div class="card overflow-hidden gallery-item">
									<div class="card-body">
										<a href="course-details.html">
											<div class="gallery-card">
												<div class="gallery-card-desc">
													<div class="gallery-card">
														<img src="../../assets/images/media/23.jpg" alt="img" class="">
													</div>
												</div>
											</div>
										</a>
										<div class="text-center mt-5">
											<h3 class="font-weight-semibold"><a href="course-details.html" class="text-default-dark">Animation Classes</a></h3>
											<span class="font-weight-bold"><strong class="fs-18 font-weight-bold">875</strong> Over  Courses</span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-lg-4 col-md-4">
								<div class="card overflow-hidden gallery-item">
									<div class="card-body">
										<a href="course-details.html">
											<div class="gallery-card">
												<div class="gallery-card-desc">
													<div class="gallery-card">
														<img src="../../assets/images/media/25.jpg" alt="img" class="">
													</div>
												</div>
											</div>
										</a>
										<div class="text-center mt-5">
											<h3 class="font-weight-semibold"><a href="course-details.html" class="text-default-dark">Business Classes</a></h3>
											<span class="font-weight-bold"><strong class="fs-18 font-weight-bold">856</strong> Over  Courses</span>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-lg-4 col-md-4">
								<div class="card overflow-hidden gallery-item">
									<div class="card-body">
										<a href="course-details.html">
											<div class="gallery-card">
												<div class="gallery-card-desc">
													<div class="gallery-card">
														<img src="../../assets/images/media/19.jpg" alt="img" class="">
													</div>
												</div>
											</div>
										</a>
										<div class="text-center mt-5">
											<h3 class="font-weight-semibold"><a href="course-details.html" class="text-default-dark">Beauty Classes</a></h3>
											<span class="font-weight-bold"><strong class="fs-18 font-weight-bold">656</strong> Over Courses</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb position-relative cover-image bg-background" data-bs-image-src="../../assets/images/banners/pattern3.png">
			<div class="container">
				<div class="section-title">
					<h2 class="position-relative">Student Reviews</h2>
					<p class="fs-18 position-relative">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div id="myCarousel" class="owl-carousel testimonial-owl-carousel">
							<div class="item">
								<div class="card">
									<div class="card-body">
										<div class="row">
											<div class="col-md-3 col-sm-12">
												<div class="testimonial-img"><img src="../../assets/images/users/female/4.jpg" class="br-7 w-120 h-120" alt="img"></div>
											</div>
											<div class="col-md-9 col-sm-12 mt-2">
												<div class="d-md-flex">
													<div>
														<h4 class="title font-weight-bold">Lilly Potter</h4>
														<span class="post">Web developer student</span>
													</div>
													<div class="star-ratings start-ratings-main clearfix mb-3 ms-auto">
														<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
															<select class="example-fontawesome" name="rating" autocomplete="off">
																<option value="1">1</option>
																<option value="2">2</option>
																<option value="3">3</option>
																<option value="4" selected>4</option>
																<option value="5">5</option>
															</select>
														</div>
													</div>
												</div>
												<p class="fs-16 leading-normal mt-4 mb-0"><i class="fa fa-quote-left"></i> But I must explain to you how all this mistaken idea of denouncing pleasure and praising</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="card">
									<div class="card-body">
										<div class="row">
											<div class="col-md-3 col-sm-12">
												<div class="testimonial-img"><img src="../../assets/images/users/male/33.jpg" class="br-7 w-120 h-120" alt="img"></div>
											</div>
											<div class="col-md-9 col-sm-12">
												<div class="d-md-flex">
													<div>
														<h4 class="title font-weight-bold">John Joya</h4>
														<span class="post">Web developer student</span>
													</div>
													<div class="star-ratings start-ratings-main clearfix mb-3 ms-auto">
														<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
															<select class="example-fontawesome" name="rating" autocomplete="off">
																<option value="1">1</option>
																<option value="2">2</option>
																<option value="3">3</option>
																<option value="4" selected>4</option>
																<option value="5">5</option>
															</select>
														</div>
													</div>
												</div>
												<p class="fs-16 leading-normal mt-4 mb-0"><i class="fa fa-quote-left"></i> But I must explain to you how all this mistaken idea of denouncing pleasure and praising</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="card">
									<div class="card-body">
										<div class="row">
											<div class="col-md-3 col-sm-12">
												<div class="testimonial-img"><img src="../../assets/images/users/female/1.jpg" class="br-7 w-120 h-120" alt="img"></div>
											</div>
											<div class="col-md-9 col-sm-12 mt-2">
												<div class="d-md-flex">
													<div>
														<h4 class="title font-weight-bold">Rebacca wisely</h4>
														<span class="post">Web designer student</span>
													</div>
													<div class="star-ratings start-ratings-main clearfix mb-3 ms-auto">
														<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
															<select class="example-fontawesome" name="rating" autocomplete="off">
																<option value="1">1</option>
																<option value="2">2</option>
																<option value="3">3</option>
																<option value="4" selected>4</option>
																<option value="5">5</option>
															</select>
														</div>
													</div>
												</div>
												<p class="fs-16 leading-normal mt-4 mb-0"><i class="fa fa-quote-left"></i> But I must explain to you how all this mistaken idea of denouncing pleasure and praising</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="card">
									<div class="card-body">
										<div class="row">
											<div class="col-md-3 col-sm-12">
												<div class="testimonial-img"><img src="../../assets/images/users/male/34.jpg" class="br-7 w-120 h-120" alt="img"></div>
											</div>
											<div class="col-md-9 col-sm-12 mt-2">
												<div class="d-md-flex">
													<div>
														<h4 class="title font-weight-bold">williamson</h4>
														<span class="post">Web developer student</span>
													</div>
													<div class="star-ratings start-ratings-main clearfix mb-3 ms-auto">
														<div class="stars stars-example-fontawesome stars-example-fontawesome-sm">
															<select class="example-fontawesome" name="rating" autocomplete="off">
																<option value="1">1</option>
																<option value="2">2</option>
																<option value="3">3</option>
																<option value="4" selected>4</option>
																<option value="5">5</option>
															</select>
														</div>
													</div>
												</div>
												<p class="fs-16 leading-normal mt-4 mb-0"><i class="fa fa-quote-left"></i> But I must explain to you how all this mistaken idea of denouncing pleasure and praising</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb">
			<div class="container">
                <div class="row">
					<div class="col-md-12 col-lg-4">
						<img src="../../assets/images/png/18.png" alt="img" class="absolute-student">
					</div>
					<div class="col-md-12 col-lg-8">
						<div class="section-title">
							<h2>Download app for online classes</h2>
							<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
						</div>
						<div class="text-wrap">
							<div class="btn-list">
								<a href="javascript:void(0)" class="btn btn-primary btn-lg mb-5 mb-lg-0"><i class="fa fa-apple fa-1x me-2"></i> App Store</a>
								<a href="javascript:void(0)" class="btn btn-secondary btn-lg mb-5 mb-lg-0"><i class="fa fa-android fa-1x me-2"></i> Google Play</a>
								<a href="javascript:void(0)" class="btn btn-info btn-lg mb-5 mb-lg-0"><i class="fa fa-windows fa-1x me-2"></i> Windows</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="sptb bg-white">
			<div class="container">
				<div class="section-title">
					<h2>Blog News</h2>
					<p class="fs-18 lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
				</div>
				<div id="defaultCarousel" class="owl-carousel Card-owlcarousel owl-carousel-icons">
					<div class="item">
						<div class="card mb-0">
							<div class="card-body p-4">
								<div class="item7-card-img">
									<a href="javascript:void(0)"></a>
									<img src="../../assets/images/media/0-1.jpg" alt="img" class="cover-image br-7 mb-4 border">
								</div>
								<div class="item7-card-desc d-flex mb-2">
									<a href="javascript:void(0)"><i class="fe fe-calendar me-2"></i>Dec-03-2018</a>
									<div class="ms-auto">
										<a href="javascript:void(0)"><i class="fe fe-message-circle me-2"></i>4 Comments</a>
									</div>
								</div>
								<a href="blog-details.html"><h4 class="font-weight-semibold mb-2 mt-3">Nemo enim ipsam voluptatem</h4></a>
								<p class="mb-4">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat </p>
								<a class="btn btn-primary" href="blog-details.html">Read More <i class="fe fe-chevron-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0">
							<div class="card-body p-4">
								<div class="item7-card-img">
									<a href="javascript:void(0)"></a>
									<img src="../../assets/images/media/0-2.jpg" alt="img" class="cover-image br-7 mb-4 border">
								</div>
								<div class="item7-card-desc d-flex mb-2">
									<a href="javascript:void(0)"><i class="fe fe-calendar me-2"></i>Nov-28-2018</a>
									<div class="ms-auto">
										<a href="javascript:void(0)"><i class="fe fe-message-circle me-2"></i>2 Comments</a>
									</div>
								</div>
								<a href="blog-details.html"><h4 class="font-weight-semibold mb-2 mt-3">Sed ut perspiciatis unde iste</h4></a>
								<p class="mb-4">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat </p>
								<a class="btn btn-primary" href="blog-details.html">Read More <i class="fe fe-chevron-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0">
							<div class="card-body p-4">
								<div class="item7-card-img">
									<a href="javascript:void(0)"></a>
									<img src="../../assets/images/media/0-3.jpg" alt="img" class="cover-image br-7 mb-4 border">
								</div>
								<div class="item7-card-desc d-flex mb-2">
									<a href="javascript:void(0)"><i class="fe fe-calendar me-2"></i>Nov-19-2018</a>
									<div class="ms-auto">
										<a href="javascript:void(0)"><i class="fe fe-message-circle me-2"></i>8 Comments</a>
									</div>
								</div>
								<a href="blog-details.html"><h4 class="font-weight-semibold mb-2 mt-3">At vero eos et accusamus</h4></a>
								<p class="mb-4">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat </p>
								<a class="btn btn-primary" href="blog-details.html">Read More <i class="fe fe-chevron-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0">
							<div class="card-body p-4">
								<div class="item7-card-img">
									<a href="javascript:void(0)"></a>
									<img src="../../assets/images/media/0-4.jpg" alt="img" class="cover-image br-7 mb-4 border">
								</div>
								<div class="item7-card-desc d-flex mb-2">
									<a href="javascript:void(0)"><i class="fe fe-calendar me-2"></i>Dec-03-2018</a>
									<div class="ms-auto">
										<a href="javascript:void(0)"><i class="fe fe-message-circle me-2"></i>4 Comments</a>
									</div>
								</div>
								<a href="blog-details.html"><h4 class="font-weight-semibold mb-2 mt-3">Excepteur occaecat cupidatat</h4></a>
								<p class="mb-4">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat </p>
								<a class="btn btn-primary" href="blog-details.html">Read More <i class="fe fe-chevron-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0">
							<div class="card-body p-4">
								<div class="item7-card-img">
									<a href="javascript:void(0)"></a>
									<img src="../../assets/images/media/0-5.jpg" alt="img" class="cover-image br-7 mb-4 border">
								</div>
								<div class="item7-card-desc d-flex mb-2">
									<a href="javascript:void(0)"><i class="fe fe-calendar me-2"></i>Nov-28-2018</a>
									<div class="ms-auto">
										<a href="javascript:void(0)"><i class="fe fe-message-circle me-2"></i>2 Comments</a>
									</div>
								</div>
								<a href="blog-details.html"><h4 class="font-weight-semibold mb-2 mt-3">Sed ut perspiciatis iste</h4></a>
								<p class="mb-4">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat </p>
								<a class="btn btn-primary" href="blog-details.html">Read More <i class="fe fe-chevron-right"></i></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="card mb-0">
							<div class="card-body p-4">
								<div class="item7-card-img">
									<a href="javascript:void(0)"></a>
									<img src="../../assets/images/media/0-6.jpg" alt="img" class="cover-image br-7 mb-4 border">
								</div>
								<div class="item7-card-desc d-flex mb-2">
									<a href="javascript:void(0)"><i class="fe fe-calendar me-2"></i>Nov-19-2018</a>
									<div class="ms-auto">
										<a href="javascript:void(0)"><i class="fe fe-message-circle me-2"></i>8 Comments</a>
									</div>
								</div>
								<a href="blog-details.html"><h4 class="font-weight-semibold mb-2 mt-3">At vero accusamus et iusto</h4></a>
								<p class="mb-4">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat </p>
								<a class="btn btn-primary" href="blog-details.html">Read More <i class="fe fe-chevron-right"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<section class="cover-image sptb bg-background-1" data-bs-image-src="../../assets/images/banners/banner5.jpg">
			<div class="content-text mb-0">
				<div class="container">
					<div class="text-white">
						<div class="row">
							<div class="col-lg-6">
								<div class="mt-0">
									<h1 class="mb-2 font-weight-semibold">Subscribe</h1>
									<p class="fs-18 mb-0">Many desktop publishing packages and web page editors.</p>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="mt-4">
									<div class="input-group sub-input mt-1">
										<input type="text" class="form-control input-lg  br-ts-7  br-bs-7" placeholder="Enter your Email">
										<div class="input-group-text ">
											<button type="button" class="btn btn-secondary btn-lg br-te-7  br-be-7">
												Subscribe
											</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/Section-->

		<!--Section-->
		<div class="position-relative">
            <div class="shape overflow-hidden bottom-footer-shape">
                <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
                    <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
                </svg>
            </div>
        </div>
		<!--/Section-->

		<!--Footer Section-->
		<footer class="bg-dark">
			<div class="footer-main footer-main1">
				<div class="container">
					<div class="row">
						<div class="col-lg-6">
							<div class="row">
								<div class="col-lg-7 col-md-12">
									<img src="../../assets/images/brand/logo-white.png" class="w-auto border-0" alt="img">
									<ul class="list-unstyled mb-0 mt-4">
										<li>
											<a href="javascript:void(0)">Second stret, New York, NY 10012, US</a>
										</li>
										<li>
											<a href="javascript:void(0)">info@example.com, info@edomi.com</a></li>
										<li>
											<a href="javascript:void(0)">+ 01 234 567 88</a>
										</li>
										 <li>
											<a href="javascript:void(0)">+ 01 234 567 89</a>
										</li>
									</ul>
									<ul class="list-unstyled list-inline mt-5 mb-lg-0 mb-5">
										<li class="list-inline-item">
											<a class="social-icons btn-sm rgba-white-slight waves-effect waves-light">
												<i class="fa fa-facebook"></i>
											</a>
										</li>
										<li class="list-inline-item">
											<a class="social-icons btn-sm rgba-white-slight waves-effect waves-light">
												<i class="fa fa-twitter"></i>
											</a>
										</li>
										<li class="list-inline-item">
											<a class="social-icons btn-sm rgba-white-slight waves-effect waves-light">
												<i class="fa fa-google-plus"></i>
											</a>
										</li>
										<li class="list-inline-item">
											<a class="social-icons btn-sm rgba-white-slight waves-effect waves-light">
												<i class="fa fa-linkedin"></i>
											</a>
										</li>
										<li class="list-inline-item">
											<a class="social-icons btn-sm rgba-white-slight waves-effect waves-light">
												<i class="fa fa-github"></i>
											</a>
										</li>
									</ul>
								</div>
								<div class="col-lg-5 col-md-12">
									<h6 class="font-weight-normal text-white">Categories</h6>
									<ul class="list-unstyled mb-5 mb-lg-0">
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Software Development</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Web Development</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Web Designing</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Business Classes</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Animation Classes</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Networking Classes</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="row">
								<div class="col-lg-4 col-md-12">
									<h6 class="font-weight-normal text-white">Courses</h6>
									<ul class="list-unstyled mb-5 mb-lg-0">
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Angular</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Java</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> HTML</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Devops</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Php Laravel</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Digital Marketing</a></li>
									</ul>
								</div>
								<div class="col-lg-4 col-md-12">
									<h6 class="font-weight-normal text-white">Our Company</h6>
									<ul class="list-unstyled mb-lg-0 mb-5">
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Our Team</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Contact US</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> About Us</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Services</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Blog News</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Online Classes</a></li>
									</ul>
								</div>
								<div class="col-lg-4 col-md-12">
									<h6 class="font-weight-normal text-white">Support</h6>
									<ul class="list-unstyled mb-5 mb-lg-0">
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Home</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Sitemap</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Privacy Policy</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Cooky Policy</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Web User Plocy</a></li>
										<li><a href="javascript:;"><i class="fe fe-chevron-right"></i> Terms and Services</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="py-4 footer-main border-bottom bg-dark p-0 border-top-0 border-white-1">
				<div class="container">
					<div class="row">
						<div class="col-lg">
							<ul class="payments mb-0 mt-2">
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-cc-amex" aria-hidden="true"></i></a>
								</li>
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-cc-visa" aria-hidden="true"></i></a>
								</li>
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-credit-card-alt" aria-hidden="true"></i></a>
								</li>
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-cc-mastercard" aria-hidden="true"></i></a>
								</li>
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-cc-paypal" aria-hidden="true"></i></a>
								</li>
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-cc-discover" aria-hidden="true"></i></a>
								</li>
								<li>
									<a href="javascript:void(0)" class="payments-icon text-white-50"><i class="fa fa-google-wallet" aria-hidden="true"></i></a>
								</li>
							</ul>
						</div>
						<div class="col-lg col-lg-auto">
							<div class="form-group d-flex mb-0">
								<div class="me-4 w-200">
									<select class="form-control select2" data-placeholder="Select Country">
										<option value="en">English</option>
										<option value="en">Arabic</option>
										<option value="en">German</option>
										<option value="en">Greek</option>
									</select>
								</div>
								<div class="me-4 w-200">
									<select class="form-control select2" data-placeholder="Select Country">
										<option value="en">USD</option>
										<option value="en">EUR</option>
										<option value="en">INR</option>
										<option value="en">GBP</option>
									</select>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="py-3 bg-dark">
				<div class="container">
					<div class="row d-flex">
						<div class="col-lg-12 col-sm-12  mt-2 mb-2 text-center text-white">
							Copyright © 2021 <a href="javascript:void(0)"  class="fs-14 text-primary">Edomi</a>. Designed with <span class="fa fa-heart text-danger"></span> by <a href="javascript:void(0)" class="fs-14 text-primary"> Spruko </a> All rights reserved.
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!--Footer Section-->

		<!-- Video Modal -->
		<div class="modal fade" id="homeVideo" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<button type="button" class="btn btn-default" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>
					<div class="embed-responsive embed-responsive-16by9">
						<iframe width="560" height="315" src="https://www.youtube.com/embed/vslJ5OcgPyA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
					</div>
				</div>
			</div>
		</div>
		<!-- /Video Modal -->

		<!-- Back to top -->
		<a href="#top" id="back-to-top" ><i class="fa fa-long-arrow-up"></i></a>

		<!-- JQuery js-->
		<script src="../../assets/js/jquery.min.js"></script>

		<!-- Bootstrap js -->
		<script src="../../assets/plugins/bootstrap/js/popper.min.js"></script>
		<script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>

		<!--JQuery Sparkline js-->
		<script src="../../assets/js/jquery.sparkline.min.js"></script>

		<!-- Circle Progress js-->
		<script src="../../assets/js/circle-progress.min.js"></script>

		<!-- Jquery-bar-rating Js-->
		<script src="../../assets/plugins/jquery-bar-rating/jquery.barrating.js"></script>
		<script src="../../assets/plugins/jquery-bar-rating/js/rating.js"></script>

		<!--Counters js-->
		<script src="../../assets/plugins/counters/counterup.min.js"></script>
		<script src="../../assets/plugins/counters/waypoints.min.js"></script>
		<script src="../../assets/plugins/counters/numeric-counter.js"></script>

		<!--Owl Carousel js -->
		<script src="../../assets/plugins/owl-carousel/owl.carousel.js"></script>

		<!--Horizontal Menu js-->
		<script src="../../assets/plugins/horizontal-menu/horizontal-menu.js"></script>

		<!-- sticky js-->
		<script src="../../assets/js/sticky.js"></script>

		<!--JQuery TouchSwipe js-->
		<script src="../../assets/js/jquery.touchSwipe.min.js"></script>

		<!--Select2 js -->
		<script src="../../assets/plugins/select2/select2.full.min.js"></script>
		<script src="../../assets/js/select2.js"></script>

		<!-- Internal :::   Jquery flexdatalist js -->
		<script src="../../assets/plugins/jquery.flexdatalist/jquery.flexdatalist.js"></script>
		<script src="../../assets/plugins/jquery.flexdatalist/data-list.js"></script>

		<!-- Switcher js -->
		<script src="../../assets/switcher/js/switcher.js"></script>

		<!-- Cookie js -->
		<script src="../../assets/plugins/cookie/jquery.ihavecookies.js"></script>
		<script src="../../assets/plugins/cookie/cookie.js"></script>

		<!-- Scripts js-->
		<script src="../../assets/js/owl-carousel.js"></script>

		<!-- Custom js-->
		<script src="../../assets/js/custom.js"></script>

	</body>

<!-- Mirrored from spruko.com/demo/edomi/Edomi/LTR/Html/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Sep 2021 10:55:29 GMT -->
</html>