<!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">
<title>LandGig</title>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto:600" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3">
<ul class="social">
<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-google-plus"></i></a></li>
</ul>
</div>
<div class="col-md-9 col-sm-9 text-right">
<ul>
<li><i class="fa fa-clock-o"></i><span> Mon - Sat: 7:00 - 17:00</span></li>
<li><i class="fa fa-phone"></i><span> + 386 40 111 5555</span></li>
<li><i class="fa fa-envelope-o"></i><span>info@yourdomain.com</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navigation">
<nav class="navbar navbar-navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation" aria-expanded="false">
<span class="sr-only"></span>
<i class="fa fa-bars"></i>
</button>
<a href="#" class="navbar-brand"><img src="images/logo.png" alt=""></a>
</div>
<div class="collapse navbar-collapse" id="navigation">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="">Home</a></li>
<li><a href="">Why Choose Us</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Pricing</a></li>
<li><a href="">Contact</a></li>
<li class="btn-trial"><a href="">Free Trial</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="slider jumbotron">
<div class="container">
<div class="col-md-6">
<div class="slider-left">
<h2>Discover a new way to be more productive</h2>
<a href=""><button class="btn btn-default">Get in touch</button></a>
</div>
</div>
<div class="col-md-offset-2 col-md-4">
<div class="slider-right">
<form action="" class="join-now">
<h2 class="text-center">Get Started</h2>
<div class="input-group"><input type="text" class="form-control" placeholder="Full Name" name="full-name"></div>
<div class="input-group"><input type="email" class="form-control" placeholder="Email Address" name="email"></div>
<small class="text-center">I agree to the terms & condition</small>
<div class="text-center">
<button class="btn btn-join-now" type="submit">Join Now</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="why-us">
<div class="container">
<h2 class="text-center">Why Landgig</h2>
<div class="row">
<div class="col-md-4 text-center">
<div class="single-service active">
<img src="images/notification.png" alt="">
<h4>Expert Advice</h4>
<p>Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="single-service">
<img src="images/compass.png" alt="">
<h4>Easy To Use</h4>
<p>Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="single-service">
<img src="images/open-book.png" alt="">
<h4>Beautiful Design</h4>
<p>Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8">
<div class="video-playback embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="" frameborder="0" height="400px"></iframe></div>
<h2 class="text-center">What Our Clients Say</h2>
</div>
</div>
</div>
</div>
<div class="testimonial-slider">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8">
<div class="testimonial-slider-inner">
<div id="testimonial-slider" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#testimonial-slider" data-slide-to="0" class="active"></li>
<li data-target="#testimonial-slider" data-slide-to="1"></li>
<li data-target="#testimonial-slider" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="single-item text-center">
<img src="images/author.jpg" alt="" class="client-img">
<p class="client-text">consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem Ut enim ad minima venia</p>
<p class="client-name">Hary Sunio <br> CEO</p>
</div>
</div>
<div class="item">
<div class="single-item text-center">
<img src="images/author.jpg" alt="" class="client-img">
<p class="client-text">consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem Ut enim ad minima venia</p>
<p class="client-name">Hary Sunio <br> CEO</p>
</div>
</div>
<div class="item">
<div class="single-item text-center">
<img src="images/author.jpg" alt="" class="client-img">
<p class="client-text">consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem Ut enim ad minima venia</p>
<p class="client-name">Hary Sunio <br> CEO</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="about-us">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about-us-content">
<h2>About Us</h2>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyon
HTML蓝色实用形式主机销售企业网站模板代码.zip （28个子文件） 
26842 js 
bootstrap.js 68KB bootstrap.min.js 36KB jquery.min.js 95KB scripts.js 1005B _menu.json 125B css style.css 9KB bootstrap.min.css 118KB responsive.css 2KB font-awesome.css 37KB bootstrap.css 143KB font-awesome.min.css 30KB
index.html 14KB images 
dot.png 1KB
about.jpg 52KB logo.png 3KB notification.png 2KB compass.png 3KB author.jpg 23KB testimonial-bg.png 22KB open-book.png 2KB jumbotron-bg.jpg 112KB _tree.json 254KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 17KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
