staticupttik/index-3.html
2022-11-06 10:37:20 +07:00

1120 lines
60 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="zxx">
<!-- Mirrored from themepure.net/template/educal/educal/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:48 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Educal Online Learning and Education HTML5 Template </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/preloader.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.css">
<link rel="stylesheet" href="assets/css/backToTop.css">
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="assets/css/fontAwesome5Pro.css">
<link rel="stylesheet" href="assets/css/elegantFont.css">
<link rel="stylesheet" href="assets/css/default.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<!-- pre loader area start -->
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="loading-content">
<img class="loading-logo-text" src="assets/img/logo/logo-text-2.png" alt="">
<div class="loading-stroke">
<img class="loading-logo-icon" src="assets/img/logo/logo-icon.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- pre loader area end -->
<!-- back to top start -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- back to top end -->
<!-- header area start -->
<header>
<div id="header-sticky" class="header__area header__transparent header__padding-2">
<div class="container">
<div class="row align-items-center">
<div class="col-xxl-2 col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6">
<div class="header__left d-flex">
<div class="logo">
<a href="index.html">
<img class="logo-white" src="assets/img/logo/logo-2.png" alt="logo">
<img class="logo-black" src="assets/img/logo/logo.png" alt="logo">
</a>
</div>
</div>
</div>
<div class="col-xxl-5 col-xl-5 d-none d-xl-block">
<div class="main-menu main-menu-3">
<nav id="mobile-menu">
<ul>
<li class="has-dropdown">
<a href="index.html">Home</a>
<ul class="submenu">
<li><a href="index.html">Home Style 1</a></li>
<li><a href="index-2.html">Home Style 2</a></li>
<li><a href="index-3.html">Home Style 3</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="course-grid.html">Courses</a>
<ul class="submenu">
<li><a href="course-grid.html">Courses</a></li>
<li><a href="course-list.html">Course List</a></li>
<li><a href="course-sidebar.html">Course sidebar</a></li>
<li><a href="course-details.html">Course Details</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="blog.html">Blog</a>
<ul class="submenu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="course-grid.html">Pages</a>
<ul class="submenu">
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="cart.html">My Cart</a></li>
<li><a href="wishlist.html">My Wishlist</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="error.html">Error</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-5 col-xl-5 col-lg-6 col-md-6 col-sm-6 col-6">
<div class="header__right d-flex justify-content-end align-items-center">
<div class="header__search-2">
<svg class="search-toggle" viewBox="0 0 584.4 584.4">
<g>
<g>
<path class="st0" d="M565.7,474.9l-61.1-61.1c-3.8-3.8-8.8-5.9-13.9-5.9c-6.3,0-12.1,3-15.9,8.3c-16.3,22.4-36,42.1-58.4,58.4 c-4.8,3.5-7.8,8.8-8.3,14.5c-0.4,5.6,1.7,11.3,5.8,15.4l61.1,61.1c12.1,12.1,28.2,18.8,45.4,18.8c17.1,0,33.3-6.7,45.4-18.8 C590.7,540.6,590.7,499.9,565.7,474.9z"/>
<path class="st1" d="M254.6,509.1c140.4,0,254.5-114.2,254.5-254.5C509.1,114.2,394.9,0,254.6,0C114.2,0,0,114.2,0,254.5 C0,394.9,114.2,509.1,254.6,509.1z M254.6,76.4c98.2,0,178.1,79.9,178.1,178.1s-79.9,178.1-178.1,178.1S76.4,352.8,76.4,254.5 S156.3,76.4,254.6,76.4z"/>
</g>
</g>
</svg>
</div>
<div class="header__btn header__btn-2 ml-30 d-none d-sm-block">
<a href="sign-up.html" class="e-btn">Sign up</a>
</div>
<div class="sidebar__menu d-xl-none">
<div class="sidebar-toggle-btn sidebar-toggle-btn-white ml-30" id="sidebar-toggle">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area end -->
<!-- search area start -->
<div class="header__search-3 white-bg transition-3">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="header__search-3-inner text-center">
<form action="#">
<div class="header__search-3-btn">
<a href="javascript:void(0);" class="header__search-3-btn-close"><i class="fal fa-times"></i></a>
</div>
<div class="header__search-3-header">
<h3>Search</h3>
</div>
<div class="header__search-3-categories">
<ul class="search-category">
<li><a href="shop.html">All Categories</a></li>
<li><a href="shop.html">Accessories</a></li>
<li><a href="shop.html">Chair</a></li>
<li><a href="shop.html">Tablet</a></li>
<li><a href="shop.html">Men</a></li>
<li><a href="shop.html">Women</a></li>
</ul>
</div>
<div class="header__search-3-input p-relative">
<input type="text" placeholder="Search for products... ">
<button type="submit"><i class="far fa-search"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- search area end -->
<!-- cart mini area start -->
<div class="cartmini__area">
<div class="cartmini__wrapper">
<div class="cartmini__title">
<h4>Shopping cart</h4>
</div>
<div class="cartmini__close">
<button type="button" class="cartmini__close-btn"><i class="fal fa-times"></i></button>
</div>
<div class="cartmini__widget">
<div class="cartmini__inner">
<ul>
<li>
<div class="cartmini__thumb">
<a href="#">
<img src="assets/img/course/sm/cart-1.jpg" alt="">
</a>
</div>
<div class="cartmini__content">
<h5><a href="#">Strategy law and organization Foundation </a></h5>
<div class="product-quantity mt-10 mb-10">
<span class="cart-minus">-</span>
<input class="cart-input" type="text" value="1"/>
<span class="cart-plus">+</span>
</div>
<div class="product__sm-price-wrapper">
<span class="product__sm-price">$46.00</span>
</div>
</div>
<a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
</li>
<li>
<div class="cartmini__thumb">
<a href="#">
<img src="assets/img/course/sm/cart-2.jpg" alt="">
</a>
</div>
<div class="cartmini__content">
<h5><a href="#">Fundamentals of music theory Learn new</a></h5>
<div class="product-quantity mt-10 mb-10">
<span class="cart-minus">-</span>
<input class="cart-input" type="text" value="1"/>
<span class="cart-plus">+</span>
</div>
<div class="product__sm-price-wrapper">
<span class="product__sm-price">$32.00</span>
</div>
</div>
<a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
</li>
<li>
<div class="cartmini__thumb">
<a href="#">
<img src="assets/img/course/sm/cart-3.jpg" alt="">
</a>
</div>
<div class="cartmini__content">
<h5><a href="#">Strategy law and organization Foundation </a></h5>
<div class="product-quantity mt-10 mb-10">
<span class="cart-minus">-</span>
<input class="cart-input" type="text" value="1"/>
<span class="cart-plus">+</span>
</div>
<div class="product__sm-price-wrapper">
<span class="product__sm-price">$62.00</span>
</div>
</div>
<a href="#" class="cartmini__del"><i class="fal fa-times"></i></a>
</li>
</ul>
</div>
<div class="cartmini__checkout">
<div class="cartmini__checkout-title mb-30">
<h4>Subtotal:</h4>
<span>$113.00</span>
</div>
<div class="cartmini__checkout-btn">
<a href="cart.html" class="e-btn e-btn-border mb-10 w-100"> <span></span> view cart</a>
<a href="checkout.html" class="e-btn w-100"> <span></span> checkout</a>
</div>
</div>
</div>
</div>
</div>
<div class="body-overlay"></div>
<!-- cart mini area end -->
<!-- sidebar area start -->
<div class="sidebar__area">
<div class="sidebar__wrapper">
<div class="sidebar__close">
<button class="sidebar__close-btn" id="sidebar__close-btn">
<span><i class="fal fa-times"></i></span>
<span>close</span>
</button>
</div>
<div class="sidebar__content">
<div class="logo mb-40">
<a href="index.html">
<img src="assets/img/logo/logo.png" alt="logo">
</a>
</div>
<div class="mobile-menu fix"></div>
<div class="sidebar__search p-relative mt-40 ">
<form action="#">
<input type="text" placeholder="Search...">
<button type="submit"><i class="fad fa-search"></i></button>
</form>
</div>
<div class="sidebar__cart mt-30">
<a href="#">
<div class="header__cart-icon">
<svg viewBox="0 0 24 24">
<circle class="st0" cx="9" cy="21" r="1"/>
<circle class="st0" cx="20" cy="21" r="1"/>
<path class="st0" d="M1,1h4l2.7,13.4c0.2,1,1,1.6,2,1.6h9.7c1,0,1.8-0.7,2-1.6L23,6H6"/>
</svg>
</div>
<span class="cart-item">2</span>
</a>
</div>
</div>
</div>
</div>
<!-- sidebar area end -->
<div class="body-overlay"></div>
<!-- sidebar area end -->
<main>
<!-- slider area start -->
<section class="slider__area p-relative">
<div class="slider__wrapper swiper-container">
<div class="swiper-wrapper">
<div class="single-slider swiper-slide slider__height slider__overlay d-flex align-items-center" data-background="assets/img/slider/slider-4.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-7 col-xl-8 col-lg-9 col-md-9 col-sm-10">
<div class="slider__content">
<span>Learn & Achieve</span>
<h3 class="slider__title">Find the right Online <span class="yellow-bg">tutor <img src="assets/img/shape/yellow-bg.png" alt=""> </span> for you.</h3>
<p>Meet university,and cultural institutions, who'll share their experience.</p>
<a href="about.html" class="e-btn slider__btn">Ready to get Started?</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slider swiper-slide slider__height slider__overlay d-flex align-items-center" data-background="assets/img/slider/slider-1.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-7 col-xl-8 col-lg-9 col-md-9 col-sm-10">
<div class="slider__content">
<span>Learn & Achieve</span>
<h3 class="slider__title">Fundamentals of music <span class="yellow-bg">theory <img src="assets/img/shape/yellow-bg.png" alt=""> </span> Learn</h3>
<p>Meet university,and cultural institutions, who'll share their experience.</p>
<a href="about.html" class="e-btn slider__btn">Ready to get Started?</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slider swiper-slide slider__height slider__overlay d-flex align-items-center" data-background="assets/img/slider/slider-2.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-7 col-xl-8 col-lg-9 col-md-9 col-sm-10">
<div class="slider__content">
<span>Learn & Achieve</span>
<h3 class="slider__title">Become a product <span class="yellow-bg">Manager <img src="assets/img/shape/yellow-bg.png" alt=""> </span> & learn.</h3>
<p>Meet university,and cultural institutions, who'll share their experience.</p>
<a href="about.html" class="e-btn slider__btn">Ready to get Started?</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slider swiper-slide slider__height slider__overlay d-flex align-items-center" data-background="assets/img/slider/slider-3.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-7 col-xl-8 col-lg-9 col-md-9 col-sm-10">
<div class="slider__content">
<span>Learn & Achieve</span>
<h3 class="slider__title">Launch your <span class="yellow-bg">online <img src="assets/img/shape/yellow-bg.png" alt=""> </span> learning Platform.</h3>
<p>Meet university,and cultural institutions, who'll share their experience.</p>
<a href="about.html" class="e-btn slider__btn">Ready to get Started?</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-container slider__nav d-none d-md-block">
<div class="swiper-wrapper">
<div class="slider__nav-item swiper-slide orange-bg" data-background="assets/img/slider/nav/slider-nav-4.jpg">
<div class="slider__nav-content">
<span>6 Courses</span>
<h4>Programming Languages</h4>
</div>
</div>
<div class="slider__nav-item swiper-slide blue-bg" data-background="assets/img/slider/nav/slider-nav-1.jpg">
<div class="slider__nav-content">
<span>4 Courses</span>
<h4>Idea Discussion</h4>
</div>
</div>
<div class="slider__nav-item swiper-slide pink-bg" data-background="assets/img/slider/nav/slider-nav-2.jpg">
<div class="slider__nav-content">
<span>8 Courses</span>
<h4>Web Development</h4>
</div>
</div>
<div class="slider__nav-item swiper-slide green-bg" data-background="assets/img/slider/nav/slider-nav-3.jpg">
<div class="slider__nav-content">
<span>8 Courses</span>
<h4>System Administration</h4>
</div>
</div>
</div>
</div>
</section>
<!-- slider area end -->
<!-- about area start -->
<section class="about__area pt-120 pb-150">
<div class="container">
<div class="row">
<div class="col-xxl-5 offset-xxl-1 col-xl-6 col-lg-6">
<div class="about__thumb-wrapper">
<div class="about__review">
<h5> <span>8,200+</span> five ster reviews</h5>
</div>
<div class="about__thumb ml-100">
<img src="assets/img/about/about.jpg" alt="">
</div>
<div class="about__banner mt--210">
<img src="assets/img/about/about-banner.jpg" alt="">
</div>
<div class="about__student ml-270 mt--80">
<a href="#">
<img src="assets/img/about/student-4.jpg" alt="">
<img src="assets/img/about/student-3.jpg" alt="">
<img src="assets/img/about/student-2.jpg" alt="">
<img src="assets/img/about/student-1.jpg" alt="">
</a>
<p>Join over <span>4,000+</span> students</p>
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6">
<div class="about__content pl-70 pr-60 pt-25">
<div class="section__title-wrapper mb-25">
<h2 class="section__title">Achieve your <br><span class="yellow-bg-big">Goals <img src="assets/img/shape/yellow-bg-2.png" alt=""></span> with Educal </h2>
<p>Lost the plot bobby such a fibber bleeding bits and bobs don't get shirty with me bugger all mate chinwag super pukka william barney, horse play buggered.</p>
</div>
<div class="about__list mb-35">
<ul>
<li class="d-flex align-items-center"> <i class="icon_check"></i> Upskill your organization.</li>
<li class="d-flex align-items-center"> <i class="icon_check"></i> Access more then 100K online courses</li>
<li class="d-flex align-items-center"> <i class="icon_check"></i> Learn the latest skills</li>
</ul>
</div>
<a href="contact.html" class="e-btn e-btn-border">apply now</a>
</div>
</div>
</div>
</div>
</section>
<!-- about area end -->
<!-- brand area start -->
<section class="brand__area pb-110">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="brand__content text-center">
<h3 class="brand__title">Trusted by 100 world's best companies</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="brand__slider swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="brand__item">
<img src="assets/img/brand/brand-1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item">
<img src="assets/img/brand/brand-2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item">
<img src="assets/img/brand/brand-3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item">
<img src="assets/img/brand/brand-4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item">
<img src="assets/img/brand/brand-5.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item">
<img src="assets/img/brand/brand-6.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="brand__more text-center">
<a href="about.html" class="link-btn">
View all partners
<i class="far fa-arrow-right"></i>
<i class="far fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- brand area end -->
<!-- course area start -->
<section class="course__area grey-bg pt-115 pb-120">
<div class="container">
<div class="row align-items-end">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-8">
<div class="section__title-wrapper mb-60">
<h2 class="section__title">Online<span class="yellow-bg"> Courses <img src="assets/img/shape/yellow-bg-2.png" alt=""> </span> <br> For anyone, anywhere
</h2>
<p>You don't have to struggle alone, you've got our assistance and help.</p>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-4">
<div class="category__more mb-60 float-md-end fix">
<a href="course-grid.html" class="link-btn">
View All Courses
<i class="far fa-arrow-right"></i>
<i class="far fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="course__item course__item-2 white-bg mb-30 transition-3">
<div class="course__thumb fix w-img">
<a href="course-details.html">
<img src="assets/img/course/home-3/course-1.jpg" alt="">
</a>
</div>
<div class="course__content-2">
<h3 class="course__title-2"><a href="course-details.html">Product Manager Learn the Skills & job.</a></h3>
<p>Top instructors from around the world teach millions of students on Quillow. Get unlimited.</p>
<div class="course__bottom d-sm-flex justify-content-between align-items-center">
<div class="course__teacher-2 d-flex align-items-center">
<div class="course__teacher-thumb-2 mr-20">
<img src="assets/img/course/teacher/home-3/teacher-1.jpg" alt="">
<div class="course__teacher-rating">
<i class="icon_star"></i>
</div>
</div>
<div class="course__teacher-info">
<h6><a href="instructor-details.html">Jim Séchen</a></h6>
<span>Product Designer</span>
</div>
</div>
<div class="course__meta">
<div class="course__lesson">
<span><i class="far fa-book-alt"></i>43 Lesson</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="course__item course__item-2 white-bg mb-30 transition-3">
<div class="course__thumb fix w-img">
<a href="course-details.html">
<img src="assets/img/course/home-3/course-2.jpg" alt="">
</a>
</div>
<div class="course__content-2">
<h3 class="course__title-2"><a href="course-details.html">The Importance Of Intrinsic for Students.</a></h3>
<p>Top instructors from around the world teach millions of students on Quillow. Get unlimited.</p>
<div class="course__bottom d-sm-flex justify-content-between align-items-center">
<div class="course__teacher-2 d-flex align-items-center">
<div class="course__teacher-thumb-2 mr-20">
<img src="assets/img/course/teacher/home-3/teacher-2.jpg" alt="">
<div class="course__teacher-rating">
<i class="icon_star"></i>
</div>
</div>
<div class="course__teacher-info">
<h6><a href="instructor-details.html">Craig Weber</a></h6>
<span>UX Designer</span>
</div>
</div>
<div class="course__meta">
<div class="course__lesson">
<span><i class="far fa-book-alt"></i>30 Lesson</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- course area end -->
<!-- teacher area start -->
<section class="teacher__area pt-115 pb-100">
<div class="container">
<div class="row">
<div class="col-xxl-6 offset-xxl-3">
<div class="section__title-wrapper text-center mb-60">
<h2 class="section__title">Our Most <br>
Popular <span class="yellow-bg"> Teachers <img src="assets/img/shape/yellow-bg-2.png" alt=""> </span> <br>
</h2>
<p>You don't have to struggle alone, you've got our assistance and help.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div class="teacher__item text-center grey-bg-5 transition-3 mb-30">
<div class="teacher__thumb w-img fix">
<a href="#">
<img src="assets/img/teacher/teacger-1.jpg" alt="">
</a>
</div>
<div class="teacher__content">
<h3 class="teacher__title"><a href="instructor-details.html">Lillian Walsh,</a></h3>
<span> CO Founder</span>
<div class="teacher__social">
<ul>
<li><a href="#"><i class="social_facebook"></i></a></li>
<li><a href="#"><i class="social_twitter"></i></a></li>
<li><a href="#"><i class="social_vimeo"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div class="teacher__item text-center grey-bg-5 transition-3 mb-30">
<div class="teacher__thumb w-img fix">
<a href="#">
<img src="assets/img/teacher/teacher-2.jpg" alt="">
</a>
</div>
<div class="teacher__content">
<h3 class="teacher__title"><a href="instructor-details.html">Kelly Franklin,</a></h3>
<span>Desginer</span>
<div class="teacher__social">
<ul>
<li><a href="#"><i class="social_facebook"></i></a></li>
<li><a href="#"><i class="social_twitter"></i></a></li>
<li><a href="#"><i class="social_vimeo"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div class="teacher__item text-center grey-bg-5 transition-3 mb-30">
<div class="teacher__thumb w-img fix">
<a href="#">
<img src="assets/img/teacher/teacher-3.jpg" alt="">
</a>
</div>
<div class="teacher__content">
<h3 class="teacher__title"><a href="instructor-details.html">Hilary Ouse,</a></h3>
<span>Markater</span>
<div class="teacher__social">
<ul>
<li><a href="#"><i class="social_facebook"></i></a></li>
<li><a href="#"><i class="social_twitter"></i></a></li>
<li><a href="#"><i class="social_vimeo"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="teacher__more text-center mt-30">
<a href="contact.html" class="e-btn e-btn-border e-btn-5">Become an Instructor</a>
</div>
</div>
</div>
</div>
</section>
<!-- teacher area end -->
<!-- cta area start -->
<section class="cta__area pb-150">
<div class="container">
<div class="cta__inner-3 p-relative grey-bg-2 pt-75 pb-75 fix">
<div class="cta__shape-3">
<img class="cta-2" src="assets/img/cta/cta-shape-1.png" alt="">
<img class="cta-3" src="assets/img/cta/cta-shape-2.png" alt="">
</div>
<div class="row">
<div class="col-xxl-12">
<div class="cta__content text-center p-relative">
<span>Coming June</span>
<h3 class="cta__title-2">Built to stand out.</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="cta__form grey-bg-2">
<div class="cta__form-inner">
<form action="#">
<input type="text" placeholder="Your Name">
<input type="email" placeholder="Your Email">
<button type="submit" class="e-btn e-btn-6">Take A Free Course</button>
</form>
</div>
<div class="cta__agree d-flex align-items-center">
<input class="e-check-input" type="checkbox" id="e-agree">
<label class="e-check-label" for="e-agree">By signing up you agree to our <a href="#"> Terms & Conditions</a></label>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cta area start -->
<!-- testimonial area start -->
<section class="testimonial__area pt-145 pb-150" data-background="assets/img/testimonial/home-3/testimonial-bg-3.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-10">
<div class="testimonial__slider-3">
<h3 class="testimonial__title">Student <br> Community Feedback</h3>
<div class="testimonial__slider-wrapper swiper-container testimonial-text mb-35">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial__item-3">
<p>“After I started learning design with Quillow, I realized that I had improved to very advanced levels. While I am studying at my university, I design as an additional
income and I am sure that I will do this professionally.”</p>
<div class="testimonial__info-2">
<h4>James Lee,</h4>
<span>Student @Educal University</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__item-3">
<p>“After I started learning design with Quillow, I realized that I had improved to very advanced levels. While I am studying at my university, I design as an additional
income and I am sure that I will do this professionally.”</p>
<div class="testimonial__info-2">
<h4>James Lee,</h4>
<span>Student @Educal University</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__item-3">
<p>“After I started learning design with Quillow, I realized that I had improved to very advanced levels. While I am studying at my university, I design as an additional
income and I am sure that I will do this professionally.”</p>
<div class="testimonial__info-2">
<h4>James Lee,</h4>
<span>Student @Educal University</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__item-3">
<p>“After I started learning design with Quillow, I realized that I had improved to very advanced levels. While I am studying at my university, I design as an additional
income and I am sure that I will do this professionally.”</p>
<div class="testimonial__info-2">
<h4>James Lee,</h4>
<span>Student @Educal University</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-container testimonial-nav">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial__nav-thumb">
<img src="assets/img/testimonial/home-3/testi-1.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__nav-thumb">
<img src="assets/img/testimonial/home-3/testi-2.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__nav-thumb">
<img src="assets/img/testimonial/home-3/testi-3.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="testimonial__nav-thumb">
<img src="assets/img/testimonial/home-3/testi-2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-10">
<div class="testimonial__video ml-70 fix">
<div class="testimonial__thumb-3">
<iframe src="https://www.youtube.com/embed/Rr0uFzAOQus" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
</div>
<div class="testimonial__video-content d-sm-flex">
<div class="testimonial__video-icon mr-20 mb-20">
<span>
<svg version="1.1" id="educal-youtube" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<path class="st0" d="M22,11.1V12c0,5.5-4.5,10-10,10C6.5,22,2,17.5,2,12C2,6.5,6.5,2,12,2c1.4,0,2.8,0.3,4.1,0.9"/>
<polyline class="st0" points="22,4 12,14 9,11 "/>
</svg>
</span>
</div>
<div class="testimonial__video-text">
<h4>Course Outcome</h4>
<p>Faff about A bit of how's your father getmate cack codswallop crikey argy-bargy cobblers lost his bottle.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- testimonial area end -->
<!-- why area start -->
<section class="why__area pt-125">
<div class="container">
<div class="row align-items-center">
<div class="col-xxl-5 offset-xxl-1 col-xl-5 offset-xl-1 col-lg-6 col-md-8">
<div class="why__content pr-50 mt-40">
<div class="section__title-wrapper mb-30">
<span class="section__sub-title">Why Choses Me</span>
<h2 class="section__title">Tools for <span class="yellow-bg yellow-bg-big">Teachers<img src="assets/img/shape/yellow-bg.png" alt=""></span> and Learners</h2>
<p>Oxford chimney pot Eaton faff about blower blatant brilliant, bubble and squeak he legged it Charles bonnet arse at public school bamboozled.</p>
</div>
<div class="why__btn">
<a href="contact.html" class="e-btn e-btn-3 mr-30">Join for Free</a>
<a href="about.html" class="link-btn">
Learn More
<i class="far fa-arrow-right"></i>
<i class="far fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="col-xxl-5 col-xl-5 col-lg-6 col-md-8">
<div class="why__thumb">
<img src="assets/img/why/why.png" alt="">
<img class="why-green" src="assets/img/why/why-shape-green.png" alt="">
<img class="why-pink" src="assets/img/why/why-shape-pink.png" alt="">
<img class="why-dot" src="assets/img/why/why-shape-dot.png" alt="">
<img class="why-line" src="assets/img/why/why-shape-line.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- why area end -->
<!-- blog area start -->
<section class="blog__area pt-115 pb-130">
<div class="container">
<div class="row">
<div class="col-xxl-6 offset-xxl-3">
<div class="section__title-wrapper text-center mb-60">
<h2 class="section__title">We share <br>
Our <span class="yellow-bg yellow-bg-big">thoughts <img src="assets/img/shape/yellow-bg.png" alt=""></span>on design</h2>
<p>You don't have to struggle alone, you've got our assistance and help.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div class="blog__item white-bg mb-30 transition-3 fix">
<div class="blog__thumb w-img fix">
<a href="blog-details.html">
<img src="assets/img/blog/blog-1.jpg" alt="">
</a>
</div>
<div class="blog__content">
<div class="blog__tag">
<a href="#">Art & Design</a>
</div>
<h3 class="blog__title"><a href="blog-details.html">The Challenge Of Global Learning In Public Education</a></h3>
<div class="blog__meta d-flex align-items-center justify-content-between">
<div class="blog__author d-flex align-items-center">
<div class="blog__author-thumb mr-10">
<img src="assets/img/blog/author/author-1.jpg" alt="">
</div>
<div class="blog__author-info">
<h5>Jim Séchen</h5>
</div>
</div>
<div class="blog__date d-flex align-items-center">
<i class="fal fa-clock"></i>
<span>April 02, 2022</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div class="blog__item white-bg mb-30 transition-3 fix">
<div class="blog__thumb w-img fix">
<a href="blog-details.html">
<img src="assets/img/blog/blog-2.jpg" alt="">
</a>
</div>
<div class="blog__content">
<div class="blog__tag">
<a href="#" class="purple">Marketing</a>
</div>
<h3 class="blog__title"><a href="blog-details.html">Exactly How Technology Can Make Reading Better</a></h3>
<div class="blog__meta d-flex align-items-center justify-content-between">
<div class="blog__author d-flex align-items-center">
<div class="blog__author-thumb mr-10">
<img src="assets/img/blog/author/author-2.jpg" alt="">
</div>
<div class="blog__author-info">
<h5>Barry Tone</h5>
</div>
</div>
<div class="blog__date d-flex align-items-center">
<i class="fal fa-clock"></i>
<span>July 02, 2022</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
<div class="blog__item white-bg mb-30 transition-3 fix">
<div class="blog__thumb w-img fix">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3.jpg" alt="">
</a>
</div>
<div class="blog__content">
<div class="blog__tag">
<a href="#" class="pink">UX Design</a>
</div>
<h3 class="blog__title"><a href="blog-details.html">New Chicago school budget relies on state pension</a></h3>
<div class="blog__meta d-flex align-items-center justify-content-between">
<div class="blog__author d-flex align-items-center">
<div class="blog__author-thumb mr-10">
<img src="assets/img/blog/author/author-3.jpg" alt="">
</div>
<div class="blog__author-info">
<h5>Barry Tone</h5>
</div>
</div>
<div class="blog__date d-flex align-items-center">
<i class="fal fa-clock"></i>
<span>July 02, 2022</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- blog area end -->
</main>
<!-- footer area start -->
<footer>
<div class="footer__area footer-bg">
<div class="footer__top pt-90 pb-40">
<div class="container">
<div class="row">
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="footer__widget mb-50">
<div class="footer__widget-head mb-22">
<div class="footer__logo">
<a href="index.html">
<img src="assets/img/logo/logo-2.png" alt="">
</a>
</div>
</div>
<div class="footer__widget-body">
<p>Great lesson ideas and lesson plans for ESL teachers! Educators can customize lesson plans to best.</p>
<div class="footer__social">
<ul>
<li><a href="#"><i class="social_facebook"></i></a></li>
<li><a href="#" class="tw"><i class="social_twitter"></i></a></li>
<li><a href="#" class="pin"><i class="social_pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-2 offset-xxl-1 col-xl-2 offset-xl-1 col-lg-3 offset-lg-0 col-md-2 offset-md-1 col-sm-5 offset-sm-1">
<div class="footer__widget mb-50">
<div class="footer__widget-head mb-22">
<h3 class="footer__widget-title">Company</h3>
</div>
<div class="footer__widget-body">
<div class="footer__link">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Instructor</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">Become a Teacher</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-2 col-xl-2 col-lg-2 offset-lg-0 col-md-3 offset-md-1 col-sm-6">
<div class="footer__widget mb-50">
<div class="footer__widget-head mb-22">
<h3 class="footer__widget-title">Platform</h3>
</div>
<div class="footer__widget-body">
<div class="footer__link">
<ul>
<li><a href="#">Browse Library</a></li>
<li><a href="#">Library</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">News & Blogs</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Tutorials</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-5 col-sm-6">
<div class="footer__widget footer__pl-70 mb-50">
<div class="footer__widget-head mb-22">
<h3 class="footer__widget-title">Subscribe</h3>
</div>
<div class="footer__widget-body">
<div class="footer__subscribe">
<form action="#">
<div class="footer__subscribe-input mb-15">
<input type="email" placeholder="Your email address">
<button type="submit">
<i class="far fa-arrow-right"></i>
<i class="far fa-arrow-right"></i>
</button>
</div>
</form>
<p>Get the latest news and updates right at your inbox.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="footer__copyright text-center">
<p>© 2022 Educal, All Rights Reserved. Design By <a href="index.html">Theme Pure</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer area end -->
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/waypoints.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jquery.meanmenu.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/parallax.min.js"></script>
<script src="assets/js/backToTop.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/ajax-form.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
<!-- Mirrored from themepure.net/template/educal/educal/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:54 GMT -->
</html>