@extends('layouts.front')
@section('content')


<div class="container">
<!-- ========================= SECTION MAIN  ========================= -->
<section class="section-main padding-y">
<main class="card">
	<div class="card-body">

<div class="row">
	<aside class="col-lg col-md-3 flex-lg-grow-0">
		<nav class="nav-home-aside d-menu">
			<h6 class="title-category">MY MARKETS <i class="d-md-none icon fa fa-chevron-down"></i></h6>
			<ul class="menu-category">
				
				@foreach($categories as $category_data_for_tab)

                                    @php $count = count($category_data_for_tab->subs); @endphp

                                    @php $category_count[$category_data_for_tab->id] = $count; @endphp

                                    @foreach($category_data_for_tab->subs as $subcat)

                                        @php $count += count($subcat->childs); @endphp

                                        @php $category_count[$category_data_for_tab->id] = $count; @endphp

                                    @endforeach

                                @endforeach

                                @foreach($categories as $category)

                                @php $count = 0; @endphp

                                    @php $subcat_count = $category_count[$category->id]; @endphp

                                        @php $width = 'count8'; @endphp

                                        @if($subcat_count > 15)

                                            @php $width = 'count15'; @endphp

                                        @endif

                                        @if($subcat_count > 30)

                                            @php $width = 'count30'; @endphp

                                        @endif

                                        @if($subcat_count > 45)

                                            @php $width = 'count45'; @endphp

                                        @endif

                                        @if($subcat_count > 60)

                                            @php $width = 'count60'; @endphp

                                        @endif


				<li class="has-submenu">@if($subcat_count > 0)<a href="#">{{ $category->name }}</a>
					

					<div class="row submenu sub-category">
						@foreach($category->subs as $subcat)

						<div class="column">
                              <!--  <a style="font-weight: 500;" title="{{$subcat->name}}" class="_1jkBF2 _2K-jmG -FJR5L" href="javascript:;">{{$subcat->name}}</a> -->

                               <h6>{{$subcat->name}}</h6>
                               	

                              @foreach($subcat->childs as $childcat)
                                 <a title="{{$count}}" href="{{ route('front.childcat',['slug1' => $childcat->subcategory->category->slug, 'slug2' => $childcat->subcategory->slug, 'slug3' => $childcat->slug]) }}">{{$childcat->name}}</a>
						   @endforeach

						</div>
						@endforeach

					</div>
                 
			</li>
					@endif
				@endforeach



				<!-- accrordion -->
					
				<!-- end accordion -->
				
			</ul>

			




		</nav>

		<nav class="nav-home-aside m-menu">
			<h6 class="title-category">MY MARKETS <i class="d-md-none icon fa fa-chevron-down"></i></h6>
			<ul class="accordion menu-category">

				@foreach($categories as $category_data_for_tab)

				@php $count = count($category_data_for_tab->subs); @endphp

				@php $category_count[$category_data_for_tab->id] = $count; @endphp

				@foreach($category_data_for_tab->subs as $subcat)

				@php $count += count($subcat->childs); @endphp

				@php $category_count[$category_data_for_tab->id] = $count; @endphp

				@endforeach

				@endforeach

				@foreach($categories as $category)

				@php $count = 0; @endphp

				@php $subcat_count = $category_count[$category->id]; @endphp

				@php $width = 'count8'; @endphp

				@if($subcat_count > 15)

				@php $width = 'count15'; @endphp

				@endif

				@if($subcat_count > 30)

				@php $width = 'count30'; @endphp

				@endif

				@if($subcat_count > 45)

				@php $width = 'count45'; @endphp

				@endif

				@if($subcat_count > 60)

				@php $width = 'count60'; @endphp

				@endif

				<li>@if($subcat_count > 0)
					<a class="toggle" href="#">{{ $category->name }}</a>
					<div class="inner">
						<span></span>
						<div class="m-submenu">
							@foreach($category->subs as $subcat)


							<!--  <a style="font-weight: 500;" title="{{$subcat->name}}" class="_1jkBF2 _2K-jmG -FJR5L" href="javascript:;">{{$subcat->name}}</a> -->
							<div class="m-childsub">
								<h6><b>{{$subcat->name}}</b></h6>


								@foreach($subcat->childs as $childcat)
								<a title="{{$count}}" href="{{ route('front.childcat',['slug1' => $childcat->subcategory->category->slug, 'slug2' => $childcat->subcategory->slug, 'slug3' => $childcat->slug]) }}">{{$childcat->name}}</a>
								@endforeach
							</div>

							@endforeach

						</div>
					</div>
				</li>
				@endif
				@endforeach
			</ul>
		</nav>
	</aside> <!-- col.// -->
	<div class="col-md-9 col-xl-7 col-lg-7">

