<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Legend - One Page Bootstrap Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel='stylesheet' id='prettyphoto-css' href="css/prettyPhoto.css" type='text/css' media='all'>
<link href="css/fontello.css" type="text/css" rel="stylesheet">
<!--[if lt IE 7]>
<link href="css/fontello-ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<!-- Google Web fonts -->
<link href='http//fonts.googleapis.com/css?family=Quattrocento:400,700' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- JQuery -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Load ScrollTo -->
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<!-- Load LocalScroll -->
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<!-- prettyPhoto Initialization -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</head>
<body>
<!--******************** NAVBAR ********************-->
<div class="navbar-wrapper">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
<h1 class="brand"><a href="#top">Legend!</a></h1>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<nav class="pull-right nav-collapse collapse">
<ul id="menu-main" class="nav">
<li><a title="portfolio" href="#portfolio">Portfolio</a></li>
<li><a title="services" href="#services">Services</a></li>
<li><a title="news" href="#news">News</a></li>
<li><a title="team" href="#team">Team</a></li>
<li><a title="contact" href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<!-- /.container -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.navbar-wrapper -->
<div id="top"></div>
<!-- ******************** HeaderWrap ********************-->
<div id="headerwrap">
<header class="clearfix">
<h1><span>Legend!</span> We make web a beautiful place.</h1>
<div class="container">
<div class="row">
<div class="span12">
<h2>Signup for our Newsletter to be updated</h2>
<input type="text" name="your-email" placeholder="you@yourmail.com" class="cform-text" size="40" title="your email">
<input type="submit" value="Notify me" class="cform-submit">
</div>
</div>
<div class="row">
<div class="span12">
<ul class="icon">
<li><a href="#" target="_blank"><i class="icon-pinterest-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-facebook-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-twitter-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-gplus-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-skype-circled"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
</div>
<!--******************** Feature ********************-->
<div class="scrollblock">
<section id="feature">
<div class="container">
<div class="row">
<div class="span12">
<article>
<p>We work to make web a beautiful place.</p>
<p>We craft beautiful designs and convert them into</p>
<p>fully functional and user-friendy web app.</p>
</article>
</div>
<!-- ./span12 -->
</div>
<!-- .row -->
</div>
<!-- ./container -->
</section>
</div>
<hr>
<!--******************** Portfolio Section ********************-->
<section id="portfolio" class="single-page scrollblock">
<div class="container">
<div class="align"><i class="icon-desktop-circled"></i></div>
<h1 id="folio-headline">Portfolio...</h1>
<div class="row">
<div class="span4">
<div class="mask2"> <a href="img/portfolio-01.jpg" rel="prettyPhoto"><img src="img/portfolio-01.jpg" alt=""></a> </div>
<div class="inside">
<hgroup>
<h2>Ethan Marcotte Design</h2>
</hgroup>
<div class="entry-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="more-link" href="#">view project</a> </div>
</div>
<!-- /.inside -->
</div>
<!-- /.span4 -->
<div class="span4">
<div class="mask2"> <a href="img/portfolio-02.jpg" rel="prettyPhoto"><img src="img/portfolio-02.jpg" alt=""></a> </div>
<div class="inside">
<hgroup>
<h2>A Book Apart</h2>
</hgroup>
<div class="entry-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="more-link" href="#">view project</a> </div>
</div>
<!-- /.inside -->
</div>
<!-- /.span4 -->
<div class="span4">
<div class="mask2"> <a href="img/portfolio-03.jpg" rel="prettyPhoto"><img src="img/portfolio-03.jpg" alt=""></a> </div>
<div class="inside">
<hgroup>
<h2>Four Rules for Designers</h2>
</hgroup>
<div class="entry-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a c