Upload files to ''

This commit is contained in:
techies 2022-11-06 10:35:28 +07:00
parent 2562dad104
commit dcac71c0a9
5 changed files with 3864 additions and 0 deletions

830
about.html Normal file
View File

@ -0,0 +1,830 @@
<!doctype html>
<html class="no-js" lang="zxx">
<!-- Mirrored from themepure.net/template/educal/educal/about.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:59 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 header__white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 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 class="header__category d-none d-lg-block">
<nav>
<ul>
<li>
<a href="course-grid.html" class="cat-menu d-flex align-items-center">
<div class="cat-dot-icon d-inline-block">
<svg viewBox="0 0 276.2 276.2">
<g>
<g>
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
</g>
</g>
</svg>
</div>
<span>Category</span>
</a>
<ul class="cat-submenu">
<li><a href="course-details.html">English Learning</a></li>
<li><a href="course-details.html">Web Development</a></li>
<li><a href="course-details.html">Logo Design</a></li>
<li><a href="course-details.html">Motion Graphics</a></li>
<li><a href="course-details.html">Video Edition</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
<div class="header__right d-flex justify-content-end align-items-center">
<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="about.html">About</a></li>
<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 class="header__search p-relative ml-50 d-none d-md-block">
<form action="#">
<input type="text" placeholder="Search...">
<button type="submit"><i class="fad fa-search"></i></button>
</form>
<div class="header__cart">
<a href="javascript:void(0);" class="cart-toggle-btn">
<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 class="header__btn ml-20 d-none d-sm-block">
<a href="contact.html" class="e-btn">Try for free</a>
</div>
<div class="sidebar__menu d-xl-none">
<div class="sidebar-toggle-btn 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 -->
<!-- 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>
<!-- page title area start -->
<section class="page__title-area page__title-height page__title-overlay d-flex align-items-center" data-background="assets/img/page-title/page-title-2.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="page__title-wrapper mt-110">
<h3 class="page__title">About</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<!-- page title 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 text-center text-lg-start">
<img src="assets/img/brand/brand-1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item text-center text-lg-start">
<img src="assets/img/brand/brand-2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item text-center text-lg-start">
<img src="assets/img/brand/brand-3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item text-center text-lg-start">
<img src="assets/img/brand/brand-4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item text-center text-lg-start">
<img src="assets/img/brand/brand-5.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="brand__item text-center text-lg-start">
<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 -->
<!-- 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>
</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 -->
<!-- counter area start -->
<section class="counter__area pt-145 pb-100">
<div class="container">
<div class="row">
<div class="col-xxl-6 offset-xl-3 col-xl-6 offset-xl-3">
<div class="section__title-wrapper text-center mb-60">
<h2 class="section__title">We are <span class="yellow-bg yellow-bg-big">Proud<img src="assets/img/shape/yellow-bg.png" alt=""></span></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-2 offset-xxl-1 col-xl-2 offset-xl-1 col-lg-3 col-md-3 offset-md-0 col-sm-5 offset-sm-2">
<div class="counter__item mb-30">
<div class="counter__icon user mb-15">
<svg viewBox="0 0 490.7 490.7">
<path class="st0" d="m245.3 98c-39.7 0-72 32.3-72 72s32.3 72 72 72 72-32.3 72-72-32.3-72-72-72zm0 123.3c-28.3 0-51.4-23-51.4-51.4s23-51.4 51.4-51.4 51.4 23 51.4 51.4-23 51.4-51.4 51.4z"/>
<path class="st0" d="m389.3 180.3c-28.3 0-51.4 23-51.4 51.4s23 51.4 51.4 51.4c28.3 0 51.4-23 51.4-51.4s-23.1-51.4-51.4-51.4zm0 82.2c-17 0-30.8-13.9-30.8-30.8s13.9-30.8 30.8-30.8 30.8 13.9 30.8 30.8-13.9 30.8-30.8 30.8z"/>
<path class="st0" d="m102.9 180.3c-28.3 0-51.4 23-51.4 51.4s23 51.4 51.4 51.4 51.4-23 51.4-51.4-23-51.4-51.4-51.4zm0 82.2c-17 0-30.8-13.9-30.8-30.8s13.9-30.8 30.8-30.8 30.8 13.9 30.8 30.8-13.7 30.8-30.8 30.8z"/>
<path class="st0" d="m245.3 262.5c-73.7 0-133.6 59.9-133.6 133.6 0 5.7 4.6 10.3 10.3 10.3s10.3-4.6 10.3-10.3c0-62.3 50.7-113 113-113s113.1 50.7 113.1 113c0 5.7 4.6 10.3 10.3 10.3s10.3-4.6 10.3-10.3c0-73.7-60-133.6-133.7-133.6z"/>
<path class="st0" d="m389.3 303.6c-17 0-33.5 4.6-47.9 13.4-4.8 3-6.4 9.2-3.5 14.2 3 4.8 9.2 6.4 14.2 3.5 11.2-6.8 24.1-10.4 37.3-10.4 39.7 0 72 32.3 72 72 0 5.7 4.6 10.3 10.3 10.3s10.3-4.6 10.3-10.3c-0.2-51.3-41.8-92.7-92.7-92.7z"/>
<path class="st0" d="m149.4 316.9c-14.5-8.7-30.9-13.3-47.9-13.3-51 0-92.5 41.5-92.5 92.5 0 5.7 4.6 10.3 10.3 10.3s10.3-4.6 10.3-10.3c0-39.7 32.3-72 72-72 13.2 0 26 3.6 37.2 10.4 4.8 3 11.2 1.4 14.2-3.5 2.9-4.9 1.2-11.1-3.6-14.1z"/>
</svg>
</div>
<div class="counter__content">
<h4><span class="counter">345,421</span></h4>
<p>Students Enrolled</p>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-5">
<div class="counter__item counter__pl-80 mb-30">
<div class="counter__icon book mb-15">
<svg viewBox="0 0 512 512">
<path class="st0" d="M458.7,512h-384c-29.4,0-53.3-23.9-53.3-53.3V53.3C21.3,23.9,45.3,0,74.7,0H416c5.9,0,10.7,4.8,10.7,10.7v74.7 h32c5.9,0,10.7,4.8,10.7,10.7v405.3C469.3,507.2,464.6,512,458.7,512z M42.7,96v362.7c0,17.6,14.4,32,32,32H448v-384H74.7 C62.7,106.7,51.6,102.7,42.7,96L42.7,96z M74.7,21.3c-17.6,0-32,14.4-32,32s14.4,32,32,32h330.7v-64H74.7z"/>
<path class="st0" d="M309.3,298.7c-2.8,0-5.5-1.1-7.6-3.1l-56.4-56.5l-56.4,56.4c-3.1,3.1-7.6,4-11.6,2.3c-4-1.6-6.6-5.5-6.6-9.8V96 c0-5.9,4.8-10.7,10.7-10.7S192,90.1,192,96v166.3l45.8-45.8c4.2-4.2,10.9-4.2,15.1,0l45.8,45.8V96c0-5.9,4.8-10.7,10.7-10.7 S320,90.1,320,96v192c0,4.3-2.6,8.2-6.6,9.9C312.1,298.4,310.7,298.7,309.3,298.7L309.3,298.7z"/>
</svg>
</div>
<div class="counter__content">
<h4><span class="counter">2,485</span></h4>
<p>Total Courses</p>
</div>
</div>
</div>
<div class="col-xxl-2 offset-xxl-0 col-xl-3 offset-xl-0 col-lg-3 offset-lg-0 col-md-3 offset-md-0 col-sm-5 offset-sm-2">
<div class="counter__item counter__pl-34 mb-30">
<div class="counter__icon graduate mb-15">
<svg viewBox="0 0 512 512">
<g id="Page-1">
<g id="_x30_01---Degree">
<path id="Shape" class="st0" d="M500.6,86.3L261.8,1c-3.8-1.3-7.9-1.3-11.7,0L11.3,86.3C4.5,88.7,0,95.2,0,102.4 s4.5,13.6,11.3,16.1L128,160.1v53.2c0,33.2,114.9,34.1,128,34.1s128-1,128-34.1v-53.2l25.6-9.1v19.6c0,9.4,7.6,17.1,17.1,17.1 h17.1c9.4,0,17.1-7.6,17.1-17.1V145c0-4-1-7.8-2.8-11.4l42.7-15.3c6.8-2.4,11.3-8.9,11.3-16.1S507.5,88.8,500.6,86.3L500.6,86.3z M366.9,194.6c-32.5-14.8-101-15.4-110.9-15.4s-78.4,0.6-110.9,15.4v-74.3c5.1-6.6,45.4-17.8,110.9-17.8s105.8,11.2,110.9,17.8 V194.6z M256,230.4c-63.1,0-102.8-10.4-110.2-17.1c7.4-6.6,47.1-17.1,110.2-17.1s102.8,10.4,110.2,17.1 C358.8,220,319.1,230.4,256,230.4z M413.6,131.5L384,142v-22.5c0-33.2-114.9-34.1-128-34.1s-128,1-128,34.1V142L17.1,102.4 l239.1-85.3L426.7,78v43C421.3,123,416.7,126.6,413.6,131.5z M443.7,170.7h-17.1v-25.6c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5 v25.6H443.7z M443.7,120.7V84.1l51.2,18.3L443.7,120.7z"/>
<path id="Shape_1_" class="st0" d="M486.4,264.5c-0.5,0-1,0-1.5,0.1C409.2,276.4,332.6,282,256,281.5 c-76.6,0.5-153.2-5.2-228.9-16.9c-0.5-0.1-1-0.1-1.5-0.1c-6,0-25.6,6.8-25.6,93.9s19.6,93.9,25.6,93.9c0.5,0,1-0.1,1.5-0.2 c58.2-9.2,116.9-14.6,175.8-16l-16.7,40c-2.6,6.4-1,13.7,3.9,18.5s12.3,6.1,18.6,3.4l6.5-2.8l2.8,6.5c2.7,6.3,8.9,10.4,15.7,10.4 h0.2c6.9-0.1,13.1-4.3,15.6-10.6l14.8-35.5l14.8,35.3c2.6,6.5,8.8,10.7,15.7,10.8h0.3c6.8,0,12.9-4,15.6-10.2l2.9-6.5l6.4,2.8 c6.3,2.8,13.8,1.5,18.7-3.4c5-4.8,6.5-12.2,3.9-18.6L326.3,437c53.1,1.9,106,7,158.5,15.4c0.5,0.1,1,0.1,1.5,0.1 c6,0,25.6-6.8,25.6-93.9S492.4,264.5,486.4,264.5L486.4,264.5z M283.3,298.4c3.5,13,5.6,26.4,6.2,39.9c-19.3-9-42-6.9-59.4,5.5 c-0.4-15.3-2.4-30.6-5.9-45.5c10.3,0.2,20.9,0.3,31.8,0.3C265.3,298.7,274.4,298.6,283.3,298.4z M264.5,435.2 c-23.6,0-42.7-19.1-42.7-42.7s19.1-42.7,42.7-42.7s42.7,19.1,42.7,42.7S288.1,435.2,264.5,435.2z M25.6,285.9 c6.5,23.6,9.4,48.1,8.5,72.5c0.9,24.5-2,48.9-8.5,72.5c-6.5-23.6-9.4-48.1-8.5-72.5C16.2,333.9,19.1,309.5,25.6,285.9z M42.8,432.4c4.7-13.5,8.4-36.2,8.4-74s-3.7-60.5-8.4-74c54.2,7.5,108.8,12,163.5,13.5c5.1,19.7,7.5,40.1,7,60.5 c0,1.2,0,2.4-0.1,3.6c-10.2,17-11.3,38-2.7,55.9l-0.4,0.9C154.2,420.2,98.3,424.7,42.8,432.4L42.8,432.4z M233.9,494.9l-6.2-14.3 c-1.9-4.3-6.9-6.3-11.2-4.4l-14.4,6.3l20-48c8.2,8.3,18.7,14.1,30.1,16.5L233.9,494.9z M312.6,476.2c-4.3-1.9-9.3,0.1-11.2,4.4 l-6.3,14.2L276.8,451c11.5-2.4,21.9-8.1,30.2-16.5l20,47.8L312.6,476.2z M484.7,434.8c-54.8-8.4-110.1-13.6-165.5-15.4l-0.6-1.5 c10.7-22.6,6.1-49.5-11.5-67.3c-0.1-17.7-2.1-35.3-6.1-52.6c61.5-1.4,122.9-6.7,183.7-16.1c4,6.7,10.2,33.3,10.2,76.4 S488.6,428,484.7,434.8L484.7,434.8z"/>
</g>
</g>
</svg>
</div>
<div class="counter__content">
<h4><span class="counter">24,085</span></h4>
<p>Online Learners</p>
</div>
</div>
</div>
<div class="col-xxl-2 offset-xxl-1 col-xl-3 col-lg-3 col-md-3 col-sm-5">
<div class="counter__item mb-30">
<div class="counter__icon globe mb-15">
<svg viewBox="0 0 512 512">
<path class="st0" d="M444.2,150.6c6.9-14.6,10.9-30.4,11.8-46.6c0.1-48.5-39.2-87.9-87.8-88c-28,0-54.4,13.3-71,35.9 C175.7,29.1,58.6,109.2,35.8,230.8s57.3,238.6,178.9,261.4c121.6,22.8,238.6-57.3,261.4-178.9c2.6-13.6,3.8-27.4,3.8-41.3 C480,228.9,467.6,186.7,444.2,150.6z M464,272c0,39.2-11.1,77.6-32.1,110.8c-7.1-34.3-20.4-42.5-36.7-48.8 c-5.3-1.6-10.3-4.4-14.4-8.1c-5.9-6.6-11-13.8-15.2-21.5c-11.4-18.8-25.5-42.1-57.7-58.2l-5.9-2.9c-40.4-20-54-26.8-34.8-84.2 c3.5-10.5,9.5-20.1,17.4-27.9c9.9,32.7,34,71.5,55,101.4c11,15.6,32.6,19.4,48.2,8.4c3.3-2.3,6.1-5.1,8.4-8.4 c14.7-20.6,28-42.3,39.7-64.7C454.4,199.5,464,235.4,464,272z M368,32c39.7,0,72,32.3,72,72c0,24.8-20.2,67.2-56.8,119.4 c-6,8.4-17.6,10.4-26,4.4c-1.7-1.2-3.2-2.7-4.4-4.4C316.2,171.2,296,128.8,296,104C296,64.3,328.3,32,368,32z M48,272 c0-45.4,14.9-89.6,42.4-125.7c12,7.9,65.3,45.5,53.6,86.2c-4.9,14.7-3.4,30.8,4.2,44.3c14.1,24.4,45,32.4,45.6,32.6 c0.3,0.1,26.5,9.1,31.4,27.2c2.7,9.9-1.5,21.5-12.6,34.5c-12.5,15.5-29.2,27.1-48,33.5c-14.5,5.6-27.3,10.6-33.5,33.7 C78.8,399,48,337.4,48,272z M256,480c-39.2,0-77.5-11.1-110.6-32c3.6-20.1,10.6-22.9,25.1-28.5c21.3-7.4,40.1-20.5,54.3-38 c14.8-17.3,20.1-33.8,15.9-49.2c-7.3-26.3-40.4-37.6-42.4-38.2c-0.2-0.1-25.5-6.6-36.3-25.2c-5.3-9.8-6.3-21.4-2.6-31.9 c14.3-50.1-42.1-92-58.8-103.1C140,89.4,196.6,64,256,64c10.9,0,21.7,0.9,32.5,2.6c-5.6,11.7-8.5,24.5-8.5,37.4 c0,3.2,0.3,6.4,0.7,9.5c-13.3,10.4-23.2,24.5-28.6,40.5c-23.6,70.6,1.4,83.1,42.9,103.6l5.8,2.9c28,14,40.3,34.3,51.1,52.2 c4.9,8.8,10.7,17.1,17.5,24.6c5.7,5.3,12.5,9.3,20,11.7c12.9,5,24.1,9.4,29.2,52.4C379.4,451,319.4,480,256,480z M368,152 c26.5,0,48-21.5,48-48s-21.5-48-48-48s-48,21.5-48,48C320,130.5,341.5,152,368,152z M368,72c17.7,0,32,14.3,32,32s-14.3,32-32,32 s-32-14.3-32-32S350.3,72,368,72z"/>
</svg>
</div>
<div class="counter__content">
<h4><span class="counter">203</span>k</h4>
<p>Foreign Followers</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- counter area end -->
<!-- banner area start -->
<section class="banner__area pb-110">
<div class="container">
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="banner__item p-relative mb-40" data-background="assets/img/banner/banner-bg-1.jpg">
<div class="banner__content">
<span>Free</span>
<h3 class="banner__title">
<a href="course-details.html">Germany Foundation <br> Document</a>
</h3>
<a href="course-grid.html" class="e-btn e-btn-2">View Courses</a>
</div>
<div class="banner__thumb d-none d-sm-block d-md-none d-lg-block">
<img src="assets/img/banner/banner-img-1.png" alt="">
</div>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="banner__item p-relative mb-40" data-background="assets/img/banner/banner-bg-2.jpg">
<div class="banner__content">
<span class="orange">new</span>
<h3 class="banner__title">
<a href="course-details.html">Online Courses <br>From Eduka University</a>
</h3>
<a href="course-grid.html" class="e-btn e-btn-2">Find Out More</a>
</div>
<div class="banner__thumb banner__thumb-2 d-none d-sm-block d-md-none d-lg-block">
<img src="assets/img/banner/banner-img-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- banner 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/about.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:59 GMT -->
</html>

