Let's have fun
Let's have fun
Footer
Info
The footer class is created with the flexbox method and the alignment ensures that the contents of the header columns are horizontally and vertically centered. The footer columns are responsive in the 4 breakpoints.
Footer
footer
footer-col-sm
footer-col-md
footer-col-lg
footer-col-xl
<footer class="footer">
<div class="footer-col-md">
<img alt="" src=""/>
</div>
<div class="footer-col-md">
<p></p>
</div>
<div class="footer-col-md">
<p><a href="" target="_blank"></a></p>
</div>
</footer>
Footer colors
Black
footer-black
<footer class="footer footer-black"></footer>
White
footer-white
<footer class="footer footer-white"></footer>
Gay
footer-gray
<footer class="footer footer-gray"></footer>
Blue
footer-blue
<footer class="footer footer-blue"></footer>
Green
footer-green
<footer class="footer footer-green"></footer>
Teal
footer-teal
<footer class="footer footer-teal"></footer>
Red
footer-red
<footer class="footer footer-red"></footer>
Yellow
footer-yellow
<footer class="footer footer-yellow"></footer>
Orange
footer-orange
<footer class="footer footer-orange"></footer>
Brown
footer-brown
<footer class="footer footer-brown"></footer>
Purple
footer-purple
<footer class="footer footer-purple"></footer>
Pink
footer-pink
<footer class="footer footer-pink"></footer>