Image Styles
 
Consectetur Adipiscing Elit
   
 
GET CODE
<div class="jf_image_block">
	<span class="jf_blog_image">
		<div class="jf_image">
			<img src="/nmj/images/jf/gallery/image_4.jpg" alt="Consectetur Adipiscing Elit">
		</div>
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
Consectetur Adipiscing Elit
   
 
GET CODE
<div class="jf_image_block style2">
	<span class="jf_blog_image">
		<div class="jf_image">
			<img src="/nmj/images/jf/gallery/image_4.jpg">
		</div>
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
Consectetur Adipiscing Elit
   
 
GET CODE
<div class="jf_image_block style3">
	<span class="jf_blog_image">
		<div class="jf_image">
			<img src="/nmj/images/jf/gallery/image_4.jpg">
		</div>
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
Consectetur Adipiscing Elit
   
 
GET CODE
<div class="jf_image_block style3 insetshadow" style="float:none">
	<span class="jf_blog_image">
		<div class="jf_image">
			<img src="/nmj/images/jf/gallery/image_4.jpg">
		</div>
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
Consectetur Adipiscing Elit
   
 
GET CODE
<div class="jf_image_block style3 insetshadow" style="float:none">
	<span class="jf_blog_image noborder">
		<div class="jf_image">
			<img src="/nmj/images/jf/gallery/image_4.jpg">
		</div>
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</span>
	<div class="clr"></div>
	<div class="shadow lifted"></div>
</div>
 
 
Consectetur Adipiscing Elit
   
 
GET CODE
<div class="jf_image_block style3 padding" style="float:none">
	<span class="jf_blog_image">
		<div class="jf_image">
			<img src="/nmj/images/jf/gallery/image_4.jpg">
		</div>
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</span>
	<div class="clr"></div>
</div>
 
 
 
GET CODE
<ul class="jf_typo_gallery">
	<li>
		<img src="/nmj/images/jf/gallery/thumb/image_4.jpg">
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto[pp_gal]" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</li>
	<li>
		<img src="/nmj/images/jf/gallery/thumb/image_4.jpg">
		<div class="jf_image_btns">
			<a class="jf_link" href="#">&nbsp;</a>
			<a class="jf_zoom" rel="prettyPhoto[pp_gal]" href="/nmj/images/jf/gallery/image_4.jpg" title="This is the description">&nbsp;</a>
		</div>
	</li>
</ul>
 
 
Colors