822
blog-details.html Normal file
View File

@ -0,0 +1,822 @@
<!doctype html>
<html class="no-js" lang="zxx">
<!-- Mirrored from themepure.net/template/educal/educal/blog-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:57 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 header__white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 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 class="header__category d-none d-lg-block">
<nav>
<ul>
<li>
<a href="course-grid.html" class="cat-menu d-flex align-items-center">
<div class="cat-dot-icon d-inline-block">
<svg viewBox="0 0 276.2 276.2">
<g>
<g>
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
</g>
</g>
</svg>
</div>
<span>Category</span>
</a>
<ul class="cat-submenu">
<li><a href="course-details.html">English Learning</a></li>
<li><a href="course-details.html">Web Development</a></li>
<li><a href="course-details.html">Logo Design</a></li>
<li><a href="course-details.html">Motion Graphics</a></li>
<li><a href="course-details.html">Video Edition</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
<div class="header__right d-flex justify-content-end align-items-center">
<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="about.html">About</a></li>
<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 class="header__search p-relative ml-50 d-none d-md-block">
<form action="#">
<input type="text" placeholder="Search...">
<button type="submit"><i class="fad fa-search"></i></button>
</form>
<div class="header__cart">
<a href="javascript:void(0);" class="cart-toggle-btn">
<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 class="header__btn ml-20 d-none d-sm-block">
<a href="contact.html" class="e-btn">Try for free</a>
</div>
<div class="sidebar__menu d-xl-none">
<div class="sidebar-toggle-btn 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 -->
<!-- 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>
<!-- page title area start -->
<section class="page__title-area page__title-height-2 page__title-overlay d-flex align-items-center" data-background="assets/img/page-title/page-title-3.jpg">
<div class="page__title-shape">
<img class="page-title-shape-1" src="assets/img/page-title/page-title-shape-1.png" alt="">
<img class="page-title-shape-2" src="assets/img/page-title/page-title-shape-2.png" alt="">
<img class="page-title-shape-3" src="assets/img/page-title/page-title-shape-3.png" alt="">
<img class="page-title-shape-4" src="assets/img/page-title/page-title-shape-4.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xxl-10 col-xl-10 col-lg-10 ">
<div class="page__title-wrapper mt-110">
<span class="page__title-pre">Development</span>
<h3 class="page__title-2">The Challenge Of Global Learning In Public Education</h3>
<div class="blog__meta d-flex align-items-center">
<div class="blog__author d-flex align-items-center mr-40">
<div class="blog__author-thumb mr-10">
<img src="assets/img/blog/author/author-1.jpg" alt="">
</div>
<div class="blog__author-info blog__author-info-2">
<h5>Jim Séchen</h5>
</div>
</div>
<div class="blog__date blog__date-2 d-flex align-items-center">
<i class="fal fa-clock"></i>
<span>April 02, 2022</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- page title area end -->
<!-- blog area start -->
<section class="blog__area pt-120 pb-120">
<div class="container">
<div class="row">
<div class="col-xxl-8 col-xl-8 col-lg-8">
<div class="blog__wrapper">
<div class="blog__text mb-40">
<p>Me old mucker argy-bargy I'm telling pear shaped Jeffrey super brilliant, I excuse my French blatant gormless up the duff, cup of char up the kyver tosser cras happy days. The full monty he nicked it he legged it bum bag burke plastered arse over tit it's your round owt to do with me pardon you, on your bike mate hanky panky mush cuppa only a quid crikey Jeffrey skive off, faff about so I said what a load of rubbish blag David knees up cockup cras. Argy-bargy give us a bell wellies gosh skive off old bodge cheesed off A bit of how's your father off his nut bamboozled, bugger say I'm telling morish bleeding boot up the kyver nice one brilliant, ruddy jolly good fanny around chinwag amongst brown bread arse brolly. Horse play it's all gone to pot codswallop easy peasy mush knees up down the pub jolly good nice one tosser it's your round lurgy, I vagabond barmy off his nut only a quid so I said is gosh Charles blow off, pardon me chip shop Richard spiffing skive off bleeding get stuffed mate porkies amongst the full monty.</p>
</div>
<div class="blog__quote grey-bg mb-45 p-relative fix">
<img class="quote" src="assets/img/blog/quote-1.png" alt="">
<blockquote>
<p>After I started learning design with Quillow, I realized that I had Improved to very advanced levels.</p>
<h4>Chris Collins</h4>
</blockquote>
</div>
<div class="blog__text mb-30">
<p>Horse play it's all gone to pot codswallop easy peasy mush knees up down the pub jolly good nice one tosser it's your round lurgy, I vagabond barmy off his nut only a quid so I said is gosh Charles blow off, pardon me chip shop Richard spiffing skive off bleeding get stuffed mate porkies amongst the full monty. Daft burke you</p>
</div>
<div class="blog__link mb-35">
<p>The little rotter bum bag a blinding shot gosh spifing butty eatonwha load of rubbish bamboozled. <a href="#"> https://educal.com/courses</a> </p>
</div>
<div class="blog__img w-img mb-45" >
<img src="assets/img/blog/big/blog-big-1.jpg" alt="">
</div>
<div class="blog__text mb-40">
<h3>Build a beautiful website with Quillow</h3>
<p>Some dodgy chav car boot blower starkers bonnet tickety-boo no biggie cheesed off, Oxford bloke fantastic the wireless bevvy cobblers chancer give us a bell, bleeder jolly good hanky panky do one gormless matie boy. Pear shaped my good sir I cobblers at public school quaint tickety-boo crikey bits and bobs, wellies bugger all mate golly gosh brolly matie boy fanny around chimney pot cracking goal my lady, bodge so I said spiffing posh the full monty don't get shirty with me no biggie.</p>
<p>Brolly grub blimey victoria sponge blag nancy boy don't get shirty with me skive off bobby burke in my flat bog-standard, easy peasy golly gosh up the duff show off show off pick your nose and blow off gosh a brilliant that what a load of rubbish.</p>
</div>
<div class="blog__line"></div>
<div class="blog__meta-3 d-sm-flex justify-content-between align-items-center mb-80">
<div class="blog__tag-2">
<a href="#">Art & Design</a>
<a href="#">Education</a>
<a href="#">App</a>
</div>
<div class="blog__social d-flex align-items-center">
<h4>Share:</h4>
<ul>
<li><a href="#" class="fb" ><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 class="blog__author-3 d-sm-flex grey-bg mb-90">
<div class="blog__author-thumb-3 mr-20">
<img src="assets/img/blog/author/blog-author-1.jpg" alt="">
</div>
<div class="blog__author-content">
<h4>Justin Case</h4>
<span>Author</span>
<p>So I said blower wellies a blinding shot jolly good argy-bargy he nicked it, in my flat don't get shirty with me tosser.</p>
</div>
</div>
<div class="blog__recent mb-65">
<div class="section__title-wrapper mb-40">
<h2 class="section__title">Related <span class="yellow-bg-sm">Post <img src="assets/img/shape/yellow-bg-4.png" alt=""> </span></h2>
<p>You don't have to struggle alone, you've got our assistance and help.</p>
</div>
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 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-6 col-xl-6 col-lg-6 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>
</div>
<div class="latest-comments mb-95">
<h3>3 Comments</h3>
<ul>
<li>
<div class="comments-box grey-bg">
<div class="comments-info d-flex">
<div class="comments-avatar mr-20">
<img src="assets/img/blog/comments/comment-1.jpg" alt="">
</div>
<div class="avatar-name">
<h5>Eleanor Fant</h5>
<span class="post-meta"> July 14, 2022</span>
</div>
</div>
<div class="comments-text ml-65">
<p>So I said lurgy dropped a clanger Jeffrey bugger cuppa gosh David blatant have it, standard A bit of how's your father my lady absolutely.</p>
<div class="comments-replay">
<a href="#">Reply</a>
</div>
</div>
</div>
</li>
<li class="children">
<div class="comments-box grey-bg">
<div class="comments-info d-flex">
<div class="comments-avatar mr-20">
<img src="assets/img/blog/comments/comment-1.jpg" alt="">
</div>
<div class="avatar-name">
<h5>Dominic</h5>
<span class="post-meta">April 16, 2022 </span>
</div>
</div>
<div class="comments-text ml-65">
<p>David blatant have it, standard A bit of how's your father my lady absolutely.</p>
<div class="comments-replay">
<a href="#">Reply</a>
</div>
</div>
</div>
<ul>
<li class="children-2">
<div class="comments-box grey-bg">
<div class="comments-info d-flex">
<div class="comments-avatar mr-20">
<img src="assets/img/blog/comments/comment-3.jpg" alt="">
</div>
<div class="avatar-name">
<h5>Von Rails</h5>
<span class="post-meta">April 18, 2022 </span>
</div>
</div>
<div class="comments-text ml-65">
<p>He nicked it get stuffed mate spend a penny plastered.!</p>
<div class="comments-replay">
<a href="#">Reply</a>
</div>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="blog__comment">
<h3>Write a Review</h3>
<form action="#">
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6">
<div class="blog__comment-input">
<input type="text" placeholder="Your Name">
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6">
<div class="blog__comment-input">
<input type="email" placeholder="Your Email">
</div>
</div>
<div class="col-xxl-12">
<div class="blog__comment-input">
<input type="text" placeholder="Website">
</div>
</div>
<div class="col-xxl-12">
<div class="blog__comment-input">
<textarea placeholder="Enter your comment ..."></textarea>
</div>
</div>
<div class="col-xxl-12">
<div class="blog__comment-agree d-flex align-items-center mb-20">
<input class="e-check-input" type="checkbox" id="e-agree">
<label class="e-check-label" for="e-agree">Save my name, email, and website in this browser for the next time I comment.</label>
</div>
</div>
<div class="col-xxl-12">
<div class="blog__comment-btn">
<button type="submit" class="e-btn">Post Comment</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4">
<div class="blog__sidebar pl-70">
<div class="sidebar__widget mb-60">
<div class="sidebar__widget-content">
<div class="sidebar__search p-relative">
<form action="#">
<input type="text" placeholder="Search for courses...">
<button type="submit">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 584.4 584.4" style="enable-background:new 0 0 584.4 584.4;" xml:space="preserve">
<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>
</button>
</form>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__widget-head mb-35">
<h3 class="sidebar__widget-title">Recent posts</h3>
</div>
<div class="sidebar__widget-content">
<div class="rc__post-wrapper">
<div class="rc__post d-flex align-items-center">
<div class="rc__thumb mr-20">
<a href="blog-details.html"><img src="assets/img/blog/sm/blog-sm-1.jpg" alt=""></a>
</div>
<div class="rc__content">
<div class="rc__meta">
<span>October 15, 2021</span>
</div>
<h6 class="rc__title"><a href="blog-details.html">The Importance Intrinsic Motivation.</a></h6>
</div>
</div>
<div class="rc__post d-flex align-items-center">
<div class="rc__thumb mr-20">
<a href="blog-details.html"><img src="assets/img/blog/sm/blog-sm-2.jpg" alt=""></a>
</div>
<div class="rc__content">
<div class="rc__meta">
<span>March 26, 2021</span>
</div>
<h6 class="rc__title"><a href="blog-details.html">A Better Alternative To Grading Student.</a></h6>
</div>
</div>
<div class="rc__post d-flex align-items-center">
<div class="rc__thumb mr-20">
<a href="blog-details.html"><img src="assets/img/blog/sm/blog-sm-3.jpg" alt=""></a>
</div>
<div class="rc__content">
<div class="rc__meta">
<span>October 15, 2021</span>
</div>
<h6 class="rc__title"><a href="blog-details.html">Strategic Social Media & Evolution of Visual</a></h6>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__widget-head mb-35">
<h3 class="sidebar__widget-title">Category</h3>
</div>
<div class="sidebar__widget-content">
<div class="sidebar__category">
<ul>
<li><a href="blog.html">Category</a></li>
<li><a href="blog.html">Video & Tips (4)</a></li>
<li><a href="blog.html">Education (8)</a></li>
<li><a href="blog.html">Business (5)</a></li>
<li><a href="blog.html">UX Design (3)</a></li>
</ul>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__widget-head mb-35">
<h3 class="sidebar__widget-title">Tags</h3>
</div>
<div class="sidebar__widget-content">
<div class="sidebar__tag">
<a href="#">Art & Design</a>
<a href="#">Course</a>
<a href="#">Videos</a>
<a href="#">App</a>
<a href="#">Education</a>
<a href="#">Data Science</a>
<a href="#">Machine Learning</a>
<a href="#">Tips</a>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__banner w-img">
<img src="assets/img/blog/banner/banner-1.jpg" alt="">
</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/blog-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:59 GMT -->
</html>

