@extends('layouts.main')
@section('main-section')
<div class="breadcrumb-section" style="background-image: linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.3) 101.02%), url(/public/assets/about-dhol.jpg);background-repeat: no-repeat;background-position: center;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 d-flex justify-content-center">
                <div class="banner-content">
                    <h1 class="banner-head">Our Services</h1>
                    <ul class="breadcrumb-list">
                        <li><a class="banner-home" href="/">Home</a></li> 
                        <li>Our Services</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="container mb-5">
  <div class="col-12 mt-5">
    <div class="row justify-content-center mb-5">
      <div class="col-md-10 heading-section text-center">
        <div class="site-heading text-center">
        </div>
      </div>
    </div>
  </div>
  <div class="row mb-5 card-effects">
      @foreach($service as $services)
     <div class="col-md-4 mb-4">
       <div class="card card-effect p-0 h-100">
         <div class="card-img rounded-0">
           <div class="img-hover">
               <a href="{{$services->url}}">
             <img style="width: 100%;height: 250px;" class="rounded-top img-fluid" 
                  src="{{asset('/public/uploads/post/'.$services->image)}}" alt="...">
                  </a>
           </div>
         </div>
         <div class="card-body position-relative pt-0 px-1-9 pb-1-9">
           <div class="pt-6">
             <div class="h4 mb-3 mt-4 text-center">
               <a class="text-decoration-none fw-bolder text-uppercase text-tb-lines" href="/service">{{$services->name}}</a>
             </div>
             <p class="text-secondary text-center lh-base">
               {{$services->short_description}}</p>
           </div>
           <div class="text-center mt-3 buttons-call">
             <a href="tel:9711899377" class="btn d-block btn-primary py-3 fs-5 card-btn md call-button">
               <span class="fw-normal"><i class="fa fa-phone"></i> Call Now</span>
             </a>
             <a href="https://wa.me/919711899377" target="_blank" class="btn d-block btn-primary py-3 fs-5 card-btn md whatsapp-button">
               <span class="fw-normal"><i class='fab fa-whatsapp'></i> Whatsapp Now</span>
             </a>
           </div>
         </div>
       </div>
     </div>
     @endforeach
  </div>
</div>
@endsection