Responsive Layout

JomSocial Theme

Buy Now

Pulvinar tempor cras amet ac turpis tristique tristique ... (read more) close
Pulvinar tempor cras amet ac turpis tristique tristique ... (read more) close

Image Styles

IMAGE STYLES
 
Consectetur Adipiscing Elit
 
14 October
2012
Written by:John Doe
Category:Blog
 
GET CODE
<div class="jf-blog-item-image-block">
	<span class="jf-blog-image">
		<div class="jf-blog-item-image">
			<img src="/social-j25-1/images/jf/gallery/image_1.jpg">
		</div>
		<div class="jf-blog-item-zoom-sec">
			<div class="jf-blog-item-zoom-block">
				<div class="jf-blog-item-zoom">
					<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_1.jpg">&nbsp;</a>
				</div>
			</div>
		</div>
		<div class="jf-blog-item-date">
			<span class="date">14 October<br>2012</span>
		</div>
		<div class="jf-blog-item-author">
			<span class="author">Written by:<a href="#">John Doe</a></span>
		</div>
		<div class="jf-blog-item-category">
			<div class="category">Category:<a href="#">Blog</a></div>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
Consectetur Adipiscing Elit
 
14 October
2012
Written by:John Doe
Category:Blog
 
GET CODE
<div class="jf-blog-item-image-block style2">
	<span class="jf-blog-image">
		<div class="jf-blog-item-image">
			<img src="/social-j25-1/images/jf/gallery/image_1.jpg">
		</div>
		<div class="jf-blog-item-zoom-sec">
			<div class="jf-blog-item-zoom-block">
				<div class="jf-blog-item-zoom">
					<a class="pirobox_gall" rel="gallery" href="/social-j25-1/images/jf/gallery/image_1.jpg">&nbsp;</a>
				</div>
			</div>
		</div>
		<div class="jf-blog-item-date">
			<span class="date">14 October<br>2012</span>
		</div>
		<div class="jf-blog-item-author">
			<span class="author">Written by:<a href="#">John Doe</a></span>
		</div>
		<div class="jf-blog-item-category">
			<div class="category">Category:<a href="#">Blog</a></div>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
Consectetur Adipiscing Elit
 
14 October
2012
Written by:John Doe
Category:Blog
 
GET CODE
<div class="jf-blog-item-image-block style3">
	<span class="jf-blog-image">
		<div class="jf-blog-item-image">
			<img src="/social-j25-1/images/jf/gallery/image_1.jpg">
		</div>
		<div class="jf-blog-item-zoom-sec">
			<div class="jf-blog-item-zoom-block">
				<div class="jf-blog-item-zoom">
					<a class="pirobox_gall" rel="gallery" href="/social-j25-1/images/jf/gallery/image_1.jpg">&nbsp;</a>
				</div>
			</div>
		</div>
		<div class="jf-blog-item-date">
			<span class="date">14 October<br>2012</span>
		</div>
		<div class="jf-blog-item-author">
			<span class="author">Written by:<a href="#">John Doe</a></span>
		</div>
		<div class="jf-blog-item-category">
			<div class="category">Category:<a href="#">Blog</a></div>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
 
GET CODE
<ul class="jf_typo_gallery">
	<li>
		<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_1.jpg"> 
			<img src="/images/jf/gallery/thumb/image_1.jpg">
			<div class="mask">
				<div class="mask-content">
					<div class="title">Sample Tittle</div>
					<div class="border">&nbsp;</div>
					<div class="zoom">&nbsp;</div>
				</div>
			</div>
		</a>
	</li>
	<li>
		<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_1.jpg"> 
			<img src="/images/jf/gallery/thumb/image_1.jpg">
			<div class="mask">
				<div class="mask-content">
					<div class="title">Sample Tittle</div>
					<div class="border">&nbsp;</div>
					<div class="zoom">&nbsp;</div>
				</div>
			</div>
		</a>
	</li>
</ul>