@extends('website.template')

@section('content')
    <!-- banner  -->
    <section class="banner-section">
        <h3> خدماتنا </h3>
    </section>
    <!-- service section -->
    <section class="services-section  services-page wow animate fadeIn" data-wow-delay="0.25s">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="services">
                        <div class="services-details">
                            <img src="{{ asset('img/icons/1.png') }}" />
                            <h3>توصيل خدمه</h3>
                            <div class="details">
                                <span class="mas"> التفاصيل </span>
                                <a href="/services/deliver">التفاصيل</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services">
                        <div class="services-details">
                            <img src="{{ asset('img/icons/2.png') }}" />
                            <h3>تقديم خدمه</h3>
                            <div class="details">
                                <span class="mas"> التفاصيل </span>
                                <a href="/services/provide">التفاصيل</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services">
                        <div class="services-details">
                            <img src="{{ asset('img/icons/3.png') }}" />
                            <h3>طلب خدمه</h3>
                            <div class="details">
                                <span class="mas"> التفاصيل </span>
                                <a href="/services/order">التفاصيل</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
 
 @endsection