350 lines
18 KiB
HTML
350 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- basic -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- mobile metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
<!-- site metas -->
|
|
<script src="js/destruct.js"></script>
|
|
<title>Convid</title>
|
|
<meta name="keywords" content="">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<!-- bootstrap css -->
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
|
<!-- style css -->
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<!-- Responsive-->
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<!-- fevicon -->
|
|
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
|
<!-- Scrollbar Custom CSS -->
|
|
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
|
<!-- Tweaks for older IEs-->
|
|
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
|
<!-- owl stylesheets -->
|
|
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
|
|
</head>
|
|
<body>
|
|
<!--header section start -->
|
|
<div class="header_section">
|
|
<div class="container-fluid">
|
|
<div class="main">
|
|
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
|
<div class="menu_text">
|
|
<ul>
|
|
<div class="togle_">
|
|
<div class="menu_main">
|
|
<ul>
|
|
<li><a href="#">Login</a></li>
|
|
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="myNav" class="overlay">
|
|
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
|
<div class="overlay-content">
|
|
<a href="index.html">Home</a>
|
|
<a href="protect.html">Protect</a>
|
|
<a href="about.html">About</a>
|
|
<a href="doctors.html">Doctors</a>
|
|
<a href="news.html">News</a>
|
|
</div>
|
|
</div>
|
|
<span class="navbar-toggler-icon"></span>
|
|
<span onclick="openNav()"><img src="images/toogle-icon.png" class="toggle_menu"></span>
|
|
<span onclick="openNav()"><img src="images/toogle-icon1.png" class="toggle_menu_1"></span>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- banner section start -->
|
|
<div class="banner_section layout_padding">
|
|
<div class="container">
|
|
<div id="my_slider" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="container">
|
|
<h1 class="banner_taital">Get Medical Care early</h1>
|
|
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
|
<div class="more_bt"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="banner_img"><img src="images/banner-img.png"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="container">
|
|
<h1 class="banner_taital">Get Medical Care early</h1>
|
|
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
|
<div class="more_bt"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="banner_img"><img src="images/banner-img.png"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="container">
|
|
<h1 class="banner_taital">Get Medical Care early</h1>
|
|
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
|
<div class="more_bt"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="banner_img"><img src="images/banner-img.png"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
|
|
<i class="fa fa-angle-left"></i>
|
|
</a>
|
|
<a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
|
|
<i class="fa fa-angle-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- banner section end -->
|
|
</div>
|
|
<!-- header section end -->
|
|
<!-- protect section start -->
|
|
<div class="protect_section layout_padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h1 class="protect_taital">How to Protect Yourself</h1>
|
|
<p class="protect_text">English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for</p>
|
|
</div>
|
|
</div>
|
|
<div class="protect_section_2 layout_padding">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h1 class="hands_text"><a href="#">Wash your <br>hands frequently</a></h1>
|
|
<h1 class="hands_text_2"><a href="#">Maintain social <br>distancing</a></h1>
|
|
<h1 class="hands_text"><a href="#">Avoid touching eyes,<br>nose and mouth</a></h1>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="image_2"><img src="images/img-2.png"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- protect section end -->
|
|
<!-- about section start -->
|
|
<div class="about_section layout_padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="about_img"><img src="images/img-1.png"></div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h1 class="about_taital">Coronavirus what it is?</span></h1>
|
|
<p class="about_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
|
<div class="read_bt"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- about section end -->
|
|
<!-- doctor section start -->
|
|
<div class="doctors_section layout_padding">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="taital_main">
|
|
<div class="taital_left">
|
|
<div class="play_icon"><img src="images/play-icon.png"></div>
|
|
</div>
|
|
<div class="taital_right">
|
|
<h1 class="doctor_taital">What doctors say..</h1>
|
|
<p class="doctor_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
|
<div class="readmore_bt"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- doctor section end -->
|
|
<!-- news section start -->
|
|
<div class="news_section layout_padding">
|
|
<div class="container">
|
|
<div id="main_slider" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<h1 class="news_taital">Latest News</h1>
|
|
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
|
<div class="news_section_2 layout_padding">
|
|
<div class="box_main">
|
|
<div class="image_1"><img src="images/news-img.png"></div>
|
|
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
|
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
|
<div class="read_btn"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<h1 class="news_taital">Latest News</h1>
|
|
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
|
<div class="news_section_2 layout_padding">
|
|
<div class="box_main">
|
|
<div class="image_1"><img src="images/news-img.png"></div>
|
|
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
|
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
|
<div class="read_btn"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<h1 class="news_taital">Latest News</h1>
|
|
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
|
<div class="news_section_2 layout_padding">
|
|
<div class="box_main">
|
|
<div class="image_1"><img src="images/news-img.png"></div>
|
|
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
|
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
|
<div class="read_btn"><a href="#">Read More</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
|
|
<i class="fa fa-angle-left"></i>
|
|
</a>
|
|
<a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
|
|
<i class="fa fa-angle-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- news section end -->
|
|
<!-- update section start -->
|
|
<div class="update_section">
|
|
<div class="container">
|
|
<h1 class="update_taital">Get Every Update.... </h1>
|
|
<form action="/action_page.php">
|
|
<div class="form-group">
|
|
<textarea class="update_mail" placeholder="Massage" rows="5" id="comment" name="Massage"></textarea>
|
|
</div>
|
|
<div class="subscribe_bt"><a href="#">Subscribe Now</a></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- update section end -->
|
|
<!-- footer section start -->
|
|
<div class="footer_section layout_padding">
|
|
<div class="container">
|
|
<div class="footer_section_2">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-sm-6">
|
|
<h2 class="useful_text">Resources</h2>
|
|
<div class="footer_menu">
|
|
<ul>
|
|
<li><a href="#">What we do</a></li>
|
|
<li><a href="#">Media</a></li>
|
|
<li><a href="#">Travel Advice</a></li>
|
|
<li><a href="#">Protection</a></li>
|
|
<li><a href="#">Care</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<h2 class="useful_text">About</h2>
|
|
<p class="footer_text">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various</p>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<h2 class="useful_text">Contact Us</h2>
|
|
<div class="location_text">
|
|
<ul>
|
|
<li>
|
|
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
|
|
<span class="padding_15">Location</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="#"><i class="fa fa-phone" aria-hidden="true"></i>
|
|
<span class="padding_15">Call +01 1234567890</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>
|
|
<span class="padding_15">demo@gmail.com</span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<h2 class="useful_text">countrys</h2>
|
|
<div class="map_image"><img src="images/map-bg.png"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer section end -->
|
|
<!-- copyright section start -->
|
|
<div class="copyright_section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<p class="copyright_text">© 2020 All Rights Reserved.<a href="https://html.design"> Free html Templates</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- copyright section end -->
|
|
<!-- Javascript files-->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/jquery-3.0.0.min.js"></script>
|
|
<script src="js/plugin.js"></script>
|
|
<!-- sidebar -->
|
|
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
<!-- javascript -->
|
|
<script src="js/owl.carousel.js"></script>
|
|
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".fancybox").fancybox({
|
|
openEffect: "none",
|
|
closeEffect: "none"
|
|
});
|
|
|
|
$(".zoom").hover(function(){
|
|
|
|
$(this).addClass('transition');
|
|
}, function(){
|
|
|
|
$(this).removeClass('transition');
|
|
});
|
|
});
|
|
</script>
|
|
<script>
|
|
function openNav() {
|
|
document.getElementById("myNav").style.width = "100%";
|
|
}
|
|
function closeNav() {
|
|
document.getElementById("myNav").style.width = "0%";
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |