时间:2023-10-13 02:12:01 | 来源:网站运营
时间:2023-10-13 02:12:01 来源:网站运营
宽屏多色块布局网站模板:<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>Home</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<link rel="stylesheet" href="css/bootstrap.min.css"> | |
<link rel="stylesheet" href="css/bootstrap-theme.min.css"> | |
<link rel="stylesheet" href="css/fontAwesome.css"> | |
<link rel="stylesheet" href="css/hero-slider.css"> | |
<link rel="stylesheet" href="css/owl-carousel.css"> | |
<link rel="stylesheet" href="css/datepicker.css"> | |
<link rel="stylesheet" href="css/templatemo-style.css"> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> | |
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> | |
</head> | |
<body> | |
<section class="banner" id="top"> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="left-banner-content"> | |
<div class="text-content"> | |
<h6>There you go</h6> | |
<div class="line-dec"></div> | |
<h1>Clean & Minimal <br>Template</h1> | |
<div class="white-border-button"> | |
<a href="#" class="scroll-link" data-id="best-offer-section">Discover More</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-4"> | |
<div class="right-banner-content"> | |
<div class="logo"><a href="index.html"><img src="img/logo.png" alt=""></a></div> | |
<h2>Avalon</h2> | |
<span>Creative <em>HTML</em> Template</span> | |
<div class="line-dec"></div> | |
<p>“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et sem blandit, rhoncus ante a, varius libero. Cras elementum tincidunt ullamcorper. Sed vehic ula dictum tortor ut aliquet. ”</p> | |
<ul class="social-icons"> | |
<li><a href="#"><i class="fa fa-facebook"></i></a></li> | |
<li><a href="#"><i class="fa fa-twitter"></i></a></li> | |
<li><a href="#"><i class="fa fa-linkedin"></i></a></li> | |
<li><a href="#"><i class="fa fa-rss"></i></a></li> | |
<li><a href="#"><i class="fa fa-dribbble"></i></a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
关键词:模板,布局