محصولات جدید

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>