<!-- Remove the container if you want to extend the Footer to full width. -->

<div class="container my-5">

​

  <footer style="background-color: #ffede7;">

    <div class="container p-4">

      <div class="row">

        <div class="col-lg-3 col-md-6 mb-4">

          <h5 class="mb-3" style="letter-spacing: 2px; color: #7f4722;">shopping online</h5>

          <ul class="list-unstyled mb-0">

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">frequently asked questions</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">delivery</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">pricing</a>

            </li>

            <li>

              <a href="#!" style="color: #4f4f4f;">where we deliver?</a>

            </li>

          </ul>

        </div>

        <div class="col-lg-3 col-md-6 mb-4">

          <h5 class="mb-3" style="letter-spacing: 2px; color: #7f4722;">git cards</h5>

          <ul class="list-unstyled mb-0">

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">frequently asked questions</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">delivery and payment</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">activate the card</a>

            </li>

            <li>

              <a href="#!" style="color: #4f4f4f;">rules</a>

            </li>

          </ul>

        </div>

        <div class="col-lg-3 col-md-6 mb-4">

          <h5 class="mb-3" style="letter-spacing: 2px; color: #7f4722;">company</h5>

          <ul class="list-unstyled mb-0">

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">buy a gift card</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">history</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">return</a>

            </li>

            <li>

              <a href="#!" style="color: #4f4f4f;">contact</a>

            </li>

          </ul>

        </div>

        <div class="col-lg-3 col-md-6 mb-4">

          <h5 class="mb-3" style="letter-spacing: 2px; color: #7f4722;">diamond club</h5>

          <ul class="list-unstyled mb-0">

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">registration</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">application</a>

            </li>

            <li class="mb-1">

              <a href="#!" style="color: #4f4f4f;">about program</a>

            </li>

            <li>

              <a href="#!" style="color: #4f4f4f;">rules</a>

            </li>

          </ul>

        </div>

      </div>

    </div>

    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">

      © 2020 Copyright:

      <a class="text-dark" href="https://mdbootstrap.com/">MDBootstrap.com</a>

    </div>

    <!-- Copyright -->

  </footer>

​

</div>

<!-- End of .container -->

​

​