<footer>
  <div class="container">
    <div class="footer-top">
      <div class="row">
        @for ($i = 0; $i < 4; $i++)
        <div class="col-lg-3">
          <div class="service-item">
            <div class="icon"><img src="{{ asset('image/default/footer-icon-1.png') }}" class="img-fluid"></div>
            <div class="text">
              <p class="title">FREE SHIPPING & RETURN</p>
              <p class="sub-title">Free Shipping over $300</p>
            </div>
          </div>
        </div>
        @endfor
      </div>
    </div>
    <div class="footer-content">
      <div class="row">
        <div class="col-12 col-md-4">
          <div class="footer-content-left">
            <div class="logo"><a href="http://"><img src="{{ asset('image/logo.png') }}" class="img-fluid"></a></div>
            <div class="text">Fashion is a popular
              aesthetic expression at a particular time, place and in a specific context, especially in clothing, footwear, lifestyle
            </div>
          </div>
        </div>
        <div class="col-lg-8">
          <div class="row">
            <div class="col-6 col-sm">
              <h6 class="text-uppercase text-dark mb-3">Hot links</h6>
              <ul class="list-unstyled">
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
              </ul>
            </div>
            <div class="col-6 col-sm">
              <h6 class="text-uppercase text-dark mb-3">Hot links</h6>
              <ul class="list-unstyled">
                <li><a href="">dsddslkdjccxz</a></li>
                <li><a href="">dsddslkdjccxz</a></li>
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
              </ul>
            </div>
            <div class="col-6 col-sm">
              <h6 class="text-uppercase text-dark mb-3">Hot links</h6>
              <ul class="list-unstyled">
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
                <li><a href="">adsdasd</a></li>
              </ul>
            </div>
            <div class="col-6 col-sm">
              <h6 class="text-uppercase text-dark mb-3">Hot links</h6>
              <ul class="list-unstyled">
                <li><a href="">dsddslkdjccxz</a></li>
                <li><a href="">dsddslkdjccxz</a></li>
                <li><a href="">dsddslkdjccxz</a></li>
                <li><a href="">dsddslkdjccxz</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
      <div class="row">
        <div class="col">
          © Clay Shop all rights reserved
        </div>
        <div class="col-auto">
          <img src="{{ asset('image/default/footer-payment.png') }}" class="img-fluid">
        </div>
      </div>
    </div>
  </div>
</footer>
