WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

RECENTLY VISITED
CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com

GALLERIES

  1. Home
  2. Shortcodes
  3. Galleries
NOTE: Very simple grid gallery, using CSS only (no javascript or plugin loaded). Working on all browsers ; Internet Examplrer: 10+

5 Columns

Show Code 
<!--
	+ SIMPLE GALLERY - CSS ONLY

		.gallery-simple-columns-1
		.gallery-simple-columns-2
		.gallery-simple-columns-3
		.gallery-simple-columns-4
		.gallery-simple-columns-5

		NOTE: Internet Explorer - required 10+ (not working on lower versions)
-->

<div class="gallery-simple gallery-simple-columns-5 lightbox" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>

	<a href="demo_files/images/packs/hotel/gallery/1-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/1-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/13-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/13-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/2-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/2-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/3-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/3-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/4-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/4-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/5-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/5-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/8-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/8-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/9-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/9-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/10-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/10-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/11-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/11-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/6-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/6-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/12-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/12-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/7-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/7-min.jpg" alt="" />
	</a>

</div>

4 Columns

Show Code 
<!--
	+ SIMPLE GALLERY - CSS ONLY

		.gallery-simple-columns-1
		.gallery-simple-columns-2
		.gallery-simple-columns-3
		.gallery-simple-columns-4
		.gallery-simple-columns-5

		NOTE: Internet Explorer - required 10+ (not working on lower versions)
-->

<div class="gallery-simple gallery-simple-columns-4 lightbox" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>

	<a href="demo_files/images/packs/hotel/gallery/1-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/1-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/13-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/13-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/2-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/2-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/3-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/3-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/4-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/4-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/5-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/5-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/8-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/8-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/9-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/9-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/10-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/10-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/11-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/11-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/6-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/6-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/12-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/12-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/7-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/7-min.jpg" alt="" />
	</a>

</div>

3 Columns

Show Code 
<!--
	+ SIMPLE GALLERY - CSS ONLY

		.gallery-simple-columns-1
		.gallery-simple-columns-2
		.gallery-simple-columns-3
		.gallery-simple-columns-4
		.gallery-simple-columns-5

		NOTE: Internet Explorer - required 10+ (not working on lower versions)
-->

<div class="gallery-simple gallery-simple-columns-3 lightbox" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>

	<a href="demo_files/images/packs/hotel/gallery/1-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/1-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/13-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/13-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/2-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/2-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/3-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/3-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/4-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/4-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/5-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/5-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/8-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/8-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/9-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/9-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/10-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/10-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/11-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/11-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/6-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/6-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/12-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/12-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/7-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/7-min.jpg" alt="" />
	</a>

</div>

2 Columns

Show Code 
<!--
	+ SIMPLE GALLERY - CSS ONLY

		.gallery-simple-columns-1
		.gallery-simple-columns-2
		.gallery-simple-columns-3
		.gallery-simple-columns-4
		.gallery-simple-columns-5

		NOTE: Internet Explorer - required 10+ (not working on lower versions)
-->

<div class="gallery-simple gallery-simple-columns-2 lightbox" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>

	<a href="demo_files/images/packs/hotel/gallery/1-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/1-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/13-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/13-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/2-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/2-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/3-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/3-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/4-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/4-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/5-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/5-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/8-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/8-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/9-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/9-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/10-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/10-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/11-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/11-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/6-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/6-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/12-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/12-min.jpg" alt="" />
	</a>

	<a href="demo_files/images/packs/hotel/gallery/7-min.jpg">
		<img src="demo_files/images/packs/hotel/gallery/7-min.jpg" alt="" />
	</a>

</div>