@extends('layouts.master')
@section('page', 'Services')
@section('serviceactive', 'active')
@section('content')
  
  <!-- breadcrumb section -->
  <div class="breadcrumb-area">
    <div class="container">
      <!-- row -->
      <div class="row ">
        <!-- col -->
        <div class="col-12">
          <!-- breadcrumb -->
          <div class="breadcrumb-content">
            <h2>Services</h2>
            <ul>
              <li><a href="{{('/')}}">Accueil</a></li>
              <li><a href="{{('service')}}">Services</a></li>
            </ul>
          </div>
        </div>
      </div> 
    </div>
  </div>

  <section class="project-sec py-5">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center">
         <!--  <p class="mb-4 font-small para-highlight d-inline-block">Nos services
          </p> -->
          <h3 class="fs-1 mb-4 theme-text-secondary lh-base"><span class="theme-text-primary">Nos services</span></h3>
        </div>
      </div>
      <div class="row mt-5">
        @foreach(recupservice() as $key => $sevices)
        <div class="col-md-4 col-sm-12 col-xs-12 text-center mb-4">
          <div class="service-card">
            <figure class="mb-3">
              <img src="{{asset($sevices->picture)}}" alt="solar">
            </figure>
            <h4 class="mb-3 fs-4">{{$sevices->title}}</h4>
            <div style="height: 200px; overflow: hidden; text-align: justify;" class="theme-text-accent-one">
              {!! $sevices->body !!}
            </div>
            
            <a href="{{url('service/'.$sevices->id)}}" class="link"><i class="bi bi-arrow-right"></i></a>
          </div>
        </div>
        @endforeach 
        
      </div>
    </div>
  </section>






  

@endsection