Footer

<footer class="footer footer--inverse ">

  <div class="footer-body py-sm-4 mt-sm-5">
    <div class="container">
      <div class="row">
        <div class="col-sm-6 col-md-6 col-lg-3 py-3">
          <h4>
                            Footer Headline 1
</h4>

          <ul class="nav flex-column">

            <li class="nav-item ">
              <a class="nav-link " href="">Link 1</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 2</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 3</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 4</a>
            </li>

          </ul>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 py-3">
          <h4>
                            Footer Headline 2
</h4>

          <ul class="nav flex-column">

            <li class="nav-item ">
              <a class="nav-link " href="">Link 1</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 2</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 3</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 4</a>
            </li>

          </ul>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 py-3">
          <h4>
                            Footer Headline 3
</h4>

          <ul class="nav flex-column">

            <li class="nav-item ">
              <a class="nav-link " href="">Link 1</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 2</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 3</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 4</a>
            </li>

          </ul>
        </div>
        <div class="col-sm-6 col-md-6 col-lg-3 py-3">
          <h4>
                            Footer Headline 4
</h4>

          <ul class="nav flex-column">

            <li class="nav-item ">
              <a class="nav-link " href="">Link 1</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 2</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 3</a>
            </li>

            <li class="nav-item ">
              <a class="nav-link " href="">Link 4</a>
            </li>

          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="footer_footer footer_footer--inverse py-sm-2">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <small>copyright 2017</small>
        </div>
      </div>
    </div>
  </div>

</footer>