JomSocial Theme

Buy Now

           Convierte el agua de la llave en agua fresca y pura !!

PORTFOLIO - MASONRY
 
 
GET CODE
<div id="jf_portfolio">
	<ul id="jf_portfolio_filter">
		<li data-filter="*" class="current jf_p_all jf-tipsy-e" title="SHOW ALL">
			<a href="#">All</a>
		</li>
		<li data-filter=".social-media">
			<a href="#">Social Media</a>
		</li>
		<li data-filter=".blog-news">
			<a href="#">Blog News</a>
		</li>
		<li data-filter=".photography">
			<a href="#">Photography</a>
		</li>
		<li data-filter=".technology">
			<a href="#">Technology</a>
		</li>
		<li data-filter=".art">
			<a href="#">Art</a>
		</li>
	</ul>
	<ul id="jf_portfolio_items">
		<li class="video-editing all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="254" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_6.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_6.jpg" rev="10"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li> 
		<li class="social-media technology all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="188" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_3.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_3.jpg" rev="11"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="photography all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="426" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_5.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_5.jpg" rev="12"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="blog-news technology all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="193" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_1.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_1.jpg" rev="13"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="social-media video-editing all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="169" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_8.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_8.jpg" rev="14"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="social-media video-editing all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="298" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_10.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_10.jpg" rev="15"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="social-media video-editing all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="216" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_7.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_7.jpg" rev="16"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="blog-news art technology all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="250" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_2.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_2.jpg" rev="17"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="blog-news art photography all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="169" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_4.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_4.jpg" rev="18"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
		<li class="photography all">
			<div class="jf-portfolio-item-image-block">
				<div class="jf-portfolio-item-image">
					<img width="300" height="169" src="/social-j25-1/images/jf/gallery/p_mans_thumb/image_9.jpg">
					<span>&nbsp;</span>
				</div>
				<div class="jf-portfolio-item-zoom-sec">
					<div class="jf-portfolio-item-zoom-block">
						<div class="jf-portfolio-item-zoom">
							<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_7.jpg" my_id="last" rev="19"></a>
						</div>
					</div>
				</div>
				<div class="jf-portfolio-item-title">Sample Title</div>
				<div class="jf-portfolio-item-readmore"><a href="#">read more ...</a></div>
			</div>
		</li>
    </ul>
</div>