xxxxxxxxxx1
<div class="container my-5">2
<p class="font-weight-bold">A footer is an additional navigation method for websites. It can hold links, buttons, company info, copyrights, forms and many other elements.</p>3
4
<p><strong>Detailed documentation and more examples you can find in our <a href="https://mdbootstrap.com/docs/jquery/navigation/footer/"5
target="_blank">Bootstrap Footer Docs</a> </p>6
7
8
<hr class="mt-5">9
10
<p>Built with <a target="_blank" href="https://mdbootstrap.com/docs/standard/">Material Design for Bootstrap</a> - free and powerful Bootstrap UI KIT</p>11
12
<a class="btn btn-primary me-2" href="https://mdbootstrap.com/docs/standard/getting-started/installation/" target="_blank" role="button">Download MDB UI KIT <i class="fas fa-download ms-2"></i></a>13
<a class="btn btn-danger me-2" target="_blank" href="https://mdbootstrap.com/docs/standard/" role="button">Learn more</a>14
<a class="btn btn-success me-2" target="_blank" href="https://mdbootstrap.com/docs/standard/getting-started/" role="button">Tutorials</a>15
<a class="btn btn-dark me-2" target="_blank" href="https://github.com/mdbootstrap/mdb-ui-kit" role="button">GitHub <i class="fab fa-github ms-2"></i></a>16
17
<hr>18
19
</div>20
21
<!-- Footer -->22
<footer class="page-footer font-small mdb-color lighten-3 pt-4">23
24
<!-- Footer Elements -->25
<div class="container">26
27
<!--Grid row-->28
<div class="row">29
30
<!--Grid column-->31
<div class="col-lg-2 col-md-12 mb-4">32
33
<!--Image-->34
<div class="view overlay z-depth-1-half">35
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(73).jpg" class="img-fluid"36
alt="">37
<a href="">38
<div class="mask rgba-white-light"></div>39
</a>40
</div>41
42
</div>43
<!--Grid column-->44
45
<!--Grid column-->46
<div class="col-lg-2 col-md-6 mb-4">47
48
<!--Image-->49
<div class="view overlay z-depth-1-half">50
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(78).jpg" class="img-fluid"51
alt="">52
<a href="">53
<div class="mask rgba-white-light"></div>54
</a>55
</div>56
57
</div>58
<!--Grid column-->59
60
<!--Grid column-->61
<div class="col-lg-2 col-md-6 mb-4">62
63
<!--Image-->64
<div class="view overlay z-depth-1-half">65
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(79).jpg" class="img-fluid"66
alt="">67
<a href="">68
<div class="mask rgba-white-light"></div>69
</a>70
</div>71
72
</div>73
<!--Grid column-->74
75
<!--Grid column-->76
<div class="col-lg-2 col-md-12 mb-4">77
78
<!--Image-->79
<div class="view overlay z-depth-1-half">80
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(81).jpg" class="img-fluid"81
alt="">82
<a href="">83
<div class="mask rgba-white-light"></div>84
</a>85
</div>86
87
</div>88
<!--Grid column-->89
90
<!--Grid column-->91
<div class="col-lg-2 col-md-6 mb-4">92
93
<!--Image-->94
<div class="view overlay z-depth-1-half">95
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(82).jpg" class="img-fluid"96
alt="">97
<a href="">98
<div class="mask rgba-white-light"></div>99
</a>100
</div>101
102
</div>103
<!--Grid column-->104
105
<!--Grid column-->106
<div class="col-lg-2 col-md-6 mb-4">107
108
<!--Image-->109
<div class="view overlay z-depth-1-half">110
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(84).jpg" class="img-fluid"111
alt="">112
<a href="">113
<div class="mask rgba-white-light"></div>114
</a>115
</div>116
117
</div>118
<!--Grid column-->119
120
</div>121
<!--Grid row-->122
123
</div>124
<!-- Footer Elements -->125
126
<!-- Copyright -->127
<div class="footer-copyright text-center py-3">© 2018 Copyright:128
<a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>129
</div>130
<!-- Copyright -->131
132
</footer>133
<!-- Footer -->1
1
1
1
Console errors: 0