# Footer

# Markup

<footer
  class="footer pt-medium bg-dark-1" 
  id="page-footer" 
  data-arts-theme-text="light" 
  data-arts-fixed-reveal="data-arts-fixed-reveal" 
  data-arts-fixed-reveal-from="-20vh" 
  data-arts-fixed-reveal-from-opacity="0"
  >
  <div class="footer__inner">
    <div class="container">
      <!-- widget area #1 [wide] -->
      <div class="row pb-md-3">
        <div class="col">
          ...
        </div>
      </div>
      <!-- - widget area #1 [wide] -->
      <!-- widget area #2 [4 columns] -->
      <div class="row justify-content-between position-relative pt-md-5 pt-4 pb-md-3">
        <div class="footer__divider"></div>
        <div class="col-lg-3 col-sm-6">
          ...
        </div>
        <div class="col-lg-3 col-sm-6">
          ...
        </div>
        <div class="col-lg-3 col-sm-6">
          ...
        </div>
        <div class="col-lg-3 col-sm-6">
          ...
        </div>
      </div>
      <!-- - widget area #2 [4 columns] -->
      <!-- widget area #3 [2 columns] -->
      <div class="row justify-content-between align-items-center position-relative pt-4">
        <div class="footer__divider"></div>
        <div class="col-lg-4 order-lg-2 text-lg-end text-center">
          ...
        </div>
        <div class="col-lg-8 text-lg-start text-center">
          ...
        </div>
      </div>
      <!-- - widget area #3 [2 columns] -->
    </div>
  </div>
</footer>

# Special Effects

# Showcase

📄 All template pages.