Responsive Layout

JomSocial Theme

Buy Now

Our Community
Latest Photos
Latest Videos
Our Blog
Forum
Latest Events
CLOSE
Pulvinar tempor cras amet ac turpis tristique tristique ... (read more) close
PORTFOLIO - MY PROJECTS
 
 
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="/elegant/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="/elegant/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="/elegant/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="/elegant/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="/elegant/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="/elegant/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="/elegant/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="/elegant/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="/elegant/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="/elegant/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>