You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
peff48bpz/vote/assets/includes/photo-collection-landscapes...

91 lines
3.8 KiB

6 years ago
<div class="bg-light p-3 mb-3 rounded">
<h2 class="text-uppercase mb-3 mt-0 text-slab">
Landscapes
</h2>
<div class="row" data-toggle="magnific-popup" data-magnific-popup-settings='{"delegate":"a", "gallery":{"enabled":true}}'>
<!-- Photo 186-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.1">
<a href="https://unsplash.it/1003/624?image=186">
<img src="https://unsplash.it/400/300?image=186" class="img-fluid" alt="Photo 187" />
</a>
</div>
<!-- Photo 187-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.2">
<a href="https://unsplash.it/1064/709?image=187">
<img src="https://unsplash.it/400/300?image=187" class="img-fluid" alt="Photo 188" />
</a>
</div>
<!-- Photo 188-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.3">
<a href="https://unsplash.it/1199/802?image=188">
<img src="https://unsplash.it/400/300?image=188" class="img-fluid" alt="Photo 189" />
</a>
</div>
<!-- Photo 189-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.4">
<a href="https://unsplash.it/1152/864?image=189">
<img src="https://unsplash.it/400/300?image=189" class="img-fluid" alt="Photo 190" />
</a>
</div>
<!-- Photo 190-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.5">
<a href="https://unsplash.it/1037/691?image=190">
<img src="https://unsplash.it/400/300?image=190" class="img-fluid" alt="Photo 191" />
</a>
</div>
<!-- Photo 191-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.6">
<a href="https://unsplash.it/1124/749?image=191">
<img src="https://unsplash.it/400/300?image=191" class="img-fluid" alt="Photo 192" />
</a>
</div>
<!-- Photo 192-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.7">
<a href="https://unsplash.it/1172/1172?image=192">
<img src="https://unsplash.it/400/300?image=192" class="img-fluid" alt="Photo 193" />
</a>
</div>
<!-- Photo 193-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.8">
<a href="https://unsplash.it/1068/732?image=193">
<img src="https://unsplash.it/400/300?image=193" class="img-fluid" alt="Photo 194" />
</a>
</div>
<!-- Photo 194-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="0.9">
<a href="https://unsplash.it/1073/711?image=194">
<img src="https://unsplash.it/400/300?image=194" class="img-fluid" alt="Photo 195" />
</a>
</div>
<!-- Photo 195-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="1">
<a href="https://unsplash.it//?image=195">
<img src="https://unsplash.it/400/300?image=195" class="img-fluid" alt="Photo 196" />
</a>
</div>
<!-- Photo 196-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="1.1">
<a href="https://unsplash.it/1198/899?image=196">
<img src="https://unsplash.it/400/300?image=196" class="img-fluid" alt="Photo 197" />
</a>
</div>
<!-- Photo 197-->
<div class="col-md-6 col-lg-4 col-xl-3 mb-4 rounded" data-animate="fadeIn" data-animate-delay="1.2">
<a href="https://unsplash.it/1158/772?image=197">
<img src="https://unsplash.it/400/300?image=197" class="img-fluid" alt="Photo 198" />
</a>
</div>
</div>
</div>