<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Tecato</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link href='http//fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/css/lightbox.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/bootstrap-responsive.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- You can specify one of this: blue.css, green.css, white.css -->
<link rel="stylesheet" id="styleselector_css" href="">
<script src="assets/js/modernizr-2.6.0.min.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="140">
<!-- BEGIN Parallax -->
<div id="parallax1"></div>
<div id="parallax2"></div>
<!-- END Parallax -->
<!-- BEGIN Navigationbar -->
<div id="navbar" class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-inner clearfix">
<div class="navbar-background"></div>
<div id="brand" class="brand">
<div id="brand-inner" class="clearfix">
<h1><a href="#home">Tecato</a></h1>
<h2>The<br>Photography<br>Folio</h2>
</div>
</div><ul class="nav-social clearfix">
<li><div class="navbar-background"></div><a href=""><img src="assets/img/icons/twitter.png" alt=""></a></li>
<li><div class="navbar-background"></div><a href=""><img src="assets/img/icons/vimeo.png" alt=""></a></li>
<li><div class="navbar-background"></div><a href=""><img src="assets/img/icons/skype.png" alt=""></a></li>
<li><div class="navbar-background"></div><a href=""><img src="assets/img/icons/googleplus.png" alt=""></a></li>
</ul><ul class="nav">
<li class="navbar-background"></li>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact US</a></li>
</ul>
</div>
</div>
</div>
<!-- END Navigationbar -->
<div class="inner_copyright">Collect from <a href="http//html5.songboy.net/" target="_blank" title="网页模板">网页模板</a></div>
<!-- BEGIN Home -->
<div id="home">
<div class="container">
<div class="row">
<div class="span12">
<h1 class="big-head">Creative as we could</h1>
</div>
</div>
<div class="row">
<div class="span12">
<div class="ribbon">
Tecato is a multi-purpose <span>portfolio</span> for photographs
<span class="shape-left"></span>
<span class="shape-right"></span>
</div>
</div>
</div>
<br><br>
<div class="row">
<div class="span12" style="text-align: center;">
<a href="#gallery" class="button custom-nav transition">Curious? Look at gallery!</a>
<span class="pacifico">&</span>
<a href="#contact" class="button custom-nav transition button-dark">Question? Contact us!</a>
</div>
</div>
</div>
</div>
<!-- END Home -->
<!-- BEGIN Features -->
<section id="features">
<div class="container">
<div class="row head">
<div class="span12">
<div class="content clearfix">
<h1>Main features</h1>
<a class="arrow transition02"></a>
</div>
</div>
</div>
<div class="box-content">
<div class="row circles">
<div class="span4">
<div class="circle-container">
<div class="circle transition1">
<img class="transition1" src="assets/img/icons/responsive.png" alt="">
<div class="circle-text transition1">
<h3>Responsive</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lacus ipsum, tincidunt et vulputate at, elementum ut quam. Aenean adipiscing laoreet gravida.</p>
</div>
</div>
</div>
</div>
<div class="span4">
<div class="circle-container">
<div class="circle circle-active transition1">
<img class="transition1" src="assets/img/icons/socialized.png" alt="">
<div class="circle-text transition1">
<h3>Socialized</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lacus ipsum, tincidunt et vulputate at, elementum ut quam. Aenean adipiscing laoreet gravida.</p>
</div>
</div>
</div>
</div>
<div class="span4">
<div class="circle-container">
<div class="circle transition1">
<img class="transition1" src="assets/img/icons/customize.png" alt="">
<div class="circle-text transition1">
<h3>Customize</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lacus ipsum, tincidunt et vulputate at, elementum ut quam. Aenean adipiscing laoreet gravida.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span12">
<div class="content">
<h2>What we do right now?</h2>
<p>Ut et consectetur nulla. Aenean dignissim, nisi vitae scelerisque malesuada, sem tellus pulvinar arcu, sed semper justo sapien nec sem. Vestibulum elit nunc, interdum at porttitor nec, viverra nec nunc. Integer quis eros vel massa volutpat semper sed a neque. Donec id odio tellus, scelerisque tempus elit. Nam ut sollicitudin magna. Suspendisse a ante purus. Pellentesque auctor tincidunt lorem, ut egestas ante dapibus a. Ut et consectetur nulla. Aenean dignissim, nisi vitae scelerisque malesuada, sem tellus pulvinar arcu, sed semper justo sapien nec sem. Vestibulum elit nunc, interdum at porttitor nec, viverra nec nunc. Integer quis eros vel massa volutpat semper sed a neque. Donec id odio tellus, scelerisque tempus elit. Nam ut sollicitudin magna.</p>
<p>Cras sagittis volutpat quam ac viverra. Nunc a massa urna, vel pharetra arcu. Cras vel nibh tellus, eleifend vestibulum ligula. Nullam eget dui lacus. Suspendisse condimentum, magna sit amet mollis porttitor, ante ante fermentum nulla, eu semper metus lacus ut ligula.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Features -->
<!-- BEGIN Testimonials -->
<section id="testimonials">
<div class="container">
<div class="row head">
<div class="span12">
<div class="content clearfix">
<h1>Testimonials</h1>
<a class="arrow transition02"></a>
</div>
</div>
</div>
<div class="box-content">
<div class="row comment">
<div class="span12">
<div class="content clearfix">
<img src="assets/img/women1.png" alt="">
<h2>This is tot