<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Innovate Responsive HTML Website Template</title>
<link rel="stylesheet" type="text/css" href="./css/reset.css" />
<link rel="stylesheet" type="text/css" href="./css/layout.css" />
<link rel="stylesheet" type="text/css" href="./css/jqueryslidemenu.css" />
<link rel="stylesheet" type="text/css" href="./style.css" />
<link rel="stylesheet" type="text/css" href="./css/blog.css" />
<link rel="stylesheet" type="text/css" href="./css/quicksand.css" />
<link rel="stylesheet" type="text/css" href="./css/responsive.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="./js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="./css/portfolio.css" />
<link rel="stylesheet" type="text/css" href="./css/skin.css" />
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="./js/jquery.easing.min.js"></script>
<script type="text/javascript" src="./js/custom.js"></script>
<script type="text/javascript" src="./js/quicksand.js"></script>
<script type="text/javascript" src="./js/portfolio_sortable.js"></script>
<script type="text/javascript" src="./js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a#example6").fancybox({
'titlePosition' : 'outside',
'overlayColor' : '#000',
'overlayOpacity' : 0.9
});
});
</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="page_wrap">
<!-- Header Start -->
<header>
<div class="logo">
<a href="./index.html"><img src="./images/logo.png" alt="img" /></a>
</div>
<nav>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About Us</a></li>
<li><a class="active" href="./portfolio.html">Portfolio</a>
<ul>
<li><a href="./portfolio_3col.html">Portfolio 3</a></li>
<li><a href="./portfolio_2col.html">Portfolio 2</a></li>
<li><a href="./portfolio_1col.html">Portfolio 1</a></li>
</ul>
</li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./contact.html">Contact Us</a></li>
</ul>
</div>
</nav>
</header>
<!-- Header End -->
<!-- Sub Header Start -->
<div class="sub_header">
<div class="sub_header_title">
<h2>Portfolio 4 Column</h2>
<div class="sub_header_description">
<span>You are here: </span>
<span><a href="./index.html">Home »</a></span>
<span class="page">Portfolio 4 Column</span>
</div>
</div>
<div class="search_box">
<form action="#" method="get" />
<p>
<input id="error_search" type="text" placeholder="Search..." name="s" />
<input type="submit" value="" />
</p>
</form>
</div>
</div>
<!-- Sub Header End -->
<!-- Content Start -->
<section id="content">
<div class="portfolio_title_holder">
<span>
<ul class="splitter" id="filter">
<li>
<ul>
<li class="segment-1 selected-1"><a href="#" data-value="all">All</a></li>
<li class="segment-0"><a href="#" data-value="scenery">Sceneries</a></li>
<li class="segment-2"><a href="#" data-value="photo">Photos</a></li>
</ul>
</li>
</ul>
</span>
</div>
<div class="demo">
<ul id="list" class="image-grid">
<li data-id="id-1" class="photo">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_1.png" alt="img" />
<h4>Graphic Card</h4>
<p><a href="./portfolio_single_page.html">gravida vulputate</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_1col_img_1.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-2" class="scenery">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_2.png" alt="img" />
<h4>Flickr Visualisation</h4>
<p><a href="./portfolio_single_page.html">hendrerit cursus</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_2col_img_2.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-3" class="photo">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_3.png" alt="img" />
<h4>Media Identity</h4>
<p><a href="./portfolio_single_page.html">Tristique</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_3col_img_3.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-4" class="scenery">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_4.png" alt="img" />
<h4>Project Explanation</h4>
<p><a href="./portfolio_single_page.html">Duis dignissim</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_2col_img_4.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-5" class="scenery">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_5.png" alt="img" />
<h4>3d Logo</h4>
<p><a href="./portfolio_single_page.html">Blandit Varius</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_2col_img_5.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-6" class="photo">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_6.png" alt="img" />
<h4>Video Visuals</h4>
<p><a href="./portfolio_single_page.html">Curabitur Adipiscing</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_3col_img_6.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>
<div class="overlay"></div>
</div>
</div>
</li>
<li data-id="id-7" class="photo">
<div class="portfolio_content">
<img src="./images/portfolio_4col_img_7.png" alt="img" />
<h4>Team Leader Explanation</h4>
<p><a href="./portfolio_single_page.html">Ornare Luctus</a></p>
<div class="link_btn">
<a id="example6" href="./images/portfolio_3col_img_7.png" class="zoom"></a>
<a href="./portfolio_single_page.html" class="link_post"></a>