<!-- ================== COMPONENT SLIDER  BOOTSTRAP  ==================  -->
<div id="carousel1_indicator" class="slider-home-banner carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carousel1_indicator" data-slide-to="0" class="active"></li>
    <li data-target="#carousel1_indicator" data-slide-to="1"></li>
    <li data-target="#carousel1_indicator" data-slide-to="2"></li>
  </ol>
 
  <div class="carousel-inner">
   
    
    <div class="carousel-item active">
      <img src="{{asset('assets/home/images/banners/slide1.jpg')}}" alt="First slide"> 
    </div>
    
    <div class="carousel-item">
      <img src="{{asset('assets/home/images/banners/slide2.jpg')}}" alt="Second slide">
    </div>
    <div class="carousel-item">
      <img src="{{asset('assets/home/images/banners/slide3.jpg')}}" alt="Third slide">
    </div>
    <div class="carousel-item">
      <img src="{{asset('assets/home/images/banners/slide4.jpg')}}" alt="Second slide">
    </div>
  </div>
  
  <a class="carousel-control-prev" href="#carousel1_indicator" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carousel1_indicator" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div> 
<!-- ==================  COMPONENT SLIDER BOOTSTRAP end.// ==================  .// -->	

	</div> <!-- col.// -->
	<div class="col-md d-none d-lg-block flex-grow-1">
		<aside class="special-home-right">
			<h6 class="bg-blue text-center text-white mb-0 p-2">Popular category</h6>
			
			<div class="card-banner border-bottom">
			  <div class="py-3" style="width:80%">
			    <h6 class="card-title">Men clothing</h6>
			    <a href="#" class="btn btn-secondary btn-sm"> Source now </a>
			  </div> 
			  <img src="{{asset('assets/home/images/items/1.jpg')}}" height="80" class="img-bg">
			</div>

			<div class="card-banner border-bottom">
			  <div class="py-3" style="width:80%">
			    <h6 class="card-title">Winter clothing </h6>
			    <a href="#" class="btn btn-secondary btn-sm"> Source now </a>
			  </div> 
			  <img src="{{asset('assets/home/images/items/2.jpg')}}" height="80" class="img-bg">
			</div>

			<div class="card-banner border-bottom">
			  <div class="py-3" style="width:80%">
			    <h6 class="card-title">Home inventory</h6>
			    <a href="#" class="btn btn-secondary btn-sm"> Source now </a>
			  </div> 
			  <img src="{{asset('assets/home/images/items/6.jpg')}}" height="80" class="img-bg">
			</div>

		</aside>
	</div> <!-- col.// -->
</div> <!-- row.// -->

	</div> <!-- card-body.// -->
</main> <!-- card.// -->

</section>
<!-- ========================= SECTION MAIN END// ========================= -->



<!-- =============== SECTION DEAL =============== -->
<section class="padding-bottom">
 <div class="card card-deal">
     <div class="col-heading content-body">
      <header class="section-heading">
       <h3 class="section-title">Deals and offers</h3>
       <p>Hygiene equipments</p>
     </header><!-- sect-heading -->
     <div class="timer">
       <div> <span class="num">04</span> <small>Days</small></div>
       <div> <span class="num">12</span> <small>Hours</small></div>
       <div> <span class="num">58</span> <small>Min</small></div>
       <div> <span class="num">02</span> <small>Sec</small></div>
     </div>
   </div> <!-- col.// -->
   <div class="row no-gutters items-wrap">
    <div class="col-md col-6">
     <figure class="card-product-grid card-sm">
      <a href="#" class="img-wrap"> 
       <img src="{{asset('assets/home/images/items/3.jpg')}}"> 
      </a>
      <div class="text-wrap p-3">
       	<a href="#" class="title">Summer clothes</a>
       	<span class="badge badge-danger"> -20% </span>
      </div>
   </figure>
 </div> <!-- col.// -->
 <div class="col-md col-6">
   <figure class="card-product-grid card-sm">
    <a href="#" class="img-wrap"> 
     <img src="{{asset('assets/home/images/items/4.jpg')}}"> 
   </a>
   <div class="text-wrap p-3">
     <a href="#" class="title">Some category</a>
     <span class="badge badge-danger"> -5% </span>
   </div>
 </figure>
