<!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">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Sprint</title>
<meta name="description" content="Sprint is free website template, responsive bootstrap, HTML5 CSS3 layout that can be used for any website.">
<meta name="viewport" content="width=device-width">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/templatemo_misc.css">
<link rel="stylesheet" href="css/templatemo_style.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="front">
<div class="site-header">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-6">
<div id="templatemo_logo">
<h1><a href="http://sc.chinaz.com/?/page/1" title="HTML5 Template">Sprint</a></h1>
</div> <!-- /.logo -->
</div> <!-- /.col-md-4 -->
<div class="col-md-8 col-sm-6 col-xs-6">
<a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
<div class="main-menu">
<ul>
<li><a href="#front">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div> <!-- /.main-menu -->
</div> <!-- /.col-md-8 -->
</div> <!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="responsive">
<div class="main-menu">
<ul>
<li><a href="#front">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- /.container -->
</div> <!-- /.site-header -->
</div> <!-- /#front -->
<div class="site-slider">
<ul class="bxslider">
<li>
<img src="images/slider/slide1.jpg" alt="slider image 1">
<div class="container">
<div class="row">
<div class="col-md-12 text-right">
<div class="slider-caption">
<h2>HTML5 CSS3 Template</h2>
</div>
</div>
</div>
</div>
</li>
<li>
<img src="images/slider/slide2.jpg" alt="slider image 2">
<div class="container caption-wrapper">
<div class="slider-caption">
<h2>Using Bootstrap Framework</h2>
</div>
</div>
</li>
<li>
<img src="images/slider/slide3.jpg" alt="slider image 3">
<div class="container">
<div class="row">
<div class="col-md-12 text-right">
<div class="slider-caption">
<h2>Mobile Ready Website</h2>
</div>
</div>
</div>
</div>
</li>
<li>
<img src="images/slider/slide4.jpg" alt="slider image 4">
<div class="container">
<div class="row">
<div class="col-md-12 text-right">
<div class="slider-caption">
<h2>Responsive Layout</h2>
</div>
</div>
</div>
</div>
</li>
<li>
<img src="images/slider/slide5.jpg" alt="slider image 5">
<div class="container">
<div class="row">
<div class="col-md-12 text-right">
<div class="slider-caption">
<h2>Download and use it for free</h2>
</div>
</div>
</div>
</div>
</li>
</ul> <!-- /.bxslider -->
<div class="bx-thumbnail-wrapper">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="bx-pager">
<a data-slide-index="0" href=""><img src="images/slider/thumb1.jpg" alt="image 1" /></a>
<a data-slide-index="1" href=""><img src="images/slider/thumb2.jpg" alt="image 2" /></a>
<a data-slide-index="2" href=""><img src="images/slider/thumb3.jpg" alt="image 3" /></a>
<a data-slide-index="3" href=""><img src="images/slider/thumb4.jpg" alt="image 4" /></a>
<a data-slide-index="4" href=""><img src="images/slider/thumb5.jpg" alt="image 5" /></a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /.site-slider -->
<div id="services" class="content-section">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="service-item">
<span class="service-icon first"></span>
<h3>Easy Customization</h3>
<p>Cras congue orci at diam condimentum, in dignissim tellus elementum. Praesent id mauris eu urna vehicula rutrum sed in elit. Sed sed urna porta, viverra lacus in.</p>
</div> <!-- /.service-item -->
</div> <!-- /.col-md-3 -->
<div class="col-md-3 col-sm-6">
<div class="service-item">
<span class="service-icon second"></span>
<h3>Web Design</h3>
<p>Nulla in nunc elit. Etiam porttitor nibh et felis molestie fermentum. Ut quis diam porttitor, dictum dolor in, volutpat nulla. Phasellus egestas eu lacus eu pharetra.</p>
</div> <!-- /.service-item -->
</div> <!-- /.col-md-3 -->
<div class="col-md-