?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Bucktown - Landing Page</title>
<!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="css/owl-carousel/owl.theme.css" rel="stylesheet">
<!-- Favicons -->
<link href="img/favicon.ico" rel="shortcut icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<link href="img/apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
<link href="img/apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<!-- Navbar -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">Bucktown</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-main-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hidden"><a href="#page-top">Home</a></li>
<li class="page-scroll"><a href="#about">About</a></li>
<li class="page-scroll"><a href="#features">Features</a></li>
<li class="page-scroll"><a href="#faq">FAQ</a></li>
</ul>
</div>
</div>
</nav>
<!-- End navbar -->
<!-- Hero -->
<section id="hero">
<div class="container">
<div class="row">
<div class="col-sm-offset-2 col-sm-8 text-center">
<h1>We Got It!</h1>
<p class="lead">Thank you for your subscription. You will hear from us very soon.</p>
</div>
</div>
</div>
</section>
<!-- End hero -->
<!-- About -->
<section id="about">
<div class="container">
<div class="overview text-center">
<h1>Our Story</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero. Praesent quis arcu ac nibh tempus gravida at in magna. Sed sodales turpis elit, non dapibus eros luctus nec.</p>
</div>
<div class="overview-separator"></div>
<div class="spacer-75px"></div>
<!-- Images -->
<div class="row">
<div class="col-sm-4"><img class="img-responsive img-center" src="img/about-img.jpg" alt=""></div>
<div class="col-sm-4"><img class="img-responsive img-center" src="img/about-img.jpg" alt=""></div>
<div class="col-sm-4"><img class="img-responsive img-center" src="img/about-img.jpg" alt=""></div>
</div>
<!-- End images -->
<div class="spacer-50px"></div>
<!-- Text -->
<div class="row">
<div class="col-sm-6">
<div class="overview">
<h1>Heading</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero. Praesent quis arcu ac nibh tempus gravida at in magna.</p>
</div>
<div class="spacer-15px"></div>
<!-- Items -->
<div class="item">
<div class="icon"><i class="fa fa-picture-o fa-2x"></i></div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
</div>
<div class="item">
<div class="icon"><i class="fa fa-compass fa-2x"></i></div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
</div>
<div class="item">
<div class="icon"><i class="fa fa-comments fa-2x"></i></div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
</div>
<!-- End items -->
</div>
<div class="col-sm-6">
<div class="overview">
<h1>Testimonials</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
<!-- Blockquotes -->
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>John Doe <cite title="Source Title"><a href="#">envato.com</a></cite></footer>
</blockquote>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>John Doe <cite title="Source Title"><a href="#">envato.com</a></cite></footer>
</blockquote>
<!-- End blockquotes -->
</div>
</div>
<!-- End text -->
</div>
</section>
<!-- End about -->
<!-- Features -->
<section id="features">
<div class="container">
<div class="overview text-center">
<h1>Our Amazing Features</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero. Praesent quis arcu ac nibh tempus gravida at in magna. Sed sodales turpis elit, non dapibus eros luctus nec.</p>
</div>
<div class="overview-separator"></div>
<div class="spacer-75px"></div>
<!-- Items -->
<div class="row">
<div class="col-md-4 col-sm-6 item text-center">
<i class="fa fa-flag fa-3x"></i>
<h4>Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
<div class="col-md-4 col-sm-6 item text-center">
<i class="fa fa-gift fa-3x"></i>
<h4>Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
<div class="col-md-4 col-sm-6 item text-center">
<i class="fa fa-cutlery fa-3x"></i>
<h4>Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
<div class="col-md-4 col-sm-6 item text-center">
<i class="fa fa-rocket fa-3x"></i>
<h4>Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
<div class="col-md-4 col-sm-6 item text-center">
<i class="fa fa-music fa-3x"></i>
<h4>Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
<div class="col-md-4 col-sm-6 item text-center">
<i class="fa fa-trophy fa-3x"></i>
<h4>Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero.</p>
</div>
</div>
<!-- End items -->
</div>
</section>
<!-- End features -->
<!-- FAQ-->
<section id="faq">
<div class="container">
<div class="overview text-center">
<h1>Frequently Asked Questions</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero. Praesent quis arcu ac nibh tempus gravida at in magna. Sed sodales turpis elit, non dapibus eros luctus nec.</p>
</div>
<div class="overview-separator"></div>
<div class="spacer-75px"></div>
<div class="row">
<div class="col-sm-6">
<h4><strong>Question 1:</strong> Lorem ipsum dolor sit amet?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat velit, dictum in sem at, cursus scelerisque sapien. Curabitur ultrices sapien et est molestie, sit amet blandit dolor porttitor.</p>
</div>
<div class="col-sm-6">
<h4><strong>Question 2:</strong> Lorem ipsum dolor sit amet?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat velit, dictum in sem at, cursus scelerisque sapien. Curabitur ultrices sapien et est molestie, sit amet blandit dolor porttitor.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h4><strong>Question 3:</strong> Lorem ipsum dolor sit amet?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat velit, dictum in sem at, cursus scelerisque sapien. Curabitur ultrices sapien et est molestie, sit amet blandit dolor porttitor.</p>
</div>
<div class="col-sm-6">
<h4><strong>Question 4:</strong> Lorem ipsum dolor sit amet?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat velit, dictum in sem at, cursus scelerisque sapien. Curabitur ultrices sapien et est molestie, sit amet blandit dolor porttitor.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h4><strong>Question 5:</strong> Lorem ipsum dolor sit amet?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat velit, dictum in sem at, cursus scelerisque sapien. Curabitur ultrices sapien et est molestie, sit amet blandit dolor porttitor.</p>
</div>
<div class="col-sm-6">
<h4><strong>Question 6:</strong> Lorem ipsum dolor sit amet?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat velit, dictum in sem at, cursus scelerisque sapien. Curabitur ultrices sapien et est molestie, sit amet blandit dolor porttitor.</p>
</div>
</div>
</div>
</section>
<!-- End FAQ -->
<!-- Clients -->
<section id="clients">
<div class="container">
<div class="overview text-center">
<h1>Our Trusted Partners</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae neque libero. Praesent quis arcu ac nibh tempus gravida at in magna. Sed sodales turpis elit, non dapibus eros luctus nec.</p>
</div>
<div class="overview-separator"></div>
<div class="spacer-75px"></div>
<div class="row">
<div class="col-md-2 col-sm-4">
<img class="img-responsive img-center" src="img/clients/1.png" alt="">
</div>
<div class="col-md-2 col-sm-4">
<img class="img-responsive img-center" src="img/clients/2.png" alt="">
</div>
<div class="col-md-2 col-sm-4">
<img class="img-responsive img-center" src="img/clients/3.png" alt="">
</div>
<div class="col-md-2 col-sm-4">
<img class="img-responsive img-center" src="img/clients/4.png" alt="">
</div>
<div class="col-md-2 col-sm-4">
<img class="img-responsive img-center" src="img/clients/5.png" alt="">
</div>
<div class="col-md-2 col-sm-4">
<img class="img-responsive img-center" src="img/clients/6.png" alt="">
</div>
</div>
</div>
</section>
<!-- End clients -->
<!-- Call to action -->
<section id="cta">
<div class="container">
<div class="inner">
<div class="row">
<div class="col-sm-offset-2 col-sm-8 text-center">
<div class="form-container">
<form action="subscribe.php" id="invite" method="POST" class="form-inline">
<div class="form-group">
<label class="sr-only">Email</label>
<input type="text" name="email" id="address" data-validate="validate(required, email)" class="form-control input-lg" placeholder="Enter email here">
</div>
<button type="submit" class="btn btn-primary btn-lg">Subscribe Now</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End call to action -->
<!-- Footer -->
<footer id="footer" class="text-center">
<div class="container">
<div class="footer-note">
<p>Copyright © 2014 Bucktown. All rights reserved.</p>
</div>
<div class="social">
</div>
</div>
</footer>
<!-- End footer -->
<!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>