<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="robots" content="all,follow">
<meta name="googlebot" content="index,follow,snippet,archive">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<meta name="keywords" content="">
<link href='static/css/css.css' rel='stylesheet' type='text/css'>
<!-- Bootstrap and Font Awesome css -->
<link href="static/css/font-awesome.css" rel="stylesheet">
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<!-- owl carousel css -->
<link href="static/css/owl.carousel.css" rel="stylesheet">
<link href="static/css/owl.theme.css" rel="stylesheet">
<!-- Theme stylesheet -->
<link href="static/css/style.default.css" rel="stylesheet" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes -->
<link href="static/css/custom.css" rel="stylesheet">
<!-- CSS Animations -->
<link href="static/css/animate.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="static/picture/favicon.png">
<!-- Mordernizr -->
<script src="static/js/modernizr-2.6.2.min.js"></script>
<!-- Responsivity for older IE -->
<!--[if lt IE 9]>
<script src="static/static/js/respond.min.js"></script>
<![endif]-->
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@bootstrapious">
</head>
<body data-spy="scroll" data-target="#navigation" data-offset="120">
<!-- *** NAVBAR ***
_________________________________________________________ -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand scrollTo" href="#intro">Landing Page</a>
</div>
<div class="navbar-collapse collapse" id="navigation">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#intro">Intro</a>
</li>
<li><a href="#section1">Why Bootstrapious</a>
</li>
<li><a href="#section2">About us</a>
</li>
<li><a href="#section3">Testimonials</a>
</li>
<li><a href="#section4">Contact</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
<!-- /#navbar -->
<!-- *** NAVBAR END *** -->
<div id="all">
<!-- *** INTRO IMAGE ***
_________________________________________________________ -->
<div id="intro" class="clearfix">
<div class="item">
<div class="container">
<div class="row">
<h1 data-animate="fadeInDown">Whoa, what a landing page!</h1>
<p class="message" data-animate="fadeInUp">One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back.</p>
<div class="col-md-6 col-md-offset-3" data-animate="fadeInUp">
<form action="#" method="post" id="frm-landingPage1" class="form">
<div class="input-group">
<input type="text" class="form-control" placeholder="your email address" name="email" id="frm-landingPage1-email" required="" value="">
<span class="input-group-btn">
<input class="btn btn-default" type="submit" value="Submit" name="_submit" id="frm-landingPage1-submit">
</span>
</div>
<!-- /input-group -->
</form>
<p class="text-small">We will not sell or give your email to anyone. Promise.</p>
</div>
</div>
</div>
</div>
</div>
<!-- *** INTRO IMAGE END *** -->
<div class="tlinks">Collect from <a href="javascript:;" title="网站模板">网站模板</a></div>
<!-- *** SERVICES ***
_________________________________________________________ -->
<div class="section" id="section1">
<div class="container">
<div class="col-md-12">
<h2 class="title" data-animate="fadeInDown">Why Bootstrapious?</h2>
<p class="lead">The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. </p>
<div class="row services">
<div class="col-md-4" data-animate="fadeInUp">
<div class="icon"><i class="fa fa-home"></i>
</div>
<h3 class="heading">Great home</h3>
<p>Junk MTV quiz graced by fox whelps. </p>
</div>
<div class="col-md-4" data-animate="fadeInUp">
<div class="icon"><i class="fa fa-shopping-cart"></i>
</div>
<h3 class="heading">Stuff we would buy ourselves</h3>
<p>Bawds jog, flick quartz, vex nymphs. </p>
</div>
<div class="col-md-4" data-animate="fadeInUp">
<div class="icon"><i class="fa fa-euro"></i>
</div>
<h3 class="heading">Free trial</h3>
<p>Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. </p>
</div>
</div>
<div class="row services">
<div class="col-md-4" data-animate="fadeInUp">
<div class="icon"><i class="fa fa-bullhorn"></i>
</div>
<h3 class="heading">We will propagate your stuff</h3>
<p>Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack.</p>
</div>
<div class="col-md-4" data-animate="fadeInUp">
<div class="icon"><i class="fa fa-desktop"></i>
</div>
<h3 class="heading">Responsive web and app</h3>
<p>Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. </p>
</div>
<div class="col-md-4" data-animate="fadeInUp">
<div class="icon"><i class="fa fa-heart-o"></i>
</div>
<h3 class="heading">Dedicated support team</h3>
<p>Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. </p>
</div>
</div>
</div>
<!-- /.12 -->
</div>
<!-- /.container -->
</div>
<!-- /.section -->
<!-- *** SERVICES END *** -->
<!-- *** ABOUT US ***
_________________________________________________________ -->
<div class="section text-gray" id="section2">
<div class="container">
<div class="col-md-12">
<h2 class="title" data-animate="fadeInDown">About us</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="text-large text-thin" data-animate="fadeInUp">Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. </p>
<p class="text-large text-thin margin-bottom" data-animate="fadeInUp">A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy!", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz.</p>
<p data-animate="fadeInUp"><img src="static/picture/team.jpg" alt="" class="img-circle img-responsive ondra-michal"></p>
</div>
</div>
</div>
<!-- /.12 -->
</div>
<!-- /.container -->
</div>
<!-- /.section -->
<!-- *** ABOUT US END *** -->
<!-- *** JOIN US ***
_________________________________________________________ -->
<div class="section" data-animate="bounceIn">
<div class="container">
<div class="col-md-8 col-md-offset-2">
<h2 class="title">Join us for the fun!</h2>
<p class="lead margin-bottom">Blowzy red vi