Skip to main content

Footer

Footers for our website are easy to use and responsive.

Not Idea UI by Israel De Castro - 2021.

<footer class="footer">
  <div class="footer-top">
    <div class="footer-item">...</div>
    <div class="footer-item">...</div>
    <div class="footer-item">...</div>
    <div class="footer-item">...</div>
  </div>
  <div class="footer-bottom">
    <p class="text-center copyright">...</p>
  </div>
</footer>

Not Idea UI by Israel De Castro - 2021.

<footer class="footer">
  ...
  <div class="footer-bottom">
    <p class="text-center copyright">...</p>
  </div>
</footer>
<footer class="footer">
  ...
  <div class="footer-bottom has-menu">
    <p class="copyright">...</p>
    <nav class="footer-menu">
      <a href="#!">...</a>
      <a href="#!">...</a>
      <a href="#!">.</a>
    </nav>
  </div>
</footer>

Not Idea UI by Israel De Castro - 2021.

<footer class="footer">
  ...
  <div class="footer-bottom has-media">
    <p class="copyright">...</p>
    <ul class="social-media">
      <li><a href="..." target="_blank"><icon></a></li>
      <li><a href="..." target="_blank"><icon></a></li>
      <li><a href="..." target="_blank"><icon></a></li>
    </ul>
  </div>
</footer>
<footer class="footer">
  ...
  <div class="footer-bottom has-media-menu">
    <div>
      <p class="copyright">...</p>
      <ul class="social-media">
        <li><a href="..." target="_blank"><icon></a></li>
        <li><a href="..." target="_blank"><icon></a></li>
        <li><a href="..." target="_blank"><icon></a></li>
      </ul>
    </div>
    <nav class="footer-menu">
      <a href="#!">...</a>
      <a href="#!">...</a>
      <a href="#!">...</a>
    </nav>
  </div>
</footer>