?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Product is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Education | MegaOne | Creative HTML5 Template</title>
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<!-- Favicon -->
<link rel="icon" href="../education/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../education/css/animate.min.css">
<link rel="stylesheet" href="../vendor/css/line-awesome.min.css">
<link rel="stylesheet" href="../education/css/mediaelementplayer.css">
<link rel="stylesheet" href="../education/css/mejs-controls.svg">
<!-- Style Sheet -->
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../education/css/style.css">
</head>
<body data-spy=" " data-target=".navbar" data-offset="150">
<!--SCROLL TOP BUTTON--->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>
<!-- PRELOADER -->
<div class="loader1">
<div class="loading-area">
<div class="circle"></div>
<div class="circle-small"></div>
<div class="circle-big"></div>
<div class="circle-inner-inner"></div>
<div class="circle-inner"></div>
</div>
</div>
<header>
<!-- NAVBAR FOR LARGE SCREEN-->
<nav id="my-nav1" class="navbar navbar-expand-lg navbar-light bg-light stroke navbar-dark-vision">
<div class="container">
<a href="../index-education.html" title="Logo" class="logo link">
<img src="../education/img/logo-white.png" alt="logo" class="logo-dark default">
</a>
<div class="my-tog-btn">
<span></span>
<span></span>
<span></span>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent1" >
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="../index-education.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<a class="btn btn-primary rounded-pill navbar-btn" data-toggle="modal" data-target=".modal">Apply Now</a>
</div>
</div>
</nav>
<div class="outer-window">
<div class="navbar-content">
<nav class="navbar1">
<a class="close-outerwindow"><i class="las la-times"></i></a>
<a href="../index-education.html"><img src="../education/img/logo-white.png" alt="logo" class="logo-small-nav default"></a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-education.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<section id="contactus-header" class="bg-blog-detail-img">
<div class="overlay-contact"></div>
<div class="container">
<div class="row text-center d-flex justify-content-center align-items-center row-height">
<div class="col-12">
<h1 class="main-heading text-white">Blog Detail</h1>
<p class="sub-heading text-white text-width">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
labore.</p>
</div>
</div>
</div>
</section>
<section id="search">
<div class="container">
<div class="row pt-lg-5 pb-lg-5">
<div class="col-sm-12 col-ms-8 col-lg-8">
<div class="text_minimal1 pt-0">
<p class="text_dummy text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis</p>
<p class="text_dummy pt-2 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis. Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum suscipit.</p>
<h1 class="pt-3 font-weight-bold blog_detail-heading green-color">Creative<span class="blue-color"> Design</span></h1>
<p class="text_dummy pt-0 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis</p>
<p class="text_dummy pt-2 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis. Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum suscipit.</p>
<ul class="pl-3 pt-3 text-black">
<li>Nam ut rutrum ex.</li>
<li class="mt-1">Aliquam erat volutpat.</li>
<li class="mt-1">Quisque vitae nibh iaculis.</li>
</ul>
</div>
<div class="row mt-40 pl-3 pr-3">
<video id="player1" poster="img/blog/vedio-poster.png" controls="controls" style="max-width: 100%;" playsinline>
<source type="video/mp4" src="img/blog/video.mp4">
</video>
</div>
<p class="text_dummy pt-3 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis</p>
<p class="text_dummy pt-2 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis. Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum suscipit.</p>
<div class="quote_text">
<p class="quote green-color"> Design Is What You Do When You Want To Express YourSelf</p>
<div class="verticle_lineQ green-color"></div>
</div>
<p class="text_dummy pt-3 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit.</p>
<div class="blogN_images">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 pr-md-1 pr-lg-1">
<img class="image_blogS" src="img/blog/blog-detail1.png" alt="">
</div>
<div class="col-sm-12 col-md-6 col-lg-6 pl-md-1 pl-lg-1 padding_blog-img"><img class="image_blogS" src="img/blog/blog-detail2.png" alt=""></div>
<div class="col-12 pt-2"> <img class="image_blogL" src="img/blog/blog-detail3.png" alt=""></div>
</div>
</div>
<p class="text_dummy pt-1 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis</p>
<p class="text_dummy pt-2 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis. Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut bibendum suscipit.</p>
<div class="divider1 mt-5"></div>
<div class="written">
<div class="written_outerbox mt-5 display">
<img class="written_img" src="img/blog/comment-img.png" alt="">
<div class="written_text">
<p class="date">Written By</p>
<h1 class="main_written text-black">Kim Janes</h1>
<p class="text_dummy mt-0 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit.</p>
</div>
</div>
</div>
<div class="comment">
<div class="comment_write">
<div class="icon_comment">
<i class="far fa-user user_icon"></i>
<div class="icon_text">
<h1 class="main_written font text-black">Mark Edison</h1>
<p class="date margin_days">20 days ago</p>
</div>
</div>
<p class="text_dummy height mt-1 text-black">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem.
Ut lacus vestibulum maximus suscipit.</p>
</div>
<h1 class="comment_text mt-6 mb-5 green-color">Write a<span class="blue-color"> Comment</span></h1>
<form>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" required id="Name" name="Name">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email" required id="email" name="email">
</div>
</div>
<div class="col-12">
<div class="form-group">
<span class="message-error error"></span>
<textarea class="form-control" rows="5" required id="comment" placeholder="Comment"></textarea>
</div>
<button type="button" class="btn btn-large btn-primary contact-btn w-100 text-white" id="submit_btn" onclick="send_mails();">SUBMIT NOW</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-12 col-lg-4 order-2 order-md-1 margin_small">
<div class="search_outerbox">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-search" type="button"><i class="fa fa-search fa-fw"></i></button>
</span>
</div>
</div>
<section id="topics">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0">
<div class="topic_outerbox mt-4">
<h2 class="text-black">Topics</h2>
<div class="inner-box">
<ul class="text-black">
<li><a href="#">Exams</a> <span class="dots">..................</span>4</li>
<li><a href="#">Studies</a> <span class="dots pr-1">.................</span>5</li>
<li><a href="#">University </a> <span class="dots pr-1">...............</span>3</li>
<li><a href="#">Courses</a> <span class="dots">.................</span>8</li>
<li><a href="#">Events</a> <span class="dots">..................</span>6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="popular_post">
<div class="container">
<div class="row">
<div class="col-12 p-0">
<div class="outer_popular mt-4">
<h2 class="text-black">Popular Post</h2>
<div class="outer mt-4 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/blog/minimal-thumbnail.png" alt="popular image"></a>
</div>
<div class="text_post text-black">
<p class="main"> Minimal Post...</p>
<p class="date">August 13, 2019 by</p><span>Mark Edison</span>
</div>
</div>
<div class="outer pt-3 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/blog/audio-thumbnail.png" alt="audio image"></a>
</div>
<div class="text_post text-black">
<p class="main"> Standard Post....</p>
<p class="date">August 22, 2019 by</p><span>Mark Edison</span>
</div>
</div>
<div class="outer pt-3 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/blog/gallery-thumbnail.png" alt="standard image"></a>
</div>
<div class="text_post text-black">
<p class="main">Standard Post...</p>
<p class="date">August 30, 2019 by</p><span>Mark Edison</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="tags">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0">
<div class="outer_tag mt-4">
<h2 class="main_tag text-black">Tags</h2>
<div class="inner_tag">
<div class="tag_text">
<span><a href="">STUDY</a></span>
<span><a href="">LECTURES</a></span>
<span><a href="">CAMPUS LIFE</a></span>
<span><a href="">EVENTS</a></span>
<span><a href="">TEACHERS</a></span>
<span><a href="">TOUR</a></span>
<span><a href="">TRIP</a></span>
<span><a href="">STUDENTS</a></span>
<span><a href="">UNIVERSITY</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="archieve">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0">
<div class="topic_outerbox mt-4">
<h2 class="text-black">Archives</h2>
<div class="inner-box1">
<ul>
<li><a href="#">May 2016</a> <span class="dots">.................</span>1</li>
<li><a href="#">July 2015</a> <span class="dots">.................</span>3</li>
<li><a href="#">Dec 2017</a> <span class="dots">.................</span>1</li>
<li><a href="#">Oct 2019</a> <span class="dots">.................</span>6</li>
<li><a href="#">Sep 2018</a> <span class="dots">.................</span>8</li>
<li><a href="#">Feb 2020</a> <span class="dots">.................</span>1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="sale_image">
<div class="container">
<div class="row">
<div class="col-12 pr-0 pl-0 pt-4 pb-4">
<img class="sale_img" src="img/blog/sale.jpg" alt="advertisment image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer">
<div class="container">
<div class="row">
<div class="col-12 text-center footer-content">
<ul class="footer-icon">
<li class="footer_list"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="footer_list"><a href="#"><i class="fab fa-twitter"></i></a></li>
<li class="footer_list"><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li class="footer_list"><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
<p class="sub-heading footer_text text-black"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>
</div>
</div>
</div>
</section>
<!--modal window-->
<div class="modal fade model-reg" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<form class="appointment-form" id="appointment-form">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h1 class="font-weight-bold green-color form-tittle">Apply<span class="blue-color"> Now!</span></h1>
<div class="form-group-1">
<input type="text" name="name" id="name" placeholder="Your Name" required />
<input type="text" name="name" placeholder="Father Name" required />
<input type="email" name="email" id="email" placeholder="Email" required />
<input type="number" name="phone_number" id="phone_number" placeholder="Phone number" required />
<input type="text" name="title" id="title" placeholder="Address" required />
<div class="select-list">
<select name="course_type" id="course_type" class="la-angle-down">
<option value="">Course to Apply</option>
<option value="society">Society</option>
<option value="language">Language</option>
</select>
</div>
</div>
<button type="button" class="btn btn-large btn-primary contact-btn w-100 text-white" id="submit_btn" onclick="send_mails();">SUBMIT NOW</button>
</form>
</div>
</div>
</div>
</div>
<!--modal window end-->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="../education/js/mediaelement-and-player.min.js"></script>
<script src="../education/js/wow.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../education/js/script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
</body>
</html>