xxxxxxxxxx1
<!-- Remove the container if you want to extend the Footer to full width. -->2
<div class="container my-5">3
4
<footer class="bg-primary text-center text-lg-start text-white">5
<!-- Grid container -->6
<div class="container p-4">7
<!--Grid row-->8
<div class="row my-4">9
<!--Grid column-->10
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">11
12
<div class="rounded-circle bg-white shadow-1-strong d-flex align-items-center justify-content-center mb-4 mx-auto" style="width: 150px; height: 150px;">13
<img src="https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/logo.png" height="70" alt=""14
loading="lazy" />15
</div>16
17
<p class="text-center">Homless animal shelter The budgetary unit of the Capital City of Warsaw</p>18
19
<ul class="list-unstyled d-flex flex-row justify-content-center">20
<li>21
<a class="text-white px-2" href="#!">22
<i class="fab fa-facebook-square"></i>23
</a>24
</li>25
<li>26
<a class="text-white px-2" href="#!">27
<i class="fab fa-instagram"></i>28
</a>29
</li>30
<li>31
<a class="text-white ps-2" href="#!">32
<i class="fab fa-youtube"></i>33
</a>34
</li>35
</ul>36
37
</div>38
<!--Grid column-->39
40
<!--Grid column-->41
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">42
<h5 class="text-uppercase mb-4">Animals</h5>43
44
<ul class="list-unstyled">45
<li class="mb-2">46
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>When your pet is missing</a>47
</li>48
<li class="mb-2">49
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Recently found</a>50
</li>51
<li class="mb-2">52
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>How to adopt?</a>53
</li>54
<li class="mb-2">55
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Pets for adoption</a>56
</li>57
<li class="mb-2">58
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Material gifts</a>59
</li>60
<li class="mb-2">61
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Help with walks</a>62
</li>63
<li class="mb-2">64
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Volunteer activities</a>65
</li>66
</ul>67
</div>68
<!--Grid column-->69
70
<!--Grid column-->71
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">72
<h5 class="text-uppercase mb-4">Animals</h5>73
74
<ul class="list-unstyled">75
<li class="mb-2">76
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>General information</a>77
</li>78
<li class="mb-2">79
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>About the shelter</a>80
</li>81
<li class="mb-2">82
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Statistic data</a>83
</li>84
<li class="mb-2">85
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Job</a>86
</li>87
<li class="mb-2">88
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Tenders</a>89
</li>90
<li class="mb-2">91
<a href="#!" class="text-white"><i class="fas fa-paw pe-3"></i>Contact</a>92
</li>93
</ul>94
</div>95
<!--Grid column-->96
97
<!--Grid column-->98
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">99
<h5 class="text-uppercase mb-4">Contact</h5>100
101
<ul class="list-unstyled">102
<li>103
<p><i class="fas fa-map-marker-alt pe-2"></i>Warsaw, 57 Street, Poland</p>104
</li>105
<li>106
<p><i class="fas fa-phone pe-2"></i>+ 01 234 567 89</p>107
</li>108
<li>109
<p><i class="fas fa-envelope pe-2 mb-0"></i>contact@example.com</p>110
</li>111
</ul>112
</div>113
<!--Grid column-->114
</div>115
<!--Grid row-->116
</div>117
<!-- Grid container -->118
119
<!-- Copyright -->120
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">121
© 2020 Copyright:122
<a class="text-white" href="https://mdbootstrap.com/">MDBootstrap.com</a>123
</div>124
<!-- Copyright -->125
</footer>126
127
</div>128
<!-- End of .container -->1
1
1
1
Console errors: 0