PHOTO GALLERY
 
 
GET CODE
<ul class="jf_typo_gallery">
	<li>
		<a class="pirobox_gall" rel="gallery" href="/images/jf/gallery/image_1.jpg" rev="10"> 
			<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_2.jpg" rev="11"> 
			<img src="/images/jf/gallery/thumb/image_2.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_3.jpg" rev="12"> 
			<img src="/images/jf/gallery/thumb/image_3.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_4.jpg" rev="13"> 
			<img src="/images/jf/gallery/thumb/image_4.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_5.jpg" rev="14"> 
			<img src="/images/jf/gallery/thumb/image_5.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_6.jpg" rev="15"> 
			<img src="/images/jf/gallery/thumb/image_6.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_7.jpg" rev="16"> 
			<img src="/images/jf/gallery/thumb/image_7.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_8.jpg" rev="17"> 
			<img src="/images/jf/gallery/thumb/image_8.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_9.jpg" rev="18"> 
			<img src="/images/jf/gallery/thumb/image_9.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_10.jpg" my_id="last" rev="19"> 
			<img src="/images/jf/gallery/thumb/image_10.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>