@extends('frontend.layouts.master')

@section('content')


    <section  style=" background-image: url({{asset($pageresim->resim)}});" class="page-header">
        <div class="page-header-shape"></div>
        <div class="container">
            <div class="page-header-info">
                <h4>Hizmet Bölgeleri</h4>
                <h2><span>Size özel hizmet verdiğimiz bölgeler</span> </h2>
            </div>
        </div>
    </section>
    <!--/.page-header-->

    <section class="service-section bg-grey bd-bottom padding">
        <div class="container">
            <div class="row">
                @if(!empty($bolge) && $bolge->count()>0)
                    @foreach($bolge as $bolges)
                        <div class="col-lg-4 col-sm-6 padding-15">
                            <div class="service-item">
                                <div class="service-thumb">
                                    <img src="{{asset($bolges->resim)}}" alt="img">
                                    <div class="service-shape-wrap">
                                        <div class="service-shape"></div>
                                    </div>

                                </div>
                                <div class="service-content">
                                    <h3><a href="{{route('bolge',$bolges->slug)}}">{{$bolges->il}}</a></h3>
                                    <p>{!!Illuminate\Support\Str::limit($bolges->icerik, $limit = 80, $end = '...') !!}</p>
                                    <a class="read-more" href="{{route('bolge',$bolges->slug)}}">Devamını Oku</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif


            </div>
        </div>
    </section>
    <!--/.service-section-->






@endsection