@section('header')
<title>Demand Countries - {{env("APP_NAME")}}</title>
@endsection
@include('client.sunsari.partials.header')
@include('client.sunsari.nav')
<!-- PAGE HERO START -->
<div class="pages-hero page-hero-video">
            <div class="pages-hero-diagonal hero-diagonal-bg-2"></div>
            <div class="container">
                <div class="pages-title-center">
                    <h1>Demand Countries</h1>
                </div>
                <div class="left-page-nav">
                    <!-- Breadcrumbs -->
                    <ul class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li>Demand Countries</li>
                        <li class="current">Countries</li>
                    </ul>
                    <!--/ Breadcrumbs -->
                </div>
            </div>
        </div>
        <!-- PAGE HERO END -->
  <!-- CONTENT START -->
  <section>
        <div class="container mt-5 mb-5">
           
            <div class="row">
              @foreach(MPCMS::getCountries() as $country)
                <div class="col-6 col-sm-6 col-md-3 col-lg-3 customer-column-4">
                  <figure class="client-logo"><a href="{{site_url($country->cover_photo)}}"><img src="{{site_url($country->cover_photo)}}" alt=""></a></figure>
                  <p class="custom-text2 mt-3 text-center" style="font-weight: bold; color: black">{{$country->title}}</p>
                </div>
                @endforeach
                
              </div>
        </div>

        

    </section>
    <!-- CONTENT END -->


@include('client.sunsari.partials.footer')