[[$document_head]]
[[$rendered_header]]

<div id="page-title">
		<div id="page-title-inner">
			<div class="container">
				<h2>[[*pagetitle]]</h2>
			</div>
		</div>	
	</div>

<div id="wrapper">

		<!-- start: Container -->
		<div class="container">

			<div id="filters">
				<ul class="option-set" data-option-key="filter">
					<li><a href="#filter" class="selected" data-option-value="*">All</a></li>
					<li><a href="#filter" data-option-value=".web">Web</a></li>
					<li><a href="#filter" data-option-value=".design">Design</a></li>
					<li><a href="#filter" data-option-value=".branding">Branding</a></li>
					<li><a href="#filter" data-option-value=".social-media">Social Media</a></li>
				</ul>
			</div>

		</div>
		<!-- end: Container  -->

		<!--start: Container -->
    	<div class="container">

			<!-- start: Portfolio -->
			<div id="portfolio-wrapper" class="row">
                [[buildPortfolioGrid]]
			</div>
			<!-- end: Portfolio -->

		</div>
		<!--end: Container-->

	</div>
	<!-- end: Wrapper  -->

[[$rendered_footer]]
[[$document_foot]]