<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-white-8" >
    <div class="container pt-60 pb-60">
        <!-- Section Content -->
        <div class="section-content">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="title"> الخدمات</h2>
                    <ol class="breadcrumb text-center text-black mt-10">
                        <li><a href="#">الرئيسية / </a></li>
                        <li class="active text-theme-colored"> الخدمات</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>

<!--================ Start Service Area =================-->
<section class="service_area_three">
    <div class="container">
        <div class="row service_info">
            {foreach $allService as $service}
            <div class="col-lg-4 col-sm-6">
                <div class="service_item service_item_two">
                    <div class="img_hover"><img src="{$hosturl}/upload/services/{$service->image}" alt=""></div>
                    <div class="service_content">
                        <h5>{$service->name}</h5>
                        <p>{$service->content|truncate:70}</p>
                        <a href="{$hosturl}/services/{$service->id}">قراءة المزيد</a>
                    </div>
                </div>
            </div>
            {/foreach}
        </div>

</section>
<!--================ End  Service Area =================-->