</div> <!-- col.// -->
<div class="col-md col-6">
 <figure class="card-product-grid card-sm">
  <a href="#" class="img-wrap"> 
   <img src="{{asset('assets/home/images/items/5.jpg')}}"> 
 </a>
 <div class="text-wrap p-3">
   <a href="#" class="title">Another category</a>
   <span class="badge badge-danger"> -20% </span>
 </div>
</figure>
</div> <!-- col.// -->
<div class="col-md col-6">
 <figure class="card-product-grid card-sm">
  <a href="#" class="img-wrap"> 
   <img src="{{asset('assets/home/images/items/6.jpg')}}"> 
 </a>
 <div class="text-wrap p-3">
   <a href="#" class="title">Home apparel</a>
   <span class="badge badge-danger"> -15% </span>
 </div>
</figure>
</div> <!-- col.// -->
<div class="col-md col-6">
 <figure class="card-product-grid card-sm">
  <a href="#" class="img-wrap"> 
   <img src="{{asset('assets/home/images/items/7.jpg')}}"> 
 </a>
 <div class="text-wrap p-3">
   <a href="#" class="title text-truncate">Smart watches</a>
   <span class="badge badge-danger"> -10% </span>
 </div>
</figure>
</div> <!-- col.// -->
</div>
</div>

</section>
<!-- =============== SECTION DEAL // END =============== -->

<!-- =============== SECTION 1 =============== -->
<section class="padding-bottom">
<header class="section-heading heading-line">
	<h4 class="title-section text-uppercase">Apparel</h4>
</header>

<div class="card card-home-category">
<div class="row no-gutters">
	<div class="col-md-3">
	
	<div class="home-category-banner bg-light-orange">
		<h5 class="title">Best trending clothes only for summer</h5>
		<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
		<a href="#" class="btn btn-outline-primary rounded-pill">Source now</a>
		<img src="{{asset('assets/home/images/items/2.jpg')}}" class="img-bg">
	</div>

	</div> <!-- col.// -->
	<div class="col-md-9">
<ul class="row no-gutters bordered-cols">
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Well made women clothes with trending collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/1.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Great clothes with trending collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/2.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Beijing, China</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Demo clothes with sample collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/3.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Tokyo, Japan</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/4.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Tashkent, Uzb</p>
	</div>
</a>	
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/5.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> London, Britain</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/5.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Well made clothes with trending collection </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/7.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Hong Kong, China</p>

	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen interior  stuff collection   </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/6.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>
	</li>
</ul>
	</div> <!-- col.// -->
</div> <!-- row.// -->
</div> <!-- card.// -->
</section>
<!-- =============== SECTION 1 END =============== -->

<!-- =============== SECTION 2 =============== -->
<section class="padding-bottom">
<header class="section-heading heading-line">
	<h4 class="title-section text-uppercase">Electronics</h4>
</header>

<div class="card card-home-category">
<div class="row no-gutters">
	<div class="col-md-3">
	
	<div class="home-category-banner bg-light-orange">
		<h5 class="title">Machinery items for manufacturers</h5>
		<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
		<a href="#" class="btn btn-outline-primary rounded-pill">Source now</a>
		<img src="{{asset('assets/home/images/items/14.jpg')}}" class="img-bg">
	</div>

	</div> <!-- col.// -->
	<div class="col-md-9">
<ul class="row no-gutters bordered-cols">
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Well made electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/7.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Tokyo, Japan</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Another demo text for item stuff goes here  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/8.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Hong Kong, China</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/9.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Tashkent, Uzb</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Group of electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/10.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>	
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/11.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/12.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/1.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>

	</div>
</a>
	</li>
	<li class="col-6 col-lg-3 col-md-4">
<a href="#" class="item"> 
	<div class="card-body">
		<h6 class="title">Home and kitchen electronic  stuff collection  </h6>
		<img class="img-sm float-right" src="{{asset('assets/home/images/items/2.jpg')}}"> 
		<p class="text-muted"><i class="fa fa-map-marker-alt"></i> Guanjou, China</p>
	</div>
</a>
	</li>
</ul>
	</div> <!-- col.// -->
</div> <!-- row.// -->
</div> <!-- card.// -->
</section>
<!-- =============== SECTION 2 END =============== -->



<!-- =============== SECTION REQUEST =============== -->

<section class="padding-bottom">

<header class="section-heading heading-line">
	<h4 class="title-section text-uppercase">Request for Quotation</h4>
</header>

<div class="row">
	<div class="col-md-8">
