xxxxxxxxxx1
<div class="row mx-5 my-5">2
<div class="col-md-12">3
<div id="mdb-lightbox-ui"></div>4
<div class="mdb-lightbox no-margin" style="max-height: 100vh;">5
<figure class="col-md-4 wow fadeInLeft">6
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(117).jpg" data-size="1600x1067">7
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(117).jpg" class="img-fluid">8
</a>9
</figure>10
<figure class="col-md-4 wow fadeInDown">11
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(98).jpg" data-size="1600x1067">12
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(98).jpg" class="img-fluid" />13
</a>14
</figure>15
<figure class="col-md-4 wow fadeInRight">16
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(131).jpg" data-size="1600x1067">17
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(131).jpg" class="img-fluid" />18
</a>19
</figure>20
<figure class="col-md-4 wow fadeInLeft">21
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(123).jpg" data-size="1600x1067">22
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(123).jpg" class="img-fluid" />23
</a>24
</figure>25
<figure class="col-md-4 wow rotateIn">26
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(118).jpg" data-size="1600x1067">27
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(118).jpg" class="img-fluid" />28
</a>29
</figure>30
<figure class="col-md-4 wow fadeInRight">31
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(128).jpg" data-size="1600x1067">32
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(128).jpg" class="img-fluid" />33
</a>34
</figure>35
<figure class="col-md-4 wow fadeInLeft">36
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(132).jpg" data-size="1600x1067">37
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(132).jpg" class="img-fluid" />38
</a>39
</figure>40
<figure class="col-md-4 wow fadeInUp">41
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(115).jpg" data-size="1600x1067">42
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(115).jpg" class="img-fluid" />43
</a>44
</figure>45
<figure class="col-md-4 wow fadeInRight">46
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(133).jpg" data-size="1600x1067">47
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(133).jpg" class="img-fluid" />48
</a>49
</figure>50
</div>51
</div>52
</div>1
1
xxxxxxxxxx1
// MDB Lightbox Init2
$(function () {3
new WOW().init();4
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");5
}); Console errors: 0