
<div style="padding: 50px;width: 80%;max-width: 600px;">
	<h3>
		Hello there, You look nice!
	</h3>

	<p>
		You can easy create stackable modal boxes. For example, your inline content or Ajax response can contain a gallery:
	</p>

	<p class="imglist-small">
	        <a data-fancybox="ajax-gallery-1" href="https://farm8.staticflickr.com/7367/16426879675_e32ac817a8_b.jpg" title="Codirosso spazzacamino (Massimo Greco _Foligno)"><img width="160" height="106" src="https://farm8.staticflickr.com/7367/16426879675_e32ac817a8_m.jpg" alt="" /></a>
            <a data-fancybox="ajax-gallery-1" href="https://farm6.staticflickr.com/5612/15344856989_449794889d_b.jpg" title="Morning Twilight (Jose Hamra Images)"><img width="160" height="106" src="https://farm6.staticflickr.com/5612/15344856989_449794889d_m.jpg" alt="" /></a>
            <a data-fancybox="ajax-gallery-1" href="https://farm8.staticflickr.com/7289/16207238089_0124105172_b.jpg" title=" (Eric Goncalves (cathing up again!))"><img width="160" height="106" src="https://farm8.staticflickr.com/7289/16207238089_0124105172_m.jpg" alt="" /></a>
            <a data-fancybox="ajax-gallery-1" href="https://farm9.staticflickr.com/8568/16388772452_f4d77a92c7_b.jpg" title="Arctic Paradise (Tom Draxler)"><img width="160" height="106" src="https://farm9.staticflickr.com/8568/16388772452_f4d77a92c7_m.jpg" alt="" /></a>
            <a data-fancybox="ajax-gallery-1" href="https://farm8.staticflickr.com/7308/15783866983_27160395b9_b.jpg" title="Rodeo Dusk (_JonathanMitchellPhotography_)"><img width="160" height="106" src="https://farm8.staticflickr.com/7308/15783866983_27160395b9_m.jpg" alt="" /></a>
            <a data-fancybox="ajax-gallery-1" href="https://farm3.staticflickr.com/2880/10346743894_0cfda8ff7a_b.jpg" title="Les papillons ont du chagrin (JMS')"><img width="160" height="106" src="https://farm3.staticflickr.com/2880/10346743894_0cfda8ff7a_m.jpg" alt="" /></a>
    	</p>

	<p>
         Animations can be added with simple CSS transitions:

        <br />

        <a href="#message" class="btn btn-danger" data-fancybox>Try me</a>
	</p>

</div>
<div id="message" style="display: none; padding:50px; min-width: 300px; text-align:center;">
	<h3>Hello!</h3>

	<p>
		This is another instance of fancyBox!
	</p>

	<p>
		<button class="btn" data-fancybox-close>Got it!</button>
	</p>
</div>
