File: /home/imensosw/public_html/imenso.co/dev/sharpeagle/blogs.php
<?php include 'header.php';?>
<?php include 'top-menu.php';?>
<section class="inner-banner">
<!-- <img src="images/inner_banner.png" alt="inner banner" class="w-100" /> -->
<video autoplay muted loop id="myVideo" class="w-100">
<source src="images/inner-video.mp4" type="video/mp4">
</video>
<div class="breadcrum">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="list_cnt">
<a href="index.php">Home</a> <i class="fas fa-angle-double-right"></i> <span>Blogs</span>
</div>
<h1>All blogs</h1>
</div>
</div>
</div>
</div>
</section>
<div class="blog_section burger">
<div class="container">
<div class="row">
<div class="col-sm-8">
<div class="blogs">
<div class="blog_list">
<div>
<div class="bol_img">
<div><img src="images/img_1.jpg" alt="blog img" class="fit-image animate" /></div>
</div>
</div>
<div class="blog_content">
<div>
<div class="blog_date">
<a href="#">
<div class="blog_day">14</div>
<div class="blog_month">APR, 2020</div>
</a>
<a href="#" class="blog_comment"><i class="fas fa-comment"></i> <span>20</span></a>
</div>
</div>
<div class="blog_txt">
<h3><a href="#">Lorem ipsum dolor sit amet</a> </h3>
<div class="blog_author mb-2"><a href="#">By: Author</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br />[...]</p>
<a href="#" class="btn btn-secondary">READ MORE</a>
</div>
</div>
</div>
<div class="blog_list">
<div>
<div class="bol_img">
<div><img src="images/img_1.jpg" alt="blog img" class="fit-image animate" /></div>
</div>
</div>
<div class="blog_content">
<div>
<div class="blog_date">
<a href="#">
<div class="blog_day">14</div>
<div class="blog_month">APR, 2020</div>
</a>
<a href="#" class="blog_comment"><i class="fas fa-comment"></i> <span>20</span></a>
</div>
</div>
<div class="blog_txt">
<h3><a href="#">Lorem ipsum dolor sit amet</a> </h3>
<div class="blog_author mb-2"><a href="#">By: Author</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br />[...]</p>
<a href="#" class="btn btn-secondary">READ MORE</a>
</div>
</div>
</div>
<div class="blog_list">
<div>
<div class="bol_img">
<div><img src="images/img_1.jpg" alt="blog img" class="fit-image animate" /></div>
</div>
</div>
<div class="blog_content">
<div>
<div class="blog_date">
<a href="#">
<div class="blog_day">14</div>
<div class="blog_month">APR, 2020</div>
</a>
<a href="#" class="blog_comment"><i class="fas fa-comment"></i> <span>20</span></a>
</div>
</div>
<div class="blog_txt">
<h3><a href="#">Lorem ipsum dolor sit amet</a> </h3>
<div class="blog_author mb-2"><a href="#">By: Author</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br />[...]</p>
<a href="#" class="btn btn-secondary">READ MORE</a>
</div>
</div>
</div>
</div>
<ul class="pagination justify-content-center">
<li class="page-item"><a class="page-link" href="javascript:void(0);"><i class="fas fa-chevron-left"></i></a></li>
<li class="page-item"><a class="page-link" href="javascript:void(0);">1</a></li>
<li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
<li class="page-item"><a class="page-link" href="javascript:void(0);"><i class="fas fa-chevron-right"></i></a></li>
</ul>
</div>
<div class="col-sm-4">
<div class="blog_sidebar">
<form class="blog_search">
<input type="text" class="form-control input-sm" placeholder="Search" />
<button type="submit" class="btn btn-info btn-sm">Search</button>
</form>
<div class="mt-4 blog_category">
<h4 class="bg_light">CATEGORY</h4>
<ul class="mt-2">
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
</ul>
</div>
<div class="mt-5 blog_rpost">
<h4 class="bg_light">RECENT POST</h4>
<div class="d-flex mt-3">
<a href="#" class="b_img">
<div><img src="images/img_1.jpg" alt="img" class="fit-image" /></div>
</a>
<div class="b_txt">
<a href="#">
<h5>Lorem ipsum dolor sit amet, Lorem ipsum </h5>
<span>16, Apr 2020</span>
</a>
</div>
</div>
<div class="d-flex">
<a href="#" class="b_img">
<div><img src="images/img_1.jpg" alt="img" class="fit-image" /></div>
</a>
<div class="b_txt">
<a href="#">
<h5>Lorem ipsum dolor sit amet, Lorem ipsum </h5>
<span>16, Apr 2020</span>
</a>
</div>
</div>
<div class="d-flex">
<a href="#" class="b_img">
<div><img src="images/img_1.jpg" alt="img" class="fit-image" /></div>
</a>
<div class="b_txt">
<a href="#">
<h5>Lorem ipsum dolor sit amet, Lorem ipsum </h5>
<span>16, Apr 2020</span>
</a>
</div>
</div>
</div>
<div class="mt-5 blog_tag">
<h4 class="bg_light">TAGS</h4>
<ul class="mt-3">
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
<li> <a href="#">Category</a> </li>
</ul>
</div>
<div class="mt-5 blog_newsletter">
<h4 class="bg_light">NEWS LETTER</h4>
<p class="mt-3">Lorem ipsum dolor sit amet, Lorem ipsum Lorem idolor sit amet</p>
<form class="mt-3">
<input type="text" class="form-control" />
<button type="submit" class="btn btn-block btn-secondary">SUBSCRIBE NOW</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <section data-aos="fade-up" data-aos-anchor-placement="top-center"></section> -->
<script>
var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
function myFunction() {
if (video.paused) {
video.play();
btn.innerHTML = "Pause";
} else {
video.pause();
btn.innerHTML = "Play";
}
}
</script>
<?php include 'footer.php';?>
<script type="text/javascript">
/*Menu active*/
$(document).ready(function(){
$('.top_area header .nav-item a').removeClass('active');
$("#menu_blogs").addClass('active');
});
</script>