1#@!#!123s

32759 1#@!#!123s
: / home / aissorg / www / pug / pages /
Filename : modern-gallery.pug
back
extends  ../_skeleton

//- Includes
include ../components/_ui-thumbnail-classic

block variables
	- var activeCategory = 'portfolio'
	- var pageName = 'Modern Gallery'

block page
	include ../sections/_header-minimal

	+breadcrumbs({
		category: activeCategory,
		path: [pageName]
	})

	section.section.section-lg.oh
		.container
			// Isotope Filters
			.isotope-filters.isotope-filters-modern
				button.isotope-filters-toggle.button.button-sm.button-primary(data-custom-toggle='#isotope-filters', data-custom-toggle-disable-on-blur="true") Filter
					span.caret
				ul.isotope-filters-list#isotope-filters
					li: a.active(data-isotope-filter='*', data-isotope-group='portfolio', href='#') All Types
					li: a(data-isotope-filter='Type 1', data-isotope-group='portfolio', href='#') Hinduism
					li: a(data-isotope-filter='Type 2', data-isotope-group='portfolio', href='#') Religion
					li: a(data-isotope-filter='Type 3', data-isotope-group='portfolio', href='#') Myths

			.isotope.isotope-condensed.row.hoverdir(data-isotope-layout='masonry' data-isotope-group='portfolio')
				.col-sm-6.col-lg-4.isotope-item.hoverdir-item(data-filter='Type 2' data-hoverdir-target='.thumbnail-classic-caption')
					+thumbnail-classic({
						img: 'gallery-masonry-condensed-1-390x576',
						link: 'images/gallery-original-1.jpg',
						title: 'Hinduism History',
						text: 'Hinduism'
					}).thumbnail-classic-lg

				.col-sm-6.col-lg-4.isotope-item.hoverdir-item(data-filter='Type 1' data-hoverdir-target='.thumbnail-classic-caption')
					+thumbnail-classic({
						img: 'gallery-masonry-condensed-2-390x288',
						link: 'images/gallery-original-2.jpg',
						title: 'Sacred Texts',
						text: 'Religion'
					})

				.col-sm-6.col-lg-4.isotope-item.hoverdir-item(data-filter='Type 2' data-hoverdir-target='.thumbnail-classic-caption')
					+thumbnail-classic({
						img: 'gallery-masonry-condensed-3-390x576',
						link: 'images/gallery-original-3.jpg',
						title: 'Recognizing the Gods',
						text: 'Mythology'
					}).thumbnail-classic-lg

				.col-sm-6.col-lg-4.isotope-item.hoverdir-item(data-filter='Type 2' data-hoverdir-target='.thumbnail-classic-caption')
					+thumbnail-classic({
						img: 'gallery-masonry-condensed-5-390x576',
						link: 'images/gallery-original-5.jpg',
						title: 'Art of Hinduism',
						text: 'Hinduism'
					}).thumbnail-classic-lg

				.col-sm-6.col-lg-4.isotope-item.hoverdir-item(data-filter='Type 3' data-hoverdir-target='.thumbnail-classic-caption')
					+thumbnail-classic({
						img: 'gallery-masonry-condensed-4-390x288',
						link: 'images/gallery-original-4.jpg',
						title: 'Krishna Mythology',
						text: 'Mythology'
					})

				.col-sm-6.col-lg-4.isotope-item.hoverdir-item(data-filter='Type 1' data-hoverdir-target='.thumbnail-classic-caption')
					+thumbnail-classic({
						img: 'gallery-masonry-condensed-6-390x288',
						link: 'images/gallery-original-6.jpg',
						title: 'The Legend of Krishna',
						text: 'Mythology'
					})
	// Page Footer
	include ../sections/_footer-standard
	+footer-standard({
		about: 'We are one of the leading Hinduism websites and non-profit organizations offering you both essential and detailed information as well as news from the world of this religion. We aim to help everyone discover Hinduism.'
	})