<!-- Block Slide Lookbook -->
<div class="hotcat-section alo-lookbook">
  <div class="content-banner featured-category home-slider-category clearfix">
    <div
      class="home-slider autoplay"
      style="margin-left: 0px; margin-right: 0px;"
      data-slides-to-show="1"
      data-slides-to-scroll="1"
      data-padding="0"
      data-fade="false"
      data-dots="true"
      data-arrows="false"
      data-easing="linear"
      data-autoplay="false"
      data-infinite="false"
      data-autoplay-speed="6000"
      data-responsive='[{"breakpoint": "1201", "settings": {"slidesToShow": "1"}}, {"breakpoint": "1200", "settings": {"slidesToShow": "1"}}, {"breakpoint": "992", "settings": {"slidesToShow": "1"}}, {"breakpoint": "769", "settings": {"slidesToShow": "1"}}, {"breakpoint": "641", "settings": {"slidesToShow": "1"}}, {"breakpoint": "481", "settings": {"slidesToShow": "1"}}, {"breakpoint": "361", "settings": {"slidesToShow": "1"}}, {"breakpoint": "1", "settings": {"slidesToShow": "1"}}]'
    >
      <div class="item item-lookbook1">
        <div class="figcaption categories-inner cate-content">
          {{widget type="Magiccart\Lookbook\Block\Widget\Product"
          identifier="lookbok" template="product.phtml"}}
        </div>
      </div>
      <div class="item item-lookbook2">
        <div class="figcaption categories-inner cate-content">
          {{widget type="Magiccart\Lookbook\Block\Widget\Product"
          identifier="lookbok2" template="product.phtml"}}
        </div>
      </div>
      <div class="item item-lookbook3">
        <div class="figcaption categories-inner cate-content">
          {{widget type="Magiccart\Lookbook\Block\Widget\Product"
          identifier="lookbok" template="product.phtml"}}
        </div>
      </div>
    </div>
</div>
<!-- Banner banner-col-9-3 -->
<div class="block-banner">
  <div class="d-flex">
    <div class="banner left">
        <div class="banner-big">
            <div class="banner-relative banner-boder-zoom">
              <a href="#"
                ><img class="img-responsive" src="{{media
                url="wysiwyg/alothemes/static/demo11/img11a.jpg"}}" alt="img"
                /></a
              >
            </div>
        </div>
        <div class="banner-small">
            <div class="banner-relative banner-boder-zoom">
              <a href="#"
                ><img class="img-responsive" src="{{media
                url="wysiwyg/alothemes/static/demo11/img11b.jpg"}}" alt="img"
                /></a
              >
            </div>
        </div>
        <div class="banner-small">
            <div class="banner-relative banner-boder-zoom">
              <a href="#"
                ><img class="img-responsive" src="{{media
                url="wysiwyg/alothemes/static/demo11/img11c.jpg"}}" alt="img"
                /></a
              >
            </div>
        </div>
        <div class="banner-big">
            <div class="banner-relative banner-boder-zoom">
              <a href="#"
                ><img class="img-responsive" src="{{media
                url="wysiwyg/alothemes/static/demo11/img11d.jpg"}}" alt="img"
                /></a
              >
            </div>
        </div>
    </div>
    <div class="banner right">
      <div class="banner-inner banner-ads2">
        <div class="banner-relative banner-boder-zoom">
          <a href="#"
            ><img class="img-responsive" src="{{media
            url="wysiwyg/alothemes/static/demo11/img11e.jpg"}}" alt="img" /></a
          >
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Banner -->
<div class="alo-brands">
  <div class="container">
    <div class="main">
      <div class="row-nor">
        <div class="col-lg-12">
          {{widget type="Magiccart\Shopbrand\Block\Widget\Brand"
          template="brand.phtml"}}
        </div>
      </div>
    </div>
  </div>
</div>
<div class="policy">
  <div class="container">
    <div class="support-policy">
      <div class="support-footer-inner row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="row-normal clearfix">
            <a class="position-link" href="#"
              ><span class="hidden">hidden</span></a
            >
            <div class="col-icon">
              <div class="support-icon square-round">
                <em class="icon-plane icons"
                  ><span class="hidden">hidden</span></em
                >
              </div>
            </div>
            <div class="col-text">
              <div class="support-info">
                <div class="info-title">FREE SHIPPING WORLDWIDE</div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="row-normal clearfix">
            <a class="position-link" href="#"
              ><span class="hidden">hidden</span></a
            >
            <div class="col-icon">
              <div class="support-icon square-round">
                <em class="icon-earphones-alt icons"
                  ><span class="hidden">hidden</span></em
                >
              </div>
            </div>
            <div class="col-text">
              <div class="support-info">
                <div class="info-title">24/7 CUSTOMER SERVICE</div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="row-normal clearfix">
            <a class="position-link" href="#"
              ><span class="hidden">hidden</span></a
            >
            <div class="col-icon">
              <div class="support-icon square-round">
                <em class="icon-users icons"
                  ><span class="hidden">hidden</span></em
                >
              </div>
            </div>
            <div class="col-text">
              <div class="support-info">
                <div class="info-title">Member Discount</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
