ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from shivaaythemes.in/educater-html/blog-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 12:15:58 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">Blog Detail</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>
<li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Banner Breadcrum End-->
<!--Blog Detail Start-->
<section class="main-blog-detail-in">
<div class="container">
<div class="row">
<!--Blog Detail Info Start-->
<div class="col-xl-8 col-lg-7">
<div class="blog-detail-info-box">
<div class="blog-detail-info-img-1 wow fadeInUp animated" data-wow-delay=".4s">
<img src="assets/images/blog-detail-img-1.jpg" alt="blog">
</div>
<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>
<h3 class="h3-title">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</h3>
<p>Donec sit amet eros non massa vehicula porta. Nulla facilisi. Suspendisse ac aliquet nisi, lacinia mattis magna. Praesent quis consectetur neque, sed viverra neque. Mauris ultrices massa purus, fermentum ornare magna gravida vitae. Nulla sit amet est a enim porta gravida.</p>
<p>Integer consectetur diam vitae imperdiet iaculis. In faucibus, sem sit amet tincidunt egestas, magna ligula interdum leo, quis lacinia mauris odio nec lectus.</p>
<div class="blog-detail-point">
<h3 class="h3-title">Educater is the only theme you will ever need</h3>
<ul>
<li><i class="fa fa-check-circle" aria-hidden="true"></i><p>Suspendisse nunc massa, pellentesque eu nibh eget.</p></li>
<li><i class="fa fa-check-circle" aria-hidden="true"></i><p>Suspendisse nunc massa, pellentesque eu nibh eget.</p></li>
<li><i class="fa fa-check-circle" aria-hidden="true"></i><p>Suspendisse nunc massa, pellentesque eu nibh eget.</p></li>
</ul>
</div>
<div class="blog-detail-text-box">
<h3 class="h3-title">Integer eu lorem augue. Curabitur luctus, orci in dictum accumsan, nulla enim aliquam risus.</h3>
<div class="text-box-author">
<div class="text-box-line"></div>
<h3 class="h3-title">William Son</h3>
</div>
</div>
<p>Donec sit amet eros non massa vehicula porta. Nulla facilisi. Suspendisse ac aliquet nisi, lacinia mattis magna. Praesent quis consectetur neque, sed viverra neque. Mauris ultrices massa purus, fermentum ornare magna gravida vitae. Nulla sit amet est a enim porta gravida</p>
<div class="blog-detail-line"></div>
<div class="blog-detail-tag-share-box">
<div class="blog-detail-tag">
<span>Tags:</span>
<ul>
<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>
</ul>
</div>
<div class="blog-detail-share">
<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>
<!--Related Blog Start-->
<div class="blog-detail-related-blog-box">
<div class="row">
<div class="col-lg-12">
<div class="blog-detail-related-blog-title">
<h2 class="h2-subtitle">Our Post</h2>
<h2 class="h2-title">Related Blog</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-box">
<div class="blog-img">
<img src="assets/images/blog-2.jpg" alt="blog">
</div>
<div class="blog-content">
<a href="blog-detail.html"><h3 class="h3-title">Proin feugiat tortor non neque eleifend.</h3></a>
<div class="blog-box-line"></div>
<div class="blog-date-comment">
<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 class="blog-box-line"></div>
<div class="blog-comment">
<div class="blog-comment-icon">
<img src="assets/images/comment.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>3 Comments</p></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-6">
<div class="blog-box">
<div class="blog-img">
<img src="assets/images/blog-3.jpg" alt="blog">
</div>
<div class="blog-content">
<a href="blog-detail.html"><h3 class="h3-title">Proin feugiat tortor non neque eleifend.</h3></a>
<div class="blog-box-line"></div>
<div class="blog-date-comment">
<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 class="blog-box-line"></div>
<div class="blog-comment">
<div class="blog-comment-icon">
<img src="assets/images/comment.png" alt="icon">
</div>
<a href="javascript:void(0);"><p>3 Comments</p></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Related Blog End-->
<!--Comment Start-->
<div class="blog-detail-comment-box">
<div class="row">
<div class="col-lg-12">
<div class="blog-detail-comment-title">
<h2 class="h2-subtitle">Our Review</h2>
<h2 class="h2-title">Comments</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="client-comment-box">
<div class="client-comment-img">
<img src="assets/images/comment-1.jpg" alt="client">
</div>
<div class="client-comment-content">
<h3 class="h3-title">Lillian Walsh</h3>
<span>07 March, 2021</span>
<p>Integer consectetur diam vitae imperdiet iaculis. In faucibus, sem sit amet tincidunt egestas, magna ligula interdum leo.</p>
<a href="javascript:void(0);" class="reply-btn"><i class="fa fa-reply" aria-hidden="true"></i>Reply</a>
</div>
</div>
<div class="blog-detail-line"></div>
</div>
<div class="col-lg-12">
<div class="client-comment-box">
<div class="client-comment-img">
<img src="assets/images/comment-2.jpg" alt="client">
</div>
<div class="client-comment-content">
<h3 class="h3-title">Boni Joye</h3>
<span>07 March, 2021</span>
<p>Integer consectetur diam vitae imperdiet iaculis. In faucibus, sem sit amet tincidunt egestas, magna ligula interdum leo.</p>
<a href="javascript:void(0);" class="reply-btn"><i class="fa fa-reply" aria-hidden="true"></i>Reply</a>
</div>
</div>
<div class="blog-detail-line"></div>
</div>
</div>
</div>
<!--Comment End-->
<!--Leave A Reply Start-->
<div class="blog-detail-leave-reply-box">
<div class="row">
<div class="col-lg-12">
<div class="blog-detail-leave-reply-title">
<h2 class="h2-subtitle">Write Comment</h2>
<h2 class="h2-title">Leave A Reply</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form class="leave-reply-form">
<div class="row">
<div class="col-xl-4 col-lg-6">
<div class="form-box wow fadeup-animation" data-wow-delay="0.4s">
<input type="text" class="form-input" name="firstname" placeholder="First Name" required>
</div>
</div>
<div class="col-xl-4 col-lg-6 wow fadeup-animation" data-wow-delay="0.5s">
<div class="form-box">
<input type="text" class="form-input" name="lastname" placeholder="Last Name" required>
</div>
</div>
<div class="col-xl-4 col-lg-12 wow fadeup-animation" data-wow-delay="0.6s">
<div class="form-box">
<input type="email" class="form-input" name="email" placeholder="Email Address" required>
</div>
</div>
<div class="col-lg-12 wow fadeup-animation" data-wow-delay="0.7s">
<div class="form-box">
<textarea class="form-input" placeholder="Message"></textarea>
</div>
</div>
<div class="col-lg-12 wow fadeup-animation" data-wow-delay="0.8s">
<div class="form-box mb-0">
<button type="submit" class="sec-btn"><span>Post Now</span></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!--Leave A Reply End-->
</div>
</div>
<!--Blog Detail Info 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 Detail End-->
<!--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-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 12:15:59 GMT -->
</html>
Zerion Mini Shell 1.0