xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="en">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">6
<meta http-equiv="x-ua-compatible" content="ie=edge">7
<title>test</title>8
9
<!-- Include Stylesheets -->10
11
<!-- Font Awesome -->12
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">13
<!-- Google Fonts Roboto -->14
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">15
<!-- Bootstrap core CSS -->16
<link rel="stylesheet" href="/css/bootstrap.min.css">17
<!-- Material Design Bootstrap -->18
<link rel="stylesheet" href="/css/mdb.min.css">19
<!-- Material Design Bootstrap -->20
<link rel="stylesheet" href="/css/mdb-pro.css">21
<!-- MDBootstrap Cards Extended Pro -->22
<link href="/css/addons-pro/cards-extended.min.css" rel="stylesheet">23
<!-- MDBootstrap Lightbox -->24
<link href="/css/modules/lightbox.min.css" rel="stylesheet">25
<!-- Your custom styles (optional) -->26
<link rel="stylesheet" href="/css/style.css">27
</head>28
29
<body class="black-gradient">30
31
<!-- Main Content -->32
<div class="row">33
<div class="col-md-12">34
<div id="mdb-lightbox-ui"></div>35
<div class="mdb-lightbox no-margin">36
<figure class="col-md-4">37
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(117).jpg" data-size="1600x1067">38
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(117).jpg" class="img-fluid">39
</a>40
</figure>41
<figure class="col-md-4">42
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(98).jpg" data-size="1600x1067">43
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(98).jpg" class="img-fluid" />44
</a>45
</figure>46
<figure class="col-md-4">47
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(131).jpg" data-size="1600x1067">48
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(131).jpg" class="img-fluid" />49
</a>50
</figure> 51
</div>52
</div>53
</div>54
55
56
57
58
59
<!-- jQuery -->60
<script type="text/javascript" src="/js/jquery.min.js"></script>61
<!-- Bootstrap tooltips -->62
<script type="text/javascript" src="/js/popper.min.js"></script>63
<!-- Bootstrap core JavaScript -->64
<script type="text/javascript" src="/js/bootstrap.min.js"></script>65
<!-- MDB core JavaScript -->66
<script type="text/javascript" src="/js/mdb.min.js"></script>67
68
<script type="text/javascript" src="/js/modules/smooth-scroll.min.js"></script>69
<script type="text/javascript" src="/js/modules/lightbox.min.js"></script>70
<script type="text/javascript" src="/js/modules/cards-extended.min.js"></script>71
<!-- Your custom scripts (optional) -->72
<script>73
$(function () {74
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");75
});76
</script>77
78
</body>79
</html>1
1
1
1
Console errors: 0