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-dark text-center text-lg-start text-white">5
<!-- Grid container -->6
<div class="container p-4">7
<!--Grid row-->8
<div class="row mt-4">9
<!--Grid column-->10
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">11
<h5 class="text-uppercase">See other books</h5>12
13
<ul class="list-unstyled mb-0">14
<li>15
<a href="#!" class="text-white"><i class="fas fa-book fa-fw fa-sm me-2"></i>Bestsellers</a>16
</li>17
<li>18
<a href="#!" class="text-white"><i class="fas fa-book fa-fw fa-sm me-2"></i>All books</a>19
</li>20
<li>21
<a href="#!" class="text-white"><i class="fas fa-user-edit fa-fw fa-sm me-2"></i>Our authors</a>22
</li>23
</ul>24
</div>25
<!--Grid column-->26
27
<!--Grid column-->28
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">29
<h5 class="text-uppercase">Execution of the contract</h5>30
31
<ul class="list-unstyled">32
<li>33
<a href="#!" class="text-white"><i class="fas fa-shipping-fast fa-fw fa-sm me-2"></i>Supply</a>34
</li>35
<li>36
<a href="#!" class="text-white"><i class="fas fa-backspace fa-fw fa-sm me-2"></i>Returns</a>37
</li>38
<li>39
<a href="#!" class="text-white"><i class="far fa-file-alt fa-fw fa-sm me-2"></i>Regulations</a>40
</li>41
<li>42
<a href="#!" class="text-white"><i class="far fa-file-alt fa-fw fa-sm me-2"></i>Privacy policy</a>43
</li>44
</ul>45
</div>46
<!--Grid column-->47
48
<!--Grid column-->49
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">50
<h5 class="text-uppercase">Publishing house</h5>51
52
<ul class="list-unstyled">53
<li>54
<a href="#!" class="text-white">The BookStore</a>55
</li>56
<li>57
<a href="#!" class="text-white">123 Street</a>58
</li>59
<li>60
<a href="#!" class="text-white">05765 NY</a>61
</li>62
<li>63
<a href="#!" class="text-white"><i class="fas fa-briefcase fa-fw fa-sm me-2"></i>Send us a book</a>64
</li>65
</ul>66
</div>67
<!--Grid column-->68
69
<!--Grid column-->70
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">71
<h5 class="text-uppercase">Write to us</h5>72
73
<ul class="list-unstyled">74
<li>75
<a href="#!" class="text-white"><i class="fas fa-at fa-fw fa-sm me-2"></i>Help in purchasing</a>76
</li>77
<li>78
<a href="#!" class="text-white"><i class="fas fa-shipping-fast fa-fw fa-sm me-2"></i>Check the order status</a>79
</li>80
<li>81
<a href="#!" class="text-white"><i class="fas fa-envelope fa-fw fa-sm me-2"></i>Join the newsletter</a>82
</li>83
</ul>84
</div>85
<!--Grid column-->86
</div>87
<!--Grid row-->88
</div>89
<!-- Grid container -->90
91
<!-- Copyright -->92
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">93
© 2021 Copyright:94
<a class="text-white" href="https://mdbootstrap.com/">MDBootstrap.com</a>95
</div>96
<!-- Copyright -->97
</footer>98
99
</div>100
<!-- End of .container -->1
1
1
1
Console errors: 0