815
blog.html Normal file
View File

@ -0,0 +1,815 @@
<!doctype html>
<html class="no-js" lang="zxx">
<!-- Mirrored from themepure.net/template/educal/educal/blog.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:55 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 header__white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 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 class="header__category d-none d-lg-block">
<nav>
<ul>
<li>
<a href="course-grid.html" class="cat-menu d-flex align-items-center">
<div class="cat-dot-icon d-inline-block">
<svg viewBox="0 0 276.2 276.2">
<g>
<g>
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
</g>
</g>
</svg>
</div>
<span>Category</span>
</a>
<ul class="cat-submenu">
<li><a href="course-details.html">English Learning</a></li>
<li><a href="course-details.html">Web Development</a></li>
<li><a href="course-details.html">Logo Design</a></li>
<li><a href="course-details.html">Motion Graphics</a></li>
<li><a href="course-details.html">Video Edition</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
<div class="header__right d-flex justify-content-end align-items-center">
<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="about.html">About</a></li>
<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 class="header__search p-relative ml-50 d-none d-md-block">
<form action="#">
<input type="text" placeholder="Search...">
<button type="submit"><i class="fad fa-search"></i></button>
</form>
<div class="header__cart">
<a href="javascript:void(0);" class="cart-toggle-btn">
<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 class="header__btn ml-20 d-none d-sm-block">
<a href="contact.html" class="e-btn">Try for free</a>
</div>
<div class="sidebar__menu d-xl-none">
<div class="sidebar-toggle-btn 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 -->
<!-- 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>
<!-- page title area start -->
<section class="page__title-area page__title-height page__title-overlay d-flex align-items-center" data-background="assets/img/page-title/page-title-2.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="page__title-wrapper mt-110">
<h3 class="page__title">Blog Grid</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Blog Grid</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<!-- page title area end -->
<!-- blog area start -->
<section class="blog__area pt-120 pb-120">
<div class="container">
<div class="row">
<div class="col-xxl-8 col-xl-8 col-lg-8">
<div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="blog__wrapper">
<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>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="blog__wrapper">
<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">Art & Design</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>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>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="blog__wrapper">
<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">Art & 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>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>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="blog__wrapper">
<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-4.jpg" alt="">
</a>
</div>
<div class="blog__content">
<div class="blog__tag">
<a href="#" class="green">Art & Design</a>
</div>
<h3 class="blog__title"><a href="blog-details.html">Google Ads certifications: Are they worth it?</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>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>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="blog__wrapper">
<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-5.jpg" alt="">
</a>
</div>
<div class="blog__content">
<div class="blog__tag">
<a href="#" class="orange">Art & Design</a>
</div>
<h3 class="blog__title"><a href="blog-details.html">14 Facebook Ad Examples for Ad Creative Inspiration</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>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>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
<div class="blog__wrapper">
<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-6.jpg" alt="">
</a>
</div>
<div class="blog__content">
<div class="blog__tag">
<a href="#" class="blue">Art & Design</a>
</div>
<h3 class="blog__title"><a href="blog-details.html">How to manage Facebook ads for clients the right way</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>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>
</div>
<div class="row">
<div class="col-xxl-12">
<div class="basic-pagination wow fadeInUp mt-30" data-wow-delay=".2s">
<ul class="d-flex align-items-center">
<li class="prev">
<a href="blog.html" class="link-btn link-prev">
Prev
<i class="arrow_left"></i>
<i class="arrow_left"></i>
</a>
</li>
<li>
<a href="#">
<span>1</span>
</a>
</li>
<li class="active">
<a href="blog.html">
<span>2</span>
</a>
</li>
<li>
<a href="blog.html">
<span>3</span>
</a>
</li>
<li class="next">
<a href="blog.html" class="link-btn">
Next
<i class="arrow_right"></i>
<i class="arrow_right"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4">
<div class="blog__sidebar pl-70">
<div class="sidebar__widget mb-60">
<div class="sidebar__widget-content">
<div class="sidebar__search p-relative">
<form action="#">
<input type="text" placeholder="Search for courses...">
<button type="submit">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 584.4 584.4" style="enable-background:new 0 0 584.4 584.4;" xml:space="preserve">
<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>
</button>
</form>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__widget-head mb-35">
<h3 class="sidebar__widget-title">Recent posts</h3>
</div>
<div class="sidebar__widget-content">
<div class="rc__post-wrapper">
<div class="rc__post d-flex align-items-center">
<div class="rc__thumb mr-20">
<a href="blog-details.html"><img src="assets/img/blog/sm/blog-sm-1.jpg" alt=""></a>
</div>
<div class="rc__content">
<div class="rc__meta">
<span>October 15, 2021</span>
</div>
<h6 class="rc__title"><a href="blog-details.html">The Importance Intrinsic Motivation.</a></h6>
</div>
</div>
<div class="rc__post d-flex align-items-center">
<div class="rc__thumb mr-20">
<a href="blog-details.html"><img src="assets/img/blog/sm/blog-sm-2.jpg" alt=""></a>
</div>
<div class="rc__content">
<div class="rc__meta">
<span>March 26, 2021</span>
</div>
<h6 class="rc__title"><a href="blog-details.html">A Better Alternative To Grading Student.</a></h6>
</div>
</div>
<div class="rc__post d-flex align-items-center">
<div class="rc__thumb mr-20">
<a href="blog-details.html"><img src="assets/img/blog/sm/blog-sm-3.jpg" alt=""></a>
</div>
<div class="rc__content">
<div class="rc__meta">
<span>October 15, 2021</span>
</div>
<h6 class="rc__title"><a href="blog-details.html">Strategic Social Media & Evolution of Visual</a></h6>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__widget-head mb-35">
<h3 class="sidebar__widget-title">Category</h3>
</div>
<div class="sidebar__widget-content">
<div class="sidebar__category">
<ul>
<li><a href="blog.html">Category</a></li>
<li><a href="blog.html">Video & Tips (4)</a></li>
<li><a href="blog.html">Education (8)</a></li>
<li><a href="blog.html">Business (5)</a></li>
<li><a href="blog.html">UX Design (3)</a></li>
</ul>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__widget-head mb-35">
<h3 class="sidebar__widget-title">Tags</h3>
</div>
<div class="sidebar__widget-content">
<div class="sidebar__tag">
<a href="#">Art & Design</a>
<a href="#">Course</a>
<a href="#">Videos</a>
<a href="#">App</a>
<a href="#">Education</a>
<a href="#">Data Science</a>
<a href="#">Machine Learning</a>
<a href="#">Tips</a>
</div>
</div>
</div>
<div class="sidebar__widget mb-55">
<div class="sidebar__banner w-img">
<img src="assets/img/blog/banner/banner-1.jpg" alt="">
</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/blog.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:58:57 GMT -->
</html>