<div class="card-banner banner-quote overlay-gradient" style="background-image: url('{{asset('assets/home/images/banners/banner9.jpg')}}');">
  <div class="card-img-overlay white">
    <h3 class="card-title">An easy way to send request to suppliers</h3>
    <p class="card-text" style="max-width: 400px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt.</p>
    <a href="" class="btn btn-primary rounded-pill">Learn more</a>
  </div>
</div>
	</div> <!-- col // -->
	<div class="col-md-4">

<div class="card card-body">
	<h4 class="title py-3">One Request, Multiple Quotes</h4>
	<form id="quotesform" action="{{route('request-quotes')}}" method="post">
		@csrf
		<div class="form-group">
			<input class="form-control" name="look" placeholder="What are you looking for?" type="text" required="">
		</div>
		<div class="form-group">
			<div class="input-group">
				<input class="form-control" placeholder="Quantity" name="quality" type="text" required="">
				
				<select class="custom-select form-control" name="price" required="">
					<option>Pieces</option>
					<option>Litres</option>
					<option>Tons</option>
					<option>Gramms</option>
				</select>
			</div>
		</div>
		<div class="form-group text-muted">
			<p>Select template type:</p>
			<label class="form-check form-check-inline">
			  <input class="form-check-input" name="request"  type="checkbox" value="option1">
			   <span class="form-check-label">Request price</span>
			</label>
			<label class="form-check form-check-inline">
			  <input class="form-check-input" type="checkbox" value="option2">
			  <span class="form-check-label">Request a sample</span>
			</label>
		</div>
		<div class="form-group">
			<button type="submit" class="btn btn-warning">Request for quote</button>
			<h5 class="msgrequest"></h5>
		</div>
	</form>
</div>

	</div> <!-- col // -->
</div> <!-- row // -->
</section>

<!-- =============== SECTION REQUEST .//END =============== -->


<!-- =============== SECTION ITEMS =============== -->
<section  class="padding-bottom-sm">

<header class="section-heading heading-line">
	<h4 class="title-section text-uppercase">Recommended items</h4>
</header>
@if(count($category_data))

    @foreach($category_data as $data)

    @if(count($data))
    <div>
    <div class="slider-box-title">

          <div class="title-text">

            <h2>{{$data[0]->cname}}</h2>

            <h3>Get more collections on {{$data[0]->cname}}</h3>

          </div>

          <!-- <div class="b_tn">

            <a href="{{route('front.category', $data[0]->category_slug)}}" target="_blank">
            <a href="javascript:;" >
            Ver todo</a>

          </div> -->

        </div>

<div class="row row-sm">
  @foreach($data as $prod)

	<div class="col-xl-2 col-lg-3 col-md-4 col-6">
		<div class="card card-sm card-product-grid">
			<a href="{{ route('front.product', $prod->product_slug) }}" class="img-wrap"> 
        <img src="{{ $prod->photo ? asset('assets/images/thumbnails/'.$prod->thumbnail):asset('assets/images/noimage.png') }}"> </a>
			<figcaption class="info-wrap">
				<a href="{{ route('front.product', $prod->product_slug) }}" class="title">{{ $prod->pname }}</a>
				<div class="price mt-1">{{ $prod->price }}</div> <!-- price-wrap.// -->			
			</figcaption>
		</div>
	</div> <!-- col.// -->
  @endforeach
  </div>
  @endif
  @endforeach
  @endif
	
</div> <!-- row.// -->
</section>
<!-- =============== SECTION ITEMS .//END =============== -->

<!-- =============== SECTION REGION =============== -->
<section  class="padding-bottom">

<header class="section-heading heading-line">
	<h4 class="title-section text-uppercase">Choose region</h4>
</header>

<ul class="row mt-4">
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/CN.png')}}"> <span>China</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/DE.png')}}"> <span>Germany</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/AU.png')}}"> <span>Australia</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/RU.png')}}"> <span>Russia</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/IN.png')}}"> <span>India</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/GB.png')}}"> <span>England</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/TR.png')}}"> <span>Turkey</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <img class="icon-flag-sm" src="{{asset('assets/home/images/icons/flags/UZ.png')}}"> <span>Uzbekistan</span> </a></li>
	<li class="col-md col-6"><a href="#" class="icontext"> <i class="mr-3 fa fa-ellipsis-h"></i> <span>More regions</span> </a></li>
</ul>
</section>
<!-- =============== SECTION REGION .//END =============== -->

<article class="my-4">
	<img src="{{asset('assets/home/images/banners/ad-sm.png')}}" class="w-100">
</article>
</div>  
<!-- container end.// -->





@endsection