<!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 http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="fh5co-header" style="background-image: url(images/polygon.png);" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="bio-photo text-center">
<a href="index.html"><img src="images/person_2.jpg" alt="Free HTML5 Bootstrap Template by "></a>
</div>
</div>
<div id="fh5co-main">
<div class="fh5co-section fh5co-works">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 section-heading">
<h2>01. My Works</h2>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6 work animate-box">
<a href="images/img_1.jpg" class="image-popup" title="Title Of Work Here"><img src="images/img_1.jpg" alt="Free HTML5 Bootstrap Template by " class="img-responsive"></a>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 work animate-box">
<a href="images/img_2.jpg" class="image-popup" title="Title Of Work Here"><img src="images/img_2.jpg" alt="Free HTML5 Bootstrap Template by " class="img-responsive"></a>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 work animate-box">
<a href="images/img_3.jpg" class="image-popup" title="Title Of Work Here"><img src="images/img_3.jpg" alt="Free HTML5 Bootstrap Template by " class="img-responsive"></a>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 work animate-box">
<a href="images/img_4.jpg" class="image-popup" title="Title Of Work Here"><img src="images/img_4.jpg" alt="Free HTML5 Bootstrap Template by " class="img-responsive"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END .fh5co-section -->
<div class="fh5co-section">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 section-heading">
<h2>02. About Me</h2>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="row">
<div class="col-md-12">
<p>Hello I'm <strong>Joshua Ferrari</strong>, Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipisicing elit. Placeat magni quae aliquid pariatur, nesciunt. Quo porro, vero illum temporibus possimus quidem quibusdam libero at minima, illo hic non consequatur? <a href="#">Laudantium</a> rerum ratione veniam, ex voluptatum molestiae fuga doloremque odio, voluptates iure, ut aliquid hic dicta eveniet. Suscipit dolorem est voluptate iusto repudiandae laudantium pariatur in explicabo aperiam beatae ipsa recusandae fugiat placeat corporis, sequi, assumenda illo illum voluptas eveniet dolore quibusdam, nemo enim inventore aut quod? Recusandae.</p>
<p>Repellendus aut cupiditate ullam reiciendis nemo optio, cumque, eos quis distinctio at dolores, dignissimos et <a href="#">necessitatibus</a> reprehenderit sapiente, porro ipsam expedita! Illo ipsum non tenetur beatae inventore sed atque, necessitatibus hic, neque reprehenderit voluptate eaque dicta ducimus voluptates error accusantium fugiat maxime quaerat consequuntur suscipit nisi odit veniam minus quae eius! Impedit voluptas aperiam cum nostrum animi facilis pariatur dolorum modi, quaerat amet, fugiat nisi ipsa sint tempore vitae ex laborum, est ad sapiente iste ducimus sed?</p>
</div>
</div>
</div>
</div>
</div>
<!-- END .fh5co-section -->
<div class="fh5co-section">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 section-heading">
<h2>03. Contact</h2>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="col-md-12">
<form action="#">
<div class="form-group">
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="First Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="Last Name">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12">
<input type="email" class="form-control" placeholder="Email">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-12">
<textarea name="email" id="email" cols="30" class="form-control" rows="10" placeholder="Message"></textarea>
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-md-6">
<input type="submit" class="btn btn-primary btn-outline btn-lg btn-block" value="Submit">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- END .fh5co-section -->
<div class="fh5co-section">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 section-heading">
<h2>04. Copyright</h2>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="col-md-12">
<p>Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- END .fh5co-section -->
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- MAIN JS -->
<script src="js/main.js"></script>
</body>
</html>