?
á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>Corona | MegaOne | Creative HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../corona-landing/css/mediaelementplayer.css">
<link rel="stylesheet" href="../corona-landing/css/mejs-controls.svg">
<link rel="stylesheet" href="../corona-landing/css/animate.min.css">
<link rel="stylesheet" href="../corona-landing/css/line-awesome.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../corona-landing/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="150">
<!--start loader-->
<div class="loader">
<div class="cssload-loader">
<div class="cssload-inner cssload-one"></div>
<div class="cssload-inner cssload-two"></div>
<div class="cssload-inner cssload-three"></div>
</div>
</div>
<!--loader end-->
<div id="mySidenav" class="sidenav">
<a class="close-outerwindow" onclick="closeNav()">
<i class="las la-times"></i></a>
<div class="d-flex height">
<nav class="navbar-1 w-100">
<div class="logo width-logo2">
<a href="../corona-landing.html"><img src="img/logo-red.png" alt="Logo Img"></a>
</div>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="../corona-landing.html">Corona Virus</a></li>
<li class="nav-item"><a class="nav-link" href="../corona-landing.html#about">Symptoms</a></li>
<li class="nav-item"><a class="nav-link" href="../corona-landing.html#blog">Latest News</a></li>
<li class="nav-item"><a class="nav-link" href="../corona-landing.html#detail_process">Safety Tips</a></li>
</ul>
<div class="banner-icons nav-icon mt-3">
<ul class="footer-icon">
<li class="footer_list fb"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="footer_list twit"><a href="#"><i class="fab fa-twitter"></i></a></li>
<li class="footer_list inst"><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
<p class="sub-heading footer_text text-black text-left"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>
</div>
</nav>
</div>
</div>
<header>
<nav id="my-nav" class="navbar navbar-expand-lg navbar-light rounded-bar fixed-navbar">
<div class="row w-100 margin-row">
<div class="col-5 col-md-3 col-lg-3 pl-0 pl-md-4 pl-lg-4">
<div class="menu-btn" onclick="openNav()">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="col-2 col-md-6 col-lg-6 p-0">
<div class="logo ml-auto mr-auto width-logo text-center">
<a href="../corona-landing.html"><img src="img/logo-red.png" alt="Logo Img"></a>
</div>
</div>
<div class="col-5 col-md-3 col-lg-3 pr-0">
<div class="row no-gutters">
<div class="col-0 col-md-6 col-lg-5 display-medium"></div>
<div class="col-sm-12 col-md-6 col-lg-7 text-right">
<div class="drop-container">
<div class="dropdown">
<a class="btn btn-countries dropdown-toggle" data-toggle="dropdown">
<span class="img-holder">
<img class="flag-img" src="img/us.jpg" alt="flag-img">
</span>
<span class="text"> United States</span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">
<span class="img-holder mr-2">
<img class="flag-img" src="img/china.jpg" alt="flag-img">
</span>
China </a>
<a class="dropdown-item" href="#">
<span class="img-holder mr-2">
<img class="flag-img" src="img/italy.jpg" alt="flag-img">
</span>
Italy</a>
<a class="dropdown-item" href="#">
<span class="img-holder mr-2">
<img class="flag-img" src="img/spain.jpg" alt="flag-img">
</span>
Spain</a>
<a class="dropdown-item" href="#">
<span class="img-holder mr-2">
<img class="flag-img" src="img/uk.jpg" alt="flag-img">
</span>
UK</a>
<a class="dropdown-item" href="#">
<span class="img-holder mr-2">
<img class="flag-img" src="img/iran.jpg" alt="flag-img">
</span>Iran</a>
<a class="dropdown-item" href="#">
<span class="img-holder mr-2">
<img class="flag-img" src="img/germany.jpg" alt="flag-img">
</span>
Germany</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div id="main">
<!--HEADER IMAGE-->
<section id="banner1" class="banner banner1-img background-cover">
<div class="overlay d-flex justify-content-center align-items-center">
<div class="banner-text">
<h1 class="heading">Stand Alone Page</h1>
</div>
</div>
</section>
<section id="search">
<div class="container">
<div class="row pt-lg-5">
<div class="col-sm-12 col-ms-8 col-lg-8">
<div class="text_minimal pt-0">
<p class="sub-heading">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="sub-heading pt-2">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 text-black">Corona Virus</h1>
<p class="sub-heading pt-0">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="sub-heading pt-2">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 sub-heading">
<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 pt-3">
<video id="player1" poster="img/vedio-poster.jpg" controls="controls" style="max-width: 100%;" playsinline>
<source type="video/mp4" src="img/video.mp4">
</video>
</div>
<p class="sub-heading pt-3 text-grey">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="sub-heading pt-2 text-grey">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">An Ounce of Prevention is Worth a Pound of Cure!</p>
</div>
<p class="sub-heading pt-3 text-grey">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-detail1.jpg" 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-detail2.jpg" alt=""></div>
<div class="col-12 pt-2"> <img class="image_blogL" src="img/blog-detail3.jpg" alt=""></div>
</div>
</div>
<p class="sub-heading pt-3">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="sub-heading pt-2">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="horizontal-line mt-5"></div>
<div class="written">
<div class="written_outerbox mt-5 display">
<img class="written_img" src="img/comment_img.png" alt="">
<div class="written_text">
<p class="date text-black">Written by</p>
<h1 class="main_written text-black">Enna Janes</h1>
<p class="sub-heading mt-0">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 text-black">20 days ago</p>
</div>
</div>
<p class="sub-heading mt-1">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 text-black mt-6 mb-5">Write a comment</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="submit" class="btn btn-large btn-primary padding_button w-100" id="submit_btn">SUBMIT REQUEST</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>Topics</h2>
<div class="inner-box">
<ul class="sub-heading font-topic">
<li><a href="#">Corona</a><span class="dots pr-1">..............</span>1</li>
<li><a href="#">Doctor</a> <span class="dots">..............</span> 4</li>
<li><a href="#">Patients</a> <span class="dots pr-1">.............</span>5</li>
<li><a href="#">Life</a> <span class="dots">................</span> 8</li>
<li><a href="#">Deaths</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/post3.jpg" alt="popular image"></a>
</div>
<div class="text_post">
<p class="main"> Minimal Post...</p>
<p class="date">August 13, 2019 by</p><span>Mark Edison</span>
</div>
</div>
<div class="outer pt-lg-3 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/post3.jpg" alt="audio image"></a>
</div>
<div class="text_post">
<p class="main"> Standard Post....</p>
<p class="date">October 22, 2019 by</p><span>Mark Edison</span>
</div>
</div>
<div class="outer pt-lg-3 display">
<div class="popular_image">
<a href="detail-blog.html"><img src="img/post3.jpg" alt="standard image"></a>
</div>
<div class="text_post">
<p class="main">Standard Post...</p>
<p class="date">October 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">Tags</h2>
<div class="inner_tag">
<div class="tag_text">
<span><a href="">CORONA</a></span>
<span><a href="">DOCTORS</a></span>
<span><a href="">PATIENTS</a></span>
<span><a href="">LIFE</a></span>
<span><a href="">DEATHS</a></span>
<span><a href="">AFFECTED</a></span>
<span><a href="">HAND WASH</a></span>
<span><a href="">STAY SAFE</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>Archives</h2>
<div class="inner-box1">
<ul class="sub-heading font-topic">
<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">
<img class="sale_img" src="img/sale-img.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 fb"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="footer_list twit"><a href="#"><i class="fab fa-twitter"></i></a></li>
<li class="footer_list in"><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li class="footer_list inst"><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>
</div>
<script>
if (screen.width <= 768) {
function openNav() {
document.getElementById("mySidenav").style.width = "100%";
document.getElementById("main").style.marginLeft = "0";
}
}
else
function openNav() {
document.getElementById("mySidenav").style.width = "25%";
document.getElementById("main").style.marginLeft = "25%";
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0 */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
}
</script>
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- custom script -->
<script src="../corona-landing/js/mediaelement-and-player.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../corona-landing/js/script.js"></script>
</body>
</html>