<footer class="footer-1 bkg-dark">
  <div class='container'>
    <div class='row'>
      <div class='col-sm-3'>
        <a href="#" class="footer-brand">
          <img src="/slabs/assets/brand/slabs-logo-white.png" class=''>
        </a>
      </div>
      <div class='col-sm-3'>
        <ul class='list-unstyled'>
          <li class='header'>
            <h4>About Us</h4>
          </li>
          <li>
            <a href="#">Who we are</a>
          </li>
          <li>
            <a href="#">Team</a>
          </li>
          <li>
            <a href="#">Jobs</a>
          </li>
          <li>
            <a href="#">Press</a>
          </li>
        </ul>
      </div>
      <div class='col-sm-3'>
        <ul class='list-unstyled'>
          <li class='header'>
            <h4>What ever</h4>
          </li>
          <li>
            <a href="#">Privacy</a>
          </li>
          <li>
            <a href="#">Terms</a>
          </li>
          <li>
            <a href="#">Advertise</a>
          </li>
        </ul>
      </div>
      <div class='col-sm-3'>
        <ul class="list-unstyled">
          <li class="header">
            <h4>Social</h4>
          </li>
          <li>
            <a target="_blank" href="#">
              <div class="fa fa-youtube"></div>
              Youtube
            </a>
          </li>
          <li>
            <a target="_blank" href="#">
              <div class="fa fa-twitter"></div>
              Twitter
            </a>
          </li>
          <li>
            <a target="_blank" href="#">
              <div class="fa fa-facebook"></div>
              Facebook
            </a>
          </li>
          <li>
            <a target="_blank" rel="publisher" href="#">
              <div class="fa fa-google-plus"></div>
              Google Plus
            </a>
          </li>
          <li>
            <a target="_blank" href="#">
              <div class="fa fa-soundcloud"></div>
              SoundCloud
            </a>
          </li>
        </ul>

      </div>
    </div>
    <div class='row'>
      <div class='col-md-12'>
        <div class='love'>
          <div class='message-wrapper bkg-dark'>
            <p>
              Made with
              <i class="fa fa-heart-o"></i>
              in Monterrey
            </p>
            <p>
              © 2016 ACME. All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
 

<section class="footer-1 bkg-orange">
...
</section>
          

 <footer class="footer-2 bkg-midnight-blue">
  <div class='container'>
    <div class='row'>
      <div class='col-md-10 col-md-offset-1'>
        <div class='row'>
          <div class='col-sm-3'>
            <ul class='list-unstyled'>
              <li class='header'>
                <h4>Info</h4>
              </li>
              <li>
                <a href="#">How it Works</a>
              </li>
              <li>
                <a href="#">Terms & Conditions</a>
              </li>
              <li>
                <a href="#">Privacy Policy</a>
              </li>
              <li>
                <a href="#">FAQS</a>
              </li>
            </ul>
          </div>
          <div class='col-sm-3'>
            <ul class='list-unstyled'>
              <li class='header'>
                <h4>Company</h4>
              </li>
              <li>
                <a href="#">Who we are</a>
              </li>
              <li>
                <a href="#">Team</a>
              </li>
              <li>
                <a href="#">Hiring</a>
              </li>
              <li>
                <a href="#">Press Kit</a>
              </li>
              <li>
                <a href="#">Store</a>
              </li>
            </ul>
          </div>
          <div class='col-sm-3'>
            <ul class='list-unstyled'>
              <li class='header'>
                <h4>Help</h4>
              </li>
              <li>
                <a href="#">Getting Started</a>
              </li>
              <li>
                <a href="#">Support</a>
              </li>
            </ul>
          </div>
          <div class='col-sm-3'>
            <ul class="list-unstyled">
              <li class="header">
                <h4>Connect</h4>
              </li>
              <li>
                <a target="_blank" href="#">
                  <div class="fa fa-youtube"></div>
                  Youtube
                </a>
              </li>
              <li>
                <a target="_blank" href="#">
                  <div class="fa fa-twitter"></div>
                  Twitter
                </a>
              </li>
              <li>
                <a target="_blank" href="#">
                  <div class="fa fa-facebook"></div>
                  Facebook
                </a>
              </li>
              <li>
                <a target="_blank" rel="publisher" href="#">
                  <div class="fa fa-google-plus"></div>
                  Google Plus
                </a>
              </li>
              <li>
                <a target="_blank" href="#">
                  <div class="fa fa-soundcloud"></div>
                  SoundCloud
                </a>
              </li>
            </ul>

          </div>
        </div>
        <hr>
        <div class='row copyright-n-stuff'>
          <div class='col-xs-12 col-sm-6'>
            © 2016 ACME. All rights reserved.
          </div>
          <div class='col-xs-12 col-sm-6 text-right'>
            Made in Monterrey
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
 

<section class="footer-2 bkg-wet-asphalt">
...
</section>