<?php 
/*
*Template Name: Portfolio 2Col
*/
?>
<?php get_header(); ?>
		<!-- content 
			================================================== -->
		<div id="content">
			
			<!-- portfolio-section
				================================================== -->
			<div class="section-content portfolio-section grid">
				<div class="container">
					<ul class="filter">
					<?php $portfolio_skills = get_terms('portfolio_category'); ?>
					
					<li><a class="active" href="#" data-filter="*"><?php _e('Show All','housebuild'); ?></a></li>
					<?php foreach($portfolio_skills as $portfolio_skill) { ?>
					<li><a href="#" data-filter=".<?php echo esc_attr($portfolio_skill->slug); ?>"><?php echo esc_html($portfolio_skill->name); ?></a></li>
					<?php } ?>
				</ul>
					<div class="portfolio-box masonry two-col">
						
					    <?php if(have_posts() ) : ?>
					   	<?php while( have_posts() ) : the_post(); ?>
					   		<?php
								$item_classes = '';
								$item_skill = '';
								$item_cats = get_the_terms(get_the_ID(), 'portfolio_category');
								foreach((array)$item_cats as $item_cat){
									if(count($item_cat)>0){
										$item_classes .= $item_cat->slug . ' ';
										$item_skill .= $item_cat->name . ' | ';
									}
								}
							?>
							<div class="project-post <?php echo esc_attr($item_classes); ?>">
								<div class="project-gal">
									 <?php if(has_post_thumbnail()){ ?> 
	                            <div class="blog-gal">
	                                <?php $img = klass_thumbnail_url(''); ?>
	                                <img src="<?php echo bfi_thumb($img, array('width'=>460, 'height'=> 300)); ?>" alt="<?php the_title(); ?>" />
	                            </div>
	                            <?php } ?>
									<div class="hover-box">
										<div class="inner-hover">
											<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
										</div>
									</div>								
								</div>
							</div>
						<?php endwhile; // while has_post(); ?>
						<?php endif; // if has_post() ?>
					</div>
					 <?php klass_pagination($prev = '&lt;&lt;', $next = '&gt;&gt;', $pages=''); ?>
				</div>
			</div>

		</div>
		<!-- End content -->
<?php get_footer(); ?>