561
cart.html Normal file
View File

@ -0,0 +1,561 @@
<!doctype html>
<html class="no-js" lang="zxx">
<!-- Mirrored from themepure.net/template/educal/educal/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:59:02 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 header__white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 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 class="header__category d-none d-lg-block">
<nav>
<ul>
<li>
<a href="course-grid.html" class="cat-menu d-flex align-items-center">
<div class="cat-dot-icon d-inline-block">
<svg viewBox="0 0 276.2 276.2">
<g>
<g>
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
</g>
</g>
</svg>
</div>
<span>Category</span>
</a>
<ul class="cat-submenu">
<li><a href="course-details.html">English Learning</a></li>
<li><a href="course-details.html">Web Development</a></li>
<li><a href="course-details.html">Logo Design</a></li>
<li><a href="course-details.html">Motion Graphics</a></li>
<li><a href="course-details.html">Video Edition</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
<div class="header__right d-flex justify-content-end align-items-center">
<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="about.html">About</a></li>
<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 class="header__search p-relative ml-50 d-none d-md-block">
<form action="#">
<input type="text" placeholder="Search...">
<button type="submit"><i class="fad fa-search"></i></button>
</form>
<div class="header__cart">
<a href="javascript:void(0);" class="cart-toggle-btn">
<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 class="header__btn ml-20 d-none d-sm-block">
<a href="contact.html" class="e-btn">Try for free</a>
</div>
<div class="sidebar__menu d-xl-none">
<div class="sidebar-toggle-btn 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 -->
<!-- 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>
<!-- page title area start -->
<section class="page__title-area page__title-height page__title-overlay d-flex align-items-center" data-background="assets/img/page-title/page-title-2.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="page__title-wrapper mt-110">
<h3 class="page__title">My Cart</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Cart</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<!-- page title area end -->
<!-- Cart Area Strat-->
<section class="cart-area pt-100 pb-100">
<div class="container">
<div class="row">
<div class="col-12">
<div class="table-content table-responsive">
<table class="table">
<thead>
<tr>
<th class="product-thumbnail">Images</th>
<th class="cart-product-name">Product</th>
<th class="product-price">Unit Price</th>
<th class="product-quantity">Quantity</th>
<th class="product-subtotal">Total</th>
<th class="product-remove">Remove</th>
</tr>
</thead>
<tbody>
<tr>
<td class="product-thumbnail"><a href="course-details.html"><img src="assets/img/course/sm/cart-1.jpg" alt=""></a></td>
<td class="product-name"><a href="course-details.html">Strategy law and organization Foundation </a></td>
<td class="product-price"><span class="amount">$130.00</span></td>
<td class="product-quantity text-center">
<div class="product-quantity mt-10 mb-10">
<div class="product-quantity-form">
<form action="#">
<button class="cart-minus"><i class="far fa-minus"></i></button>
<input class="cart-input" type="text" value="1"/>
<button class="cart-plus"><i class="far fa-plus"></i></button>
</form>
</div>
</div>
</td>
<td class="product-subtotal"><span class="amount">$130.00</span></td>
<td class="product-remove"><a href="#"><i class="fa fa-times"></i></a></td>
</tr>
<tr>
<td class="product-thumbnail"><a href="course-details.html"><img src="assets/img/course/sm/cart-2.jpg" alt=""></a></td>
<td class="product-name"><a href="course-details.html">Fundamentals of music theory Learn new</a></td>
<td class="product-price"><span class="amount">$120.50</span></td>
<td class="product-quantity text-center">
<div class="product-quantity mt-10 mb-10">
<div class="product-quantity-form">
<form action="#">
<button class="cart-minus"><i class="far fa-minus"></i></button>
<input class="cart-input" type="text" value="1"/>
<button class="cart-plus"><i class="far fa-plus"></i></button>
</form>
</div>
</div>
</td>
<td class="product-subtotal"><span class="amount">$120.50</span></td>
<td class="product-remove"><a href="#"><i class="fa fa-times"></i></a></td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="col-12">
<div class="coupon-all">
<div class="coupon d-sm-flex align-items-center">
<input id="coupon_code" class="input-text" name="coupon_code" value=""
placeholder="Coupon code" type="text">
<button class="e-btn" name="apply_coupon" type="submit">Apply
coupon</button>
</div>
<div class="coupon2">
<button class="e-btn" name="update_cart" type="submit">Update cart</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-5 ml-auto">
<div class="cart-page-total">
<h2>Cart totals</h2>
<ul class="mb-20">
<li>Subtotal <span>$250.00</span></li>
<li>Total <span>$250.00</span></li>
</ul>
<a class="e-btn e-btn-border" href="checkout.html">Proceed to checkout</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Cart 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/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:59:02 GMT -->
</html>

