?
á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="MegaOne 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>Blog | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="blog/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="blog/css/animate.min.css">
<link rel="stylesheet" href="blog/css/jquery.fancybox.css">
<link rel="stylesheet" href="blog/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="blog/css/line-awesome.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="blog/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="150">
<!-- PRELOADER -->
<div class="loader-area">
<div class='loader'>
<div class='one'></div>
<div class='two'></div>
<div class='three'></div>
</div>
</div>
<header>
<nav id="my-nav" class="navbar navbar-expand-lg navbar-light rounded-bar sidemenu-nav">
<div class="logo width-logo1">
<a href="index-blog.html"><img src="blog/img/logo-white.png" alt="Logo Img"></a>
</div>
<div class="menu-btn ml-auto">
<span></span>
<span></span>
<span></span>
</div>
</nav>
<div class="outer-wrapper">
<div class="overlay1">
<a class="close-outerwindow"><i class="las la-times"></i></a>
<nav class="navbar-1 w-100">
<div class="row text-center">
<div class="col-12">
<div class="logo-img text-center">
<a href="index-blog.html"><img src="blog/img/logo.png" alt="Logo Img"></a>
</div>
<ul class="navbar-nav mt-5 text-center small-nav">
<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link" href="blog/top-stories.html">Top Stories</a></li>
<li class="nav-item"><a class="nav-link" href="blog/blogs.html">Blogs</a></li>
<li class="nav-item"><a class="nav-link" href="blog/contact.html">Contact</a></li>
</ul>
<ul class="footer_ul text-center mt-3 margin-top">
<li class="footer_list"><i class="lab la-facebook-f"></i></li>
<li class="footer_list"><i class="lab la-twitter"></i></li>
<li class="footer_list"><i class="lab la-google-plus"></i></li>
<li class="footer_list"><i class="lab la-linkedin-in"></i></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</header>
<section id="banner-img" class="banner-img bg-banner-img">
<div class="row no-gutters">
<div class="col-12 col-md-5"></div>
<div class="col-12 col-md-7">
<div class="overlay"></div>
<div class="row no-gutters height1">
<div class="col-2 d-flex justify-content-center align-items-center">
<p class="verticle-text text-white padding-vert">Lorem ipsum dolor sit amet, adipi elit et dolore of</p>
</div>
<div class="col-10 d-flex align-items-center">
<h1 class="main-heading text-white">CORONA<br>NEWS<br>AND<br>UPDATES</h1>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<div class="about-text text-left d-flex">
<p class="verticle-text text-grey pt-2">basic info about us</p>
<h1 class="main-heading ml-3">Lorem ipsum dolor sit amet</h1>
</div>
</div>
<div class="col-12 col-md-6">
<p class="sub-heading text-grey">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus.
<br><br>
Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Vitae diam eleifend, in maximus metus </p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="portfolio">
<div class="container">
<div id="js-grid-masonry-projects" class="cbp cbp-l-grid-masonry-projects">
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioL1.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-singlePage cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">stay safe and<br> healthy</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioS9.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a class="vimeo" href="http://player.vimeo.com/video/396087935?title=0&byline=0&portrait=0"><i class="las la-play play-btn"></i></a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">precautions from<br> coronavirus</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioL2.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">Latest research<br> on coronavirus</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioL4.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">Practice food<br> safety</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioS6.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">precautions<br> before time</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioS3.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">Compulsion of<br> facemask</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioS5.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">unnecessary<br> travelling</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioL3.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">protect family<br> from corona</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioS4.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a class="vimeo" href="http://player.vimeo.com/video/246656056?title=0&byline=0&portrait=0"><i class="las la-play play-btn"></i></a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">Coronavirus<br> origin</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioL6.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">Regular hand<br> wash</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioL5.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">Coronavirus<br> composition</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
<div class="cbp-item">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="blog/img/portfolioS8.jpg " alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="blog/blogs.html" class="btn blog-btn cbp-l-caption-buttonLeft">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="portfolio-text">
<p class="portfolio-vert text-grey">by ellie</p>
<a class="text-black" href="blog/blogs.html"><h2 class="heading ml-3">visit doctor<br>immediately</h2></a>
<p class="date text-grey">March 25' 2019</p>
<div class="horizontal-line"></div>
<p class="sub-heading text-grey mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus......
</div>
</div>
</div>
</div>
</section>
<section id="testimonial" class="testimonial">
<div class="row bg-black">
<div class="col-12 col-md-6 p-0">
<img src="blog/img/testimonial-img.jpg" alt="image">
</div>
<div class="col-12 col-md-6 pl-4 pl-md-0 d-flex justify-content-center align-items-center">
<div class="owl-testimonial owl-carousel owl-theme ">
<div class="item">
<p class="heading-large text-white">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet."</p>
<div class="rating">
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
</div>
</div>
<div class="item">
<p class="heading-large text-white">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet."</p>
<div class="rating">
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
</div>
</div>
<div class="item">
<p class="heading-large text-white">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam
nonummy nibh euismod tincidunt until laoreet."</p>
<div class="rating">
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
<i class="las la-star rating-star"></i>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="footer">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<ul class="footer_ul">
<li class="footer_list"><i class="lab la-facebook-f"></i></li>
<li class="footer_list"><i class="lab la-twitter"></i></li>
<li class="footer_list"><i class="lab la-google-plus"></i></li>
<li class="footer_list"><i class="lab la-linkedin-in"></i></li>
<li class="footer_list"><i class="lab la-instagram"></i></li>
<li class="footer_list"><i class="las la-envelope"></i></li>
</ul>
<p class="info footer_text"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themesindustry</p>
</div>
</div>
</div>
</section>
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="blog/js/jquery.fancybox.js"></script>
<script src="blog/js/jquery.fancybox.min.js"></script>
<script src="blog/js/mediaelement-and-player.min.js"></script>
<script src="blog/js/wow.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="blog/js/script.js"></script>
</body>
</html>