<!DOCTYPE html>
<html>
<head>
<title>Advantico - Portfolio - 4 Columns</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<!--[if lt IE 9]>
<script type="text/javascript" src="layout/plugins/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="layout/style.css" type="text/css">
<link href='../../fonts.googleapis.com/css@family=Open+Sans_3A400,800italic,800,700,700italic,400italic' rel='stylesheet' type='text/css'>
<link href='../../fonts.googleapis.com/css@family=Fanwood+Text_3A400italic' rel='stylesheet' type='text/css'>
<link href='../../fonts.googleapis.com/css@family=Jura' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="layout/js/jquery.js"></script>
<!-- jQuery tools start -->
<script type="text/javascript" src="layout/plugins/tools/jquery.tools.min.js"></script>
<!-- jQuery tools end -->
<!-- Anything Slider begin -->
<link rel="stylesheet" href="layout/plugins/anything_slider/anythingslider.css" type="text/css"/>
<!--[if lte IE 7]>
<link rel="stylesheet" href="layout/plugins/anything_slider/anythingslider-ie.css" type="text/css"/>
<![endif]-->
<script type="text/javascript" src="layout/plugins/anything_slider/jquery.anythingslider.js"></script>
<!-- Anything Slider end -->
<!-- Galleriffic start -->
<script type="text/javascript" src="layout/plugins/galleriffic/jquery.galleriffic.js"></script>
<script type="text/javascript" src="layout/plugins/galleriffic/jquery.history.js"></script>
<script type="text/javascript" src="layout/plugins/galleriffic/jquery.opacityrollover.js"></script>
<!-- Galleriffic end -->
<!-- PrettyPhoto start -->
<link rel="stylesheet" href="layout/plugins/prettyphoto/css/prettyPhoto.css" type="text/css"/>
<script type="text/javascript" src="layout/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
<!-- PrettyPhoto end -->
<!-- QuickSand start -->
<script type="text/javascript" src="layout/plugins/quicksand/jquery.quicksand.js"></script>
<!-- QuickSand end -->
<!-- Kwicks start -->
<script type="text/javascript" src="layout/plugins/kwicks/jquery.kwicks-1.5.1.pack.js"></script>
<!-- Kwicks end -->
<!-- OneByOne start -->
<link rel="stylesheet" href="layout/plugins/onebyone/css/jquery.onebyone.css" type="text/css"/>
<link rel="stylesheet" href="layout/plugins/onebyone/css/animate.css" type="text/css"/>
<script type="text/javascript" src="layout/plugins/onebyone/jquery.onebyone.min.js"></script>
<!-- OneByOne end -->
<!-- Audio player start -->
<script type="text/javascript" src="layout/plugins/audioplayer/audio-player.js"></script>
<!-- Audio player end -->
<script type="text/javascript" src="layout/js/main.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery('.block_album .project').live('mouseenter', function() {
jQuery(this).find('.info').fadeIn(300);
});
jQuery('.block_album .project').live('mouseleave', function() {
jQuery(this).find('.info').fadeOut(200);
});
init_filter(20);
});
</script>
</head>
<body>
<div class="wrapper">
<!-- HEADER BEGIN -->
<header>
<div id="header">
<div class="section_top">
<div class="inner">
<div id="logo"><a href="index.html"><img src="layout/images/logo.png" alt="Advantico" title="Advantico"></a></div>
<nav>
<ul>
<li class="has_children one"><a href="index.html">Home</a>
<ul>
<li><a href="main_1.html">Home Layout 1</a></li>
<li><a href="main_2.html">Home Layout 2</a></li>
<li><a href="main_3.html">Home Layout 3</a></li>
<li><a href="main_4.html">Home Layout 4</a></li>
<li><a href="main_5.html">Home Layout 5</a></li>
<li><a href="main_6.html">Home Layout 6</a></li>
<li><a href="main_7.html">Home Layout 7</a></li>
<li><a href="main_8.html">Home Layout 8</a></li>
<li><a href="main_9.html">Home Layout 9</a></li>
<li><a href="main_10.html">Home Layout 10</a></li>
</ul>
</li>
<li class="has_children two current_page_item"><a href="portfolio_imagelist.html">Portfolio</a>
<ul>
<li class="has_children"><a href="#">Grid Portfolio</a>
<ul>
<li><a href="portfolio_c_1.html">1 Column Portfolio</a></li>
<li><a href="portfolio_c_2.html">2 Column Portfolio</a></li>
<li><a href="portfolio_c_3.html">3 Column Portfolio</a></li>
<li><a href="portfolio_c_4.html">4 Column Portfolio</a></li>
</ul>
</li>
<li><a href="portfolio_imageslider.html">Image Slider</a></li>
<li><a href="portfolio_single.html">Single Project</a></li>
<li><a href="portfolio_single_imagelist.html">Image List</a></li>
</ul>
</li>
<li class="has_children three"><a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="underconstruction.html">Underconstruction</a></li>
<li class="has_children"><a href="shortcodes_1.html">Shortcodes</a>
<ul>
<li><a href="shortcodes_1.html">Typography</a></li>
<li><a href="shortcodes_7.html">Text Styling & Tables</a></li>
<li><a href="shortcodes_2.html">Accordion</a></li>
<li><a href="shortcodes_2.html">Tabs & Toggles</a></li>
<li><a href="shortcodes_6.html">Columns</a></li>
<li><a href="shortcodes_3.html">Alert & Block Messages</a></li>
<li><a href="shortcodes_7.html">Tables</a></li>
<li><a href="shortcodes_3.html">Google Maps</a></li>
<li><a href="shortcodes_4.html">Audio & Video</a></li>
<li><a href="shortcodes_5.html">Buttons</a></li>
</ul>
</li>
</ul>
</li>
<li class="has_children four"><a href="blog.html">Blog</a>
<ul>