836
checkout.html Normal file
View File

@ -0,0 +1,836 @@
<!doctype html>
<html class="no-js" lang="zxx">
<!-- Mirrored from themepure.net/template/educal/educal/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:59:02 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 header__white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 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 class="header__category d-none d-lg-block">
<nav>
<ul>
<li>
<a href="course-grid.html" class="cat-menu d-flex align-items-center">
<div class="cat-dot-icon d-inline-block">
<svg viewBox="0 0 276.2 276.2">
<g>
<g>
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
</g>
</g>
</svg>
</div>
<span>Category</span>
</a>
<ul class="cat-submenu">
<li><a href="course-details.html">English Learning</a></li>
<li><a href="course-details.html">Web Development</a></li>
<li><a href="course-details.html">Logo Design</a></li>
<li><a href="course-details.html">Motion Graphics</a></li>
<li><a href="course-details.html">Video Edition</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
<div class="header__right d-flex justify-content-end align-items-center">
<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="about.html">About</a></li>
<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 class="header__search p-relative ml-50 d-none d-md-block">
<form action="#">
<input type="text" placeholder="Search...">
<button type="submit"><i class="fad fa-search"></i></button>
</form>
<div class="header__cart">
<a href="javascript:void(0);" class="cart-toggle-btn">
<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 class="header__btn ml-20 d-none d-sm-block">
<a href="contact.html" class="e-btn">Try for free</a>
</div>
<div class="sidebar__menu d-xl-none">
<div class="sidebar-toggle-btn 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 -->
<!-- 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>
<!-- page title area start -->
<section class="page__title-area page__title-height page__title-overlay d-flex align-items-center" data-background="assets/img/page-title/page-title-2.jpg">
<div class="container">
<div class="row">
<div class="col-xxl-12">
<div class="page__title-wrapper mt-110">
<h3 class="page__title">Checkout</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Checkout</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<!-- page title area end -->
<!-- coupon-area start -->
<section class="coupon-area pt-100 pb-30">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="coupon-accordion">
<!-- ACCORDION START -->
<h3>Returning customer? <span id="showlogin">Click here to login</span></h3>
<div id="checkout-login" class="coupon-content">
<div class="coupon-info">
<p class="coupon-text">Quisque gravida turpis sit amet nulla posuere lacinia. Cras sed est
sit amet ipsum luctus.</p>
<form action="#">
<p class="form-row-first">
<label>Username or email <span class="required">*</span></label>
<input type="text" />
</p>
<p class="form-row-last">
<label>Password <span class="required">*</span></label>
<input type="text" />
</p>
<p class="form-row">
<button class="e-btn e-btn-border" type="submit">Login</button>
<label>
<input type="checkbox" />
Remember me
</label>
</p>
<p class="lost-password">
<a href="#">Lost your password?</a>
</p>
</form>
</div>
</div>
<!-- ACCORDION END -->
</div>
</div>
<div class="col-md-6">
<div class="coupon-accordion">
<!-- ACCORDION START -->
<h3>Have a coupon? <span id="showcoupon">Click here to enter your code</span></h3>
<div id="checkout_coupon" class="coupon-checkout-content">
<div class="coupon-info">
<form action="#">
<p class="checkout-coupon">
<input type="text" placeholder="Coupon Code" />
<button class="e-btn e-btn-border" type="submit">Apply Coupon</button>
</p>
</form>
</div>
</div>
<!-- ACCORDION END -->
</div>
</div>
</div>
</div>
</section>
<!-- coupon-area end -->
<!-- checkout-area start -->
<section class="checkout-area pb-70">
<div class="container">
<form action="#">
<div class="row">
<div class="col-lg-6">
<div class="checkbox-form">
<h3>Billing Details</h3>
<div class="row">
<div class="col-md-12">
<div class="country-select">
<label>Country <span class="required">*</span></label>
<select>
<option value="volvo">bangladesh</option>
<option value="saab">Algeria</option>
<option value="mercedes">Afghanistan</option>
<option value="audi">Ghana</option>
<option value="audi2">Albania</option>
<option value="audi3">Bahrain</option>
<option value="audi4">Colombia</option>
<option value="audi5">Dominican Republic</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>First Name <span class="required">*</span></label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Last Name <span class="required">*</span></label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Company Name</label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Address <span class="required">*</span></label>
<input type="text" placeholder="Street address" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<input type="text" placeholder="Apartment, suite, unit etc. (optional)" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Town / City <span class="required">*</span></label>
<input type="text" placeholder="Town / City" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>State / County <span class="required">*</span></label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Postcode / Zip <span class="required">*</span></label>
<input type="text" placeholder="Postcode / Zip" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Email Address <span class="required">*</span></label>
<input type="email" placeholder="" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Phone <span class="required">*</span></label>
<input type="text" placeholder="Postcode / Zip" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list create-acc">
<input id="cbox" type="checkbox" />
<label>Create an account?</label>
</div>
<div id="cbox_info" class="checkout-form-list create-account">
<p>Create an account by entering the information below. If you are a returning
customer please login at the top of the page.</p>
<label>Account password <span class="required">*</span></label>
<input type="password" placeholder="password" />
</div>
</div>
</div>
<div class="different-address">
<div class="ship-different-title">
<h3>
<label>Ship to a different address?</label>
<input id="ship-box" type="checkbox" />
</h3>
</div>
<div id="ship-box-info">
<div class="row">
<div class="col-md-12">
<div class="country-select">
<label>Country <span class="required">*</span></label>
<select>
<option value="volvo">bangladesh</option>
<option value="saab">Algeria</option>
<option value="mercedes">Afghanistan</option>
<option value="audi">Ghana</option>
<option value="audi2">Albania</option>
<option value="audi3">Bahrain</option>
<option value="audi4">Colombia</option>
<option value="audi5">Dominican Republic</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>First Name <span class="required">*</span></label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Last Name <span class="required">*</span></label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Company Name</label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Address <span class="required">*</span></label>
<input type="text" placeholder="Street address" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<input type="text" placeholder="Apartment, suite, unit etc. (optional)" />
</div>
</div>
<div class="col-md-12">
<div class="checkout-form-list">
<label>Town / City <span class="required">*</span></label>
<input type="text" placeholder="Town / City" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>State / County <span class="required">*</span></label>
<input type="text" placeholder="" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Postcode / Zip <span class="required">*</span></label>
<input type="text" placeholder="Postcode / Zip" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Email Address <span class="required">*</span></label>
<input type="email" placeholder="" />
</div>
</div>
<div class="col-md-6">
<div class="checkout-form-list">
<label>Phone <span class="required">*</span></label>
<input type="text" placeholder="Postcode / Zip" />
</div>
</div>
</div>
</div>
<div class="order-notes">
<div class="checkout-form-list">
<label>Order Notes</label>
<textarea id="checkout-mess" cols="30" rows="10"
placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="your-order mb-30 ">
<h3>Your order</h3>
<div class="your-order-table table-responsive">
<table>
<thead>
<tr>
<th class="product-name">Product</th>
<th class="product-total">Total</th>
</tr>
</thead>
<tbody>
<tr class="cart_item">
<td class="product-name">
Vestibulum suscipit <strong class="product-quantity"> × 1</strong>
</td>
<td class="product-total">
<span class="amount">$165.00</span>
</td>
</tr>
<tr class="cart_item">
<td class="product-name">
Vestibulum dictum magna <strong class="product-quantity"> × 1</strong>
</td>
<td class="product-total">
<span class="amount">$50.00</span>
</td>
</tr>
</tbody>
<tfoot>
<tr class="cart-subtotal">
<th>Cart Subtotal</th>
<td><span class="amount">$215.00</span></td>
</tr>
<tr class="shipping">
<th>Shipping</th>
<td>
<ul>
<li>
<input type="radio" />
<label>
Flat Rate: <span class="amount">$7.00</span>
</label>
</li>
<li>
<input type="radio" />
<label>Free Shipping:</label>
</li>
<li></li>
</ul>
</td>
</tr>
<tr class="order-total">
<th>Order Total</th>
<td><strong><span class="amount">$215.00</span></strong>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="payment-method">
<div class="accordion" id="checkoutAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="checkoutOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#bankOne" aria-expanded="true" aria-controls="bankOne">
Direct Bank Transfer
</button>
</h2>
<div id="bankOne" class="accordion-collapse collapse show" aria-labelledby="checkoutOne" data-bs-parent="#checkoutAccordion">
<div class="accordion-body">
Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order wont be shipped until the funds have cleared in our account.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="paymentTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#payment" aria-expanded="false" aria-controls="payment">
Cheque Payment
</button>
</h2>
<div id="payment" class="accordion-collapse collapse" aria-labelledby="paymentTwo" data-bs-parent="#checkoutAccordion">
<div class="accordion-body">
Please send your cheque to Store Name, Store Street, Store Town, Store
State / County, Store
Postcode.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="paypalThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#paypal" aria-expanded="false" aria-controls="paypal">
PayPal
</button>
</h2>
<div id="paypal" class="accordion-collapse collapse" aria-labelledby="paypalThree" data-bs-parent="#checkoutAccordion">
<div class="accordion-body">
Pay via PayPal; you can pay with your credit card if you dont have a
PayPal account.
</div>
</div>
</div>
</div>
<div class="order-button-payment mt-20">
<button type="submit" class="e-btn e-btn-border">Place order</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- checkout-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/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 06 Dec 2021 09:59:02 GMT -->
</html>