footer css examples

Example 1: sticky footer bootstrap 3

<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
</style>

Example 2: html footer

<footer>
<!-- Footer links -->
  <nav>
	<a href="some-url" target="_blank">Footer link</a> <!-- opens in new tab -->
	<a href="some-url">Footer link</a>
	<a href="some-url">Footer link</a>
  </nav>
<!-- Copyright footnote -->
  &copy; 2020 Some copyright message.
<!-- Contact link -->
  <address>
    Contact <a href="mailto:[email protected]">me</a>
  </address>
</footer>

Tags:

Html Example