282 lines
9.3 KiB
HTML
282 lines
9.3 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<title>Neat — Free Website Template, Free HTML5 Template by freehtml5.co</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
|
||
|
|
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
|
||
|
|
<meta name="author" content="freehtml5.co" />
|
||
|
|
|
||
|
|
<!--
|
||
|
|
//////////////////////////////////////////////////////
|
||
|
|
|
||
|
|
FREE HTML5 TEMPLATE
|
||
|
|
DESIGNED & DEVELOPED by FreeHTML5.co
|
||
|
|
|
||
|
|
Website: http://freehtml5.co/
|
||
|
|
Email: info@freehtml5.co
|
||
|
|
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="" />
|
||
|
|
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400" rel="stylesheet">
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" 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">
|
||
|
|
|
||
|
|
<!-- Magnific Popup -->
|
||
|
|
<link rel="stylesheet" href="css/magnific-popup.css">
|
||
|
|
|
||
|
|
<!-- Flexslider -->
|
||
|
|
<link rel="stylesheet" href="css/flexslider.css">
|
||
|
|
|
||
|
|
<!-- Theme style -->
|
||
|
|
<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 class="fh5co-loader"></div>
|
||
|
|
|
||
|
|
<div id="page">
|
||
|
|
<nav class="fh5co-nav" role="navigation">
|
||
|
|
<div class="container-wrap">
|
||
|
|
<div class="top-menu">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xs-2">
|
||
|
|
<div id="fh5co-logo"><a href="index.html">Neat</a></div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-10 text-right menu-1">
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html">Home</a></li>
|
||
|
|
<li class="active"><a href="work.html">Work</a></li>
|
||
|
|
<li class="has-dropdown">
|
||
|
|
<a href="blog.html">Blog</a>
|
||
|
|
<ul class="dropdown">
|
||
|
|
<li><a href="#">Web Design</a></li>
|
||
|
|
<li><a href="#">eCommerce</a></li>
|
||
|
|
<li><a href="#">Branding</a></li>
|
||
|
|
<li><a href="#">API</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="about.html">About</a></li>
|
||
|
|
<li><a href="contact.html">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div class="container-wrap">
|
||
|
|
<aside id="fh5co-hero">
|
||
|
|
<div class="flexslider">
|
||
|
|
<ul class="slides">
|
||
|
|
<li style="background-image: url(images/img_bg_3.jpg);">
|
||
|
|
<div class="overlay-gradient"></div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
|
||
|
|
<div class="slider-text-inner text-center">
|
||
|
|
<h1>Work</h1>
|
||
|
|
<h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
<div id="fh5co-work">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8">
|
||
|
|
<a href="images/portfolio-1.jpg" class="image-popup img-portfolio-detail">
|
||
|
|
<img src="images/portfolio-1.jpg" alt="Free HTML5 Template by FreeHTML5.co" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
<a href="images/portfolio-2.jpg" class="image-popup img-portfolio-detail">
|
||
|
|
<img src="images/portfolio-2.jpg" alt="Free HTML5 Template by FreeHTML5.co" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
<a href="images/portfolio-3.jpg" class="image-popup img-portfolio-detail">
|
||
|
|
<img src="images/portfolio-3.jpg" alt="Free HTML5 Template by FreeHTML5.co" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 fh5co-project-detail">
|
||
|
|
<h2 class="fh5co-project-title">Project Title</h2>
|
||
|
|
<span class="fh5co-project-sub">Package of the year</span>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet ullam ab perferendis aut repellat maxime reiciendis doloremque atque ipsa nostrum et at nihil quae placeat eum corporis laboriosam culpa, consequuntur aperiam praesentium rem totam fuga deleniti laborum! Possimus, hic, itaque?</p>
|
||
|
|
|
||
|
|
<div class="fh5co-project-service">
|
||
|
|
<h3>Services</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Package Design</li>
|
||
|
|
<li>Printing</li>
|
||
|
|
<li>Branding</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- <div class="col-md-4 text-center animate-box">
|
||
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-1.jpg);">
|
||
|
|
<div class="desc">
|
||
|
|
<h3>Project Name</h3>
|
||
|
|
<span>Illustration</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 text-center animate-box">
|
||
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-2.jpg);">
|
||
|
|
<div class="desc">
|
||
|
|
<h3>Project Name</h3>
|
||
|
|
<span>Brading</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 text-center animate-box">
|
||
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-3.jpg);">
|
||
|
|
<div class="desc">
|
||
|
|
<h3>Project Name</h3>
|
||
|
|
<span>Illustration</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 text-center animate-box">
|
||
|
|
<a href="#" class="work" style="background-image: url(images/portfolio-4.jpg);">
|
||
|
|
<div class="desc">
|
||
|
|
<h3>Project Name</h3>
|
||
|
|
<span>Illustration</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 text-center animate-box">
|
||
|
|
<a href="#" class="work image-popup" style="background-image: url(images/portfolio-5.jpg);">
|
||
|
|
<div class="desc">
|
||
|
|
<h3>Project Name</h3>
|
||
|
|
<span>Brading</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 text-center animate-box">
|
||
|
|
<a href="#" class="work image-popup" style="background-image: url(images/portfolio-6.jpg);">
|
||
|
|
<div class="desc">
|
||
|
|
<h3>Project Name</h3>
|
||
|
|
<span>Illustration</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div><!-- END container-wrap -->
|
||
|
|
|
||
|
|
<div class="container-wrap">
|
||
|
|
<footer id="fh5co-footer" role="contentinfo">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-3 fh5co-widget">
|
||
|
|
<h4>About Neat</h4>
|
||
|
|
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 col-md-push-1">
|
||
|
|
<h4>Latest Posts</h4>
|
||
|
|
<ul class="fh5co-footer-links">
|
||
|
|
<li><a href="#">Amazing Templates</a></li>
|
||
|
|
<li><a href="#">100+ Free Download Templates</a></li>
|
||
|
|
<li><a href="#">Neat is now available</a></li>
|
||
|
|
<li><a href="#">Download 1000+ icons</a></li>
|
||
|
|
<li><a href="#">Big Deal for this month of March, Join Us here</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-3 col-md-push-1">
|
||
|
|
<h4>Links</h4>
|
||
|
|
<ul class="fh5co-footer-links">
|
||
|
|
<li><a href="#">Home</a></li>
|
||
|
|
<li><a href="#">Work</a></li>
|
||
|
|
<li><a href="#">Services</a></li>
|
||
|
|
<li><a href="#">Blog</a></li>
|
||
|
|
<li><a href="#">About us</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-3">
|
||
|
|
<h4>Contact Information</h4>
|
||
|
|
<ul class="fh5co-footer-links">
|
||
|
|
<li>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
|
||
|
|
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
|
||
|
|
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
|
||
|
|
<li><a href="http://gettemplates.co">gettemplates.co</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row copyright">
|
||
|
|
<div class="col-md-12 text-center">
|
||
|
|
<p>
|
||
|
|
<small class="block">© 2016 Free HTML5. All Rights Reserved.</small>
|
||
|
|
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
<ul class="fh5co-social-icons">
|
||
|
|
<li><a href="#"><i class="icon-twitter"></i></a></li>
|
||
|
|
<li><a href="#"><i class="icon-facebook"></i></a></li>
|
||
|
|
<li><a href="#"><i class="icon-linkedin"></i></a></li>
|
||
|
|
<li><a href="#"><i class="icon-dribbble"></i></a></li>
|
||
|
|
</ul>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</div><!-- END container-wrap -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="gototop js-top">
|
||
|
|
<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
|
||
|
|
</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>
|
||
|
|
<!-- Waypoints -->
|
||
|
|
<script src="js/jquery.waypoints.min.js"></script>
|
||
|
|
<!-- Flexslider -->
|
||
|
|
<script src="js/jquery.flexslider-min.js"></script>
|
||
|
|
<!-- Magnific Popup -->
|
||
|
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
||
|
|
<script src="js/magnific-popup-options.js"></script>
|
||
|
|
<!-- Counters -->
|
||
|
|
<script src="js/jquery.countTo.js"></script>
|
||
|
|
<!-- Main -->
|
||
|
|
<script src="js/main.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|