@include('site.controllers.header')

<div class="container m-h-50 mb-60 mt-30">
    <div class="row mb-30">
        <div class="col-md-5 px-0">
            <article>
                <h4><strong>خدماتنا دائما متوفره من حولك بأفضل جوده</strong></h4>
                <p class="color-gray mt-20"> خدماتنا دائما متوفره من حولك بأفضل جوده </p>
            </article>
        </div>
    </div>
    <section class="owners">
        <div class="row">

           @foreach($services as $service)
            <div class="col-sm-6 article ">
                <a href="#" class="card-service ">
                    <div class="row">
                        <div class="col-md-1">
                            <img src="{{$service->image}}" height="30px" width="30px" alt="">
                        </div>
                        <div class="col-md-11">
                            <article>
                                <h4><strong>{{$service->title}}</strong></h4>
                                <p class="color-primary">{!! $service->notes !!}</p>
                            </article>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach

        </div>
    </section>


</div>
@include('site.controllers.footer')