Footer #1

<footer class="bg-black border-top section-sm text-white">
  <div class="container">
    <div class="row align-items-center text-secondary">
      <div class="col-lg-4 text-lg-right order-lg-3">
        <a href="mailto:contact@webuildthemes.com" class="action underline">contact@webuildthemes.com <i class="icon-arrow-right"></i></a>
      </div>
      <div class="col-lg-4 text-center order-lg-2"><a href="index.html" class="navbar-brand"><img src="../assets/images/logo.svg" alt="Logo"></a></div>
      <div class="col-lg-4 order-lg-1">
        <p>Copyrights © 2021</p>
      </div>
    </div>
  </div>
</footer>

Footer #2

<footer class="bg-black text-white">
  <div class="container">
    <div class="row gutter-2 gutter-lg-6">
      <div class="col-lg-6">
        <h4>5th Avenue, New York <br>USA 10255</h4>
      </div>
      <div class="col-lg-6 text-lg-right">
        <span class="h5">+1 (234) 567 890</span>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <hr>
      </div>
    </div>
    <div class="row gutter-0 gutter-lg-6 text-secondary">
      <div class="col-lg-6 text-lg-right order-lg-2">
        <ul class="nav nav-minimal nav-minimal-sm">
          <li class="nav-item">
            <a class="nav-link" href="#">facebook</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">twitter</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">linkedin</a>
          </li>
        </ul>
      </div>
      <div class="col-lg-6 order-lg-1">
        <p>Copyrights © 2021</p>
      </div>
    </div>
  </div>
</footer>

Footer #3

<footer>
  <div class="container">
    <div class="row gutter-2 gutter-lg-6">
      <div class="col-lg-3">
        <a href="index.html" class="navbar-brand"><img src="assets/images/logo-black.svg" alt="Logo"></a>
      </div>
      <div class="col-lg-5">
        <ul class="nav nav-minimal flex-lg-column">
          <li class="nav-item">
            <a class="nav-link" href="#">landings</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">pages</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">documentation</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">about</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">contact</a>
          </li>
        </ul>
      </div>
      <div class="col-lg-4">
        <span class="eyebrow text-muted mb-1 mb-lg-2">Join our mailing list</span>
        <div class="input-group input-group-rounded">
          <input type="text" class="form-control" placeholder="Your Email" aria-label="Your Email" aria-describedby="subscribeMe">
          <div class="input-group-append">
            <button class="btn btn-primary btn-rounded btn-icon" type="button" id="subscribeMe"><i class="icon-arrow-right"></i></button>
          </div>
        </div>
      </div>
    </div>
    <div class="row align-items-center gutter-1 gutter-lg-6 text-muted">
      <div class="col-md-6 col-lg-5 order-lg-2">
        <ul class="nav nav-minimal nav-minimal-sm">
          <li class="nav-item">
            <a class="nav-link" href="#">facebook</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">twitter</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">linkedin</a>
          </li>
        </ul>
      </div>
      <div class="col-md-6 col-lg-4 text-md-right order-lg-3">
        <span class="small">5th Avenue, New York USA 10255</span>
      </div>
      <div class="col-lg-3 order-lg-1">
        <p class="small">Copyrights © 2021</p>
      </div>
    </div>
  </div>
</footer>

Footer #4

<footer>
  <div class="container">
    <div class="row justify-content-between gutter-2 gutter-lg-6">
      <div class="col-lg-4">
        <a href="index.html" class="navbar-brand"><img src="assets/images/logo-black.svg" alt="Logo"></a>
        <p class="mt-2 text-muted">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
      </div>
      <div class="col-lg-7">
        <div class="row gutter-4">
          <div class="col-md-4">
            <span class="eyebrow text-muted mb-2 d-flex">Menu</span>
            <ul class="nav nav-minimal nav-minimal-sm flex-md-column">
              <li class="nav-item">
                <a class="nav-link" href="#">About</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Contact</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">News</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Careers</a>
              </li>
            </ul>
          </div>
          <div class="col-md-4">
            <span class="eyebrow text-muted mb-2 d-flex">Follow us</span>
            <ul class="nav nav-minimal nav-minimal-sm flex-md-column">
              <li class="nav-item">
                <a class="nav-link" href="#">Instagram</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Facebook</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Twitter</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Linkedin</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Youtube</a>
              </li>
            </ul>
          </div>
          <div class="col-md-4">
            <span class="eyebrow text-muted mb-2 d-flex">Docs</span>
            <ul class="nav nav-minimal nav-minimal-sm flex-md-column">
              <li class="nav-item">
                <a class="nav-link" href="#">Get started</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Components</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Changelog</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="row align-items-center justify-content-between gutter-1 gutter-lg-6">
      <div class="col-md-6 col-lg-4 order-md-2 text-md-right">
        <span class="small text-muted">5th Avenue, New York USA 10255</span>
      </div>
      <div class="col-md-6 col-lg-3 order-md-1">
        <p class="small text-muted">Copyrights © 2021</p>
      </div>
    </div>
  </div>
</footer>