<!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>Energy — 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<meta name="author" content="FREEHTML5.CO" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FREEHTML5.CO
Website: http://freehtml5.co/
Email: [email protected]
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- 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="images/favicon.ico">
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Simple Line Icons -->
<link rel="stylesheet" href="css/simple-line-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Superfish -->
<link rel="stylesheet" href="css/superfish.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/style.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-wrapper">
<div id="fh5co-page">
<div id="fh5co-header">
<header id="fh5co-header-section">
<div class="container">
<div class="nav-header">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<h1 id="fh5co-logo"><a href="index.html">Energy</a></h1>
<!-- START #fh5co-menu-wrap -->
<nav id="fh5co-menu-wrap" role="navigation">
<ul class="sf-menu" id="fh5co-primary-menu">
<!-- <li>
<a class="active" href="index.html">Home</a>
</li> -->
<li><a class="active" href="work.html">Work</a></li>
<li><a href="blog.html">Blog</a></li>
<li>
<a href="services.html" class="fh5co-sub-ddown">Services</a>
<ul class="fh5co-sub-menu">
<li><a href="left-sidebar.html">Web Development</a></li>
<li><a href="right-sidebar.html">Branding & Identity</a></li>
<li>
<a href="#" class="fh5co-sub-ddown">Free HTML5</a>
<ul class="fh5co-sub-menu">
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
</ul>
</li>
<li><a href="#">UI Animation</a></li>
<li><a href="#">Copywriting</a></li>
<li><a href="#">Photography</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
</div>
<!-- end:fh5co-header -->
<aside id="fh5co-hero" class="js-fullheight">
<div class="flexslider js-fullheight">
<ul class="slides">
<li style="background-image: url(images/hero.jpg);">
<div class="overlay-gradient"></div>
<div class="container">
<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
<div class="slider-text-inner desc">
<h2 class="heading-section">Our Projects</h2>
<p class="fh5co-lead">Designed with <i class="icon-heart3"></i> by the fine folks at <a href="http://freehtml5.co" target="_blank">FreeHTML5.co</a></p>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
<div id="fh5co-portfolio-section" class="fh5co-portfolio-section">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<i class="sl-icon-briefcase"></i>
<h2>Our Services</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
</div>
</div>
</div>
<div class="portfolio-row-half">
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-1.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-3.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-4.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-5.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-6.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-1.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
<div class="desc2">
<h3>Shoes</h3>
<span>Travel</span>
<i class="sl-icon-heart"></i>
</div>
</a>
</div>
<!-- </div> -->
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="copyright">
<p><small>© 2016 Free HTML5 <a href="index.html">Energy</a>. All Rights Reserved. <br> Made with <i class="icon-heart3"></i> by <a href="http://freehtml5.co/" target="_blank">Freehtml5.co</a> / Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash </a></small></p>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<h3>Company</h3>
<ul class="link">
<li><a href="#">About Us</a></li>
<li><a href="#">Energy</a></li>
<li><a href="#">Customer Care</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="col-md-6">
<h3>Subscribe</h3>
<p>Far far away, behind the word mountains, far from the countries</p>
<form action="#" id="form-subscribe">
<div class="form-field">
<input type="email" placeholder="Email Address" id="email">
<input type="submit" id="submit" value="Send">
</div>
</form>
</div>
</div>
</div>
<div class="col-md-2">
<ul class="social-icons">
<li>
<a href="#"><i class="icon-twitter-with-circle"></i></a>
<a href="#"><i class="icon-facebook-with-circle"></i></a>
<a href="#"><i class="icon-instagram-with-circle"></i></a>
<a href="#"><i class="icon-linkedin-with-circle"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<!-- END fh5co-page -->
</div>
<!-- END fh5co-wrapper -->
<!-- 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>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Superfish -->
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Counters -->
<script src="js/jquery.countTo.js"></script>
<!-- Main JS (Do not remove) -->
<script src="js/main.js"></script>
</body>
</html>
zion