?
á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>Corona Landing | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="corona-landing/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<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="#"><img src="corona-landing/img/logo-red.png" alt="Logo Img"></a>
</div>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link active" href="#">Corona Virus</a></li>
<li class="nav-item"><a class="nav-link" href="#about">Symptoms</a></li>
<li class="nav-item"><a class="nav-link" href="#blog">Latest News</a></li>
<li class="nav-item"><a class="nav-link" href="#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="#"><img src="corona-landing/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="corona-landing/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="corona-landing/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="corona-landing/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="corona-landing/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="corona-landing/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="corona-landing/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="corona-landing/img/germany.jpg" alt="flag-img">
</span>
Germany</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div id="main">
<section id="banner" class=" banner banner-img background-cover">
<div class="overlay height d-flex justify-content-center align-items-center">
<div class="banner-text">
<p class="small-text">Deadly Corona Virus</p>
<h1 class="heading">Corona Virus Count</h1>
<p class="sub-heading">
Active:<span class="text-red font-weight-bolder">2500</span>, Recoverd:<span class="text-red font-weight-bolder">1000</span>, Deaths:<span class="text-red font-weight-bolder">500</span>
</p>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-banner">Read More</a>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<div class="about-text">
<p class="small-text text-red mb-2">Info About Corona</p>
<h1 class="heading mb-3">Symptoms of corona virus</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
in voluptate velit esse cillum. Dolore eu officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing dolore magna aliqua.</p>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-red">Read More</a>
</div>
</div>
</div>
</div>
</section>
<section id="counter" class="counter1 bg-counter-img">
<div class="overlay-contact"></div>
<div class="container">
<div class="row">
<div class="col-12 col-md-3 col-lg-3">
<div class="wrapper">
<div class="counter">
<i class="las la-globe counter_icon"></i>
<span class="timer count-title count-number text-red text-red" data-to="8000" data-speed="500"></span><i class="las la-plus counter_plus text-red"></i>
</div>
<p class="count-text">Total Affected</p>
</div>
</div>
<div class="col-12 col-md-3 col-lg-3">
<div class="wrapper">
<div class="counter">
<i class="las la-radiation-alt counter_icon"></i>
<span class="timer count-title count-number text-red" data-to="3000" data-speed="1000"></span><i class="las la-plus counter_plus text-red"></i>
</div>
<p class="count-text ">Active Cases</p>
</div>
</div>
<div class="col-12 col-md-3 col-lg-3">
<div class="wrapper">
<div class="counter">
<i class="las la-smile counter_icon"></i>
<span class="timer count-title count-number text-red" data-to="2000" data-speed="1000"></span><i class="las la-plus counter_plus text-red"></i>
</div>
<p class="count-text">Recovered</p>
</div>
</div>
<div class="col-12 col-md-3 col-lg-3">
<div class="wrapper">
<div class="counter">
<i class="las la-bullseye counter_icon"></i>
<span class="timer count-title count-number text-red" data-to="1000" data-speed="1000"></span><i class="las la-plus counter_plus text-red"></i>
</div>
<p class="count-text">Deaths</p>
</div>
</div>
</div>
</div>
</section>
<section id="blog">
<div class="container">
<div class="row">
<div class="col-12">
<div class="owl-carousel owl-theme no-gutters" id="blog-carousal">
<div class="item blog-item">
<div class="blog-img">
<img src="corona-landing/img/blog1.jpg" alt="blog img">
</div>
<div class="blog-text">
<div class="date">
<p class="mb-0 sub-heading">20 March 2020</p>
</div>
<div class="info-blog mb-3">
<a href="corona-landing/detail-blog.html" class="text-decoration-none"><h4 class="mb-0 mt-1 hover-heading">Corona Origin & Causes</h4></a>
<p class="sub-heading">by John</p>
</div>
<div class="blog-description">
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut. Ut enim veniam,
in voluptate velit esse cillum.</p>
</div>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-red mt-4">Read More</a>
</div>
</div>
<div class="item blog-item">
<div class="blog-img">
<img src="corona-landing/img/blog4.jpg" alt="blog img">
</div>
<div class="blog-text">
<div class="date">
<p class="mb-0 sub-heading text-black sub-heading">18 March 2020</p>
</div>
<div class="info-blog mb-3">
<a href="corona-landing/detail-blog.html" class="text-decoration-none"><h4 class="mb-0 mt-1 hover-heading">Precautions from Crona</h4></a>
<p class="sub-heading">by Smith</p>
</div>
<div class="blog-description">
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut. Ut enim veniam,
in voluptate velit esse cillum.</p>
</div>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-red mt-4">Read More</a>
</div>
</div>
<div class="item blog-item">
<div class="blog-img">
<img src="corona-landing/img/blog3.jpg" alt="blog img">
</div>
<div class="blog-text">
<div class="date">
<p class="mb-0 text-black sub-heading sub-heading">15 March 2020</p>
</div>
<div class="info-blog mb-3">
<a href="corona-landing/detail-blog.html" class="text-decoration-none"><h4 class="mb-0 mt-1 hover-heading">Stay Safe & Healthy</h4></a>
<p class="sub-heading">by Herry</p>
</div>
<div class="blog-description">
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut. Ut enim veniam,
in voluptate velit esse cillum.</p>
</div>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-red mt-4">Read More</a>
</div>
</div>
<div class="item blog-item">
<div class="blog-img">
<img src="corona-landing/img/blog2.jpg" alt="blog img">
</div>
<div class="blog-text">
<div class="date">
<p class="mb-0 text-black sub-heading">28 Feburary 2020</p>
</div>
<div class="info-blog mb-3">
<a href="corona-landing/detail-blog.html" class="text-decoration-none"><h4 class="mb-0 mt-1 hover-heading">Corona Spread & Report</h4></a>
<p class="sub-heading">by John</p>
</div>
<div class="blog-description">
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut. Ut enim veniam,
in voluptate velit esse cillum.</p>
</div>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-red mt-4">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="detail_process">
<div class="row no-gutters">
<div class="col-sm-12 col-lg-6 overflow-hidden">
<div class="process_image figure">
<img src="corona-landing/img/process4.jpg" alt="process image">
</div>
</div>
<div class="col-sm-12 col-lg-6 margin-col">
<div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
<p class="text-red small-text mb-2">Corona Virus</p>
<h1 class="heading width">Sanitize & regular<br> handwash</h1>
<p class="sub-heading info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
<div class="process_image figure">
<img src="corona-landing/img/process2.jpg" alt="process image">
</div>
</div>
<div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
<div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
<p class="text-red small-text mb-2">Corona Virus</p>
<h1 class="heading width">Compulsion of<br> facemask</h1>
<p class="sub-heading info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
</div>
</div>
</div>
</section>
<section id="about1" class="about">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
<div class="about-text">
<p class="small-text text-red mb-2">Info About Corona</p>
<h1 class="heading mb-3">Want to know more about corona?</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
in voluptate velit esse cillum. Dolore eu officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing dolore magna aliqua.</p>
<a href="corona-landing/detail-blog.html" class="btn btn-large btn-red">Read More</a>
</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="vendor/js/owl.carousel.min.js"></script>
<!--<script src="vendor/js/parallaxie.min.js"></script>-->
<script src="corona-landing/js/script.js"></script>
</body>
</html>