ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from shivaaythemes.in/educater-html/blog-list.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 12:15:55 GMT -->
<head>
<title>Educater - Online Courses & Education HTML Template</title>
<meta name="keywords" content="Educater" />
<meta name="description" content="Educater" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- FavIcon CSS -->
<link rel="icon" href="assets/images/favicon.png" type="image/gif" sizes="16x16">
<!--Bootstrap CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!--Google Fonts CSS-->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!--Font Awesome Icon CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<!-- Slick Slider CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/slick.css">
<link rel="stylesheet" type="text/css" href="assets/css/slick-theme.css">
<!-- Wow Animation CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css">
<!-- Main Style CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<!-- Loader Start -->
<div class="loader-box">
<div class="loader">
<div class="loader__figure"></div>
<p class="loader__label">Loading...</p>
</div>
</div>
<!-- Loader End -->
<!-- Header Start -->
<header class="site-header">
<!-- Top start -->
<div class="header-top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="top-contact">
<div class="top-location">
<div class="top-location-icon">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<div class="top-location-content">
<a href="javascript:void(0);" title="location"><p>12/7 Aabot, Poor Street, Mumbai</p></a>
</div>
</div>
<div class="top-mail">
<div class="top-mail-icon">
<i class="fa fa-envelope" aria-hidden="true"></i>
</div>
<div class="top-mail-content">
<a href="javascript:void(0);" title="mail"><p>info@gmail.com</p></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="Social-midea">
<a href="javascript:void(0);" title="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="javascript:void(0);" title="Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="javascript:void(0);" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="javascript:void(0);" title="Pinterest"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Top End -->
<!--Navbar Start -->
<div class="header-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<!-- Sit Logo Start -->
<div class="site-branding">
<a href="index.html" title="Educater">
<img src="assets/images/logo.png" alt="Logo">
</a>
</div>
<!-- Sit Logo End -->
</div>
<div class="col-lg-9">
<div class="header-menu">
<nav class="main-navigation">
<button class="toggle-button">
<span></span>
<span class="toggle-width"></span>
<span></span>
</button>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li class="sub-items">
<a href="javascript:void(0);" title="Courses">Courses</a>
<ul class="sub-menu">
<li><a href="courses.html" title="Courses">Courses List</a></li>
<li><a href="course-detail.html" title="Courses detail">Courses Detail</a></li>
</ul>
</li>
<li class="sub-items">
<a href="javascript:void(0);" title="Pages">Pages</a>
<ul class="sub-menu">
<li><a href="event-detaill.html" title="Event Detail">Event Detail</a></li>
<li><a href="instructor.html" title="Instructor">Instructor</a></li>
<li><a href="instructor-detail.html" title="Instructor Detail">Instructor Detail</a></li>
<li><a href="pricing.html" title="Pricing">Pricing</a></li>
<li><a href="faq.html" title="FAQ">FAQ</a></li>
</ul>
</li>
<li class="sub-items active">
<a href="javascript:void(0);" title="Blog">Blog</a>
<ul class="sub-menu">
<li><a href="blog-list.html" title="Blog List">Blog List</a></li>
<li><a href="blog-detail.html" title="Blog Detail">Blog Detail</a></li>
</ul>
</li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</nav>
<div class="black-shadow"></div>
<div class="header-btn">
<a href="contact-us.html" class="sec-btn">Try For Free</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Navbar End -->
</header>
<!-- Header End -->
<!--Banner Start-->
<section class="main-banner-in">
<span class="shape-1 animate-this">
<img src="assets/images/shape-1.png" alt="shape">
</span>
<span class="shape-2 animate-this">
<img src="assets/images/shape-2.png" alt="shape">
</span>
<span class="shape-3 animate-this">
<img src="assets/images/shape-3.png" alt="shape">
</span>
<span class="shape-4 animate-this">
<img src="assets/images/shape-4.png" alt="shape">
</span>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="h1-title">Our Blog</h1>
</div>
</div>
</div>
</section>
<!--Banner End-->
<!--Banner Breadcrum Start-->
<div class="main-banner-breadcrum">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="banner-breadcrum">
<ul>
<li><a href="index.html">Home</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
<li><a href="blog-list.html">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Banner Breadcrum End-->
<!--Blog List Start-->
<section class="main-blog-list-in">
<div class="container">
<div class="row">
<!--Blog Box Start-->
<div class="col-xl-8 col-lg-7">
<div class="main-blog-list-box">
<div class="blog-list-box">
<div class="blog-big-img">
<img src="assets/images/blog-big-img-1.jpg" alt="blog">
</div>
<div class="blog-big-content">
<div class="blog-big-user-box">
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/author.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>John Doe</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/comment.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>3 Comments</p></a>
</div>
</div>
<a href="blog-detail.html"><h3 class="h3-title">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</h3></a>
<p>Donec accumsan enim sit amet dolor rhoncus scelerisque. Suspendisse dictum, enim a interdum facilisis, ex diam dignissim ligula, sit amet commodo est nunc vulputate turpis.</p>
<a href="blog-detail.html" class="sec-btn">Read More</a>
</div>
</div>
<div class="blog-list-box">
<div class="blog-big-img">
<img src="assets/images/blog-big-img-2.jpg" alt="blog">
</div>
<div class="blog-big-content">
<div class="blog-big-user-box">
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/author.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>John Doe</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/comment.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>3 Comments</p></a>
</div>
</div>
<a href="blog-detail.html"><h3 class="h3-title">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</h3></a>
<p>Donec accumsan enim sit amet dolor rhoncus scelerisque. Suspendisse dictum, enim a interdum facilisis, ex diam dignissim ligula, sit amet commodo est nunc vulputate turpis.</p>
<a href="blog-detail.html" class="sec-btn">Read More</a>
</div>
</div>
<div class="blog-list-box">
<div class="blog-big-img">
<img src="assets/images/blog-big-img-3.jpg" alt="blog">
</div>
<div class="blog-big-content">
<div class="blog-big-user-box">
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/author.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>John Doe</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/comment.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>3 Comments</p></a>
</div>
</div>
<a href="blog-detail.html"><h3 class="h3-title">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</h3></a>
<p>Donec accumsan enim sit amet dolor rhoncus scelerisque. Suspendisse dictum, enim a interdum facilisis, ex diam dignissim ligula, sit amet commodo est nunc vulputate turpis.</p>
<a href="blog-detail.html" class="sec-btn">Read More</a>
</div>
</div>
<div class="blog-list-box">
<div class="blog-big-img">
<img src="assets/images/blog-big-img-4.jpg" alt="blog">
</div>
<div class="blog-big-content">
<div class="blog-big-user-box">
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/author.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>John Doe</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
<div class="blog-big-user-line"></div>
<div class="blog-big-user">
<div class="blog-big-user-icon">
<img src="assets/images/comment.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>3 Comments</p></a>
</div>
</div>
<a href="blog-detail.html"><h3 class="h3-title">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</h3></a>
<p>Donec accumsan enim sit amet dolor rhoncus scelerisque. Suspendisse dictum, enim a interdum facilisis, ex diam dignissim ligula, sit amet commodo est nunc vulputate turpis.</p>
<a href="blog-detail.html" class="sec-btn">Read More</a>
</div>
</div>
</div>
<div class="courses-pagination">
<a href="javascript:void(0);" class="pagination-arrow"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
<ul>
<li class="active">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<a href="javascript:void(0);" class="pagination-arrow"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
<!--Blog Box End-->
<!--Sidebar Start-->
<div class="col-xl-4 col-lg-5">
<div class="blog-list-sidebar">
<div class="courses-search-form">
<form>
<div class="form-box">
<input type="text" name="search" placeholder="Search..." required>
<button type="submit" class="sec-btn"><span><i class="fa fa-search" aria-hidden="true"></i></span></button>
</div>
</form>
</div>
<div class="blog-list-sidebar-categories-box">
<div class="courses-sidebar-title">
<div class="sidebar-title-line"></div>
<h3 class="h3-title">Categories</h3>
</div>
<ul>
<li><a href="javascript:void(0);"><i class="fa fa-angle-right" aria-hidden="true"></i><p>Business (10)</p></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-angle-right" aria-hidden="true"></i><p>Case Study (13)</p></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-angle-right" aria-hidden="true"></i><p>Insights (9)</p></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-angle-right" aria-hidden="true"></i><p>World (3)</p></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-angle-right" aria-hidden="true"></i><p>Tax Solutions (12)</p></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-angle-right" aria-hidden="true"></i><p>Creative (6)</p></a></li>
</ul>
</div>
<div class="blog-list-sidebar-recent-post">
<div class="courses-sidebar-title">
<div class="sidebar-title-line"></div>
<h3 class="h3-title">Categories</h3>
</div>
<ul>
<li>
<div class="blog-list-recent-post-img">
<img src="assets/images/recent-post-1.jpg" alt="blog">
</div>
<div class="blog-list-recent-post-content">
<a href="blog-detail.html"><p>Mauris condimentum purus sit amet interdum.</p></a>
<div class="blog-date">
<div class="blog-date-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
</div>
</li>
<li>
<div class="blog-list-recent-post-img">
<img src="assets/images/recent-post-2.jpg" alt="blog">
</div>
<div class="blog-list-recent-post-content">
<a href="blog-detail.html"><p>Mauris condimentum purus sit amet interdum.</p></a>
<div class="blog-date">
<div class="blog-date-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
</div>
</li>
<li>
<div class="blog-list-recent-post-img">
<img src="assets/images/recent-post-3.jpg" alt="blog">
</div>
<div class="blog-list-recent-post-content">
<a href="blog-detail.html"><p>Mauris condimentum purus sit amet interdum.</p></a>
<div class="blog-date">
<div class="blog-date-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
</div>
</li>
<li>
<div class="blog-list-recent-post-img">
<img src="assets/images/recent-post-4.jpg" alt="blog">
</div>
<div class="blog-list-recent-post-content">
<a href="blog-detail.html"><p>Mauris condimentum purus sit amet interdum.</p></a>
<div class="blog-date">
<div class="blog-date-icon">
<img src="assets/images/calendar.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>07 Jan, 2022</p></a>
</div>
</div>
</li>
</ul>
</div>
<div class="blog-list-sidebar-tag-box">
<div class="courses-sidebar-title">
<div class="sidebar-title-line"></div>
<h3 class="h3-title">Categories</h3>
</div>
<ul>
<li><a href="javascript:void(0);">Business</a></li>
<li><a href="javascript:void(0);">Corporate</a></li>
<li><a href="javascript:void(0);">Blog</a></li>
<li><a href="javascript:void(0);">Marketing</a></li>
<li><a href="javascript:void(0);">Creative</a></li>
<li><a href="javascript:void(0);">Web</a></li>
<li><a href="javascript:void(0);">Workers</a></li>
<li><a href="javascript:void(0);">Morden</a></li>
</ul>
</div>
</div>
</div>
<!--Sidebar End-->
</div>
</div>
</section>
<!--Blog List Start-->
<!--Cta Start-->
<section class="main-cta">
<div class="container">
<div class="row align-items-center cta-bg">
<div class="cta-bg-img">
<img src="assets/images/cta-bg-img.png" alt="bg">
</div>
<div class="col-lg-6">
<div class="cta-title">
<h2 class="h2-title">Start Your Best Online Classes With Us</h2>
</div>
</div>
<div class="col-lg-6">
<div class="cta-btn">
<a href="contact-us.html" class="sec-btn">Contact Us</a>
</div>
</div>
</div>
</div>
</section>
<!--Cta End-->
<!--Footer Start-->
<section class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-logo-content">
<a href="index.html"><img src="assets/images/logo-footer.png" alt="Educater"></a>
<p>Duis a tempor magna. Maecenas ligula felis, imperdiet quis arcu eget, blandit ultricies risus. Vivamus fringilla urna vel risus congue accumsan.</p>
<ul>
<li><a href="javascript:void(0);"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-our-link">
<h3 class="h3-title">Our Link</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="blog-list.html">Blog</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-other-link">
<h3 class="h3-title">Other Link</h3>
<ul>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="event-detaill.html">Event</a></li>
<li><a href="about-us.html">Privacy Policy</a></li>
<li><a href="about-us.html">Term & Condition</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-subscribe">
<h3 class="h3-title">Subscribe Now</h3>
<div class="footer-subscribe-form">
<input type="email" name="email" class="form-input subscribe-input" placeholder="Email Address" required="">
<button type="submit" class="sec-btn"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright-bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<span class="copyright-text">Copyright © 2021 <a href="index.html">ShivaayThemes.</a> All rights reserved.</span>
</div>
</div>
</div>
</div>
</section>
<!--Footer End-->
<!-- Scroll To Top Start -->
<a href="#main-banner" class="scroll-top" id="scroll-to-top">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
<!-- Scroll To Top End-->
<!-- Bubbles Animation Start -->
<div class="bubbles_wrap">
<div class="bubble x1"></div>
<div class="bubble x2"></div>
<div class="bubble x3"></div>
<div class="bubble x4"></div>
<div class="bubble x5"></div>
<div class="bubble x6"></div>
<div class="bubble x7"></div>
<div class="bubble x8"></div>
<div class="bubble x9"></div>
<div class="bubble x10"></div>
</div>
<!-- Bubbles Animation End-->
<!-- Jquery JS Link -->
<script src="assets/js/jquery.min.js"></script>
<!-- Bootstrap JS Link -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<!-- Custom JS Link -->
<script src="assets/js/custom.js"></script>
<!-- Slick Slider JS Link -->
<script src="assets/js/slick.min.js"></script>
<!-- Wow Animation JS -->
<script src="assets/js/wow.min.js"></script>
<!--Banner Bg Animation JS-->
<script src="assets/js/bg-moving.js"></script>
</body>
<!-- Mirrored from shivaaythemes.in/educater-html/blog-list.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 12:15:58 GMT -->
</html>
Zerion Mini Shell 1.0