<div class="services">
  <div class="all-services container">
    <h2 class="mb-4">كافة خدماتنا</h2>


    <div class="inner-services row row-cols-2 row-cols-sm-2 row-cols-md-4 text-center d-flex">

      <div class="service col text-center">
          <div class="explore">
            <button class="btn btn-primary">إستعراض الخدمة</button>
          </div>
          <img src="{{ asset("frontend/assets/images/services/Top-5-Leading-Social-Commerce-Trends-You-Must-Know-1.webp") }}" class="img-fluid" alt="web">
          <h3 class="mt-2">برمجة الويب</h3>
        </div>

      <div class="service col text-center">
             <div class="explore">
            <button class="btn btn-primary">إستعراض الخدمة</button>
          </div>
         <img src="{{ asset("frontend/assets/images/services/mobile-app.jpg") }}" class="img-fluid" alt="web">
        <h3 class="mt-2"> تطبيقات الجوال</h3>
      </div>

     <div class="service col text-center">
             <div class="explore">
            <button class="btn btn-primary">إستعراض الخدمة</button>
          </div>
        <img src="{{ asset("frontend/assets/images/services/data-anlyst.jpg") }}" class="img-fluid" alt="web">
        <h3 class="mt-2">تحليل البيانات</h3>
      </div>

   <div class="service col text-center">
             <div class="explore">
            <button class="btn btn-primary">إستعراض الخدمة</button>
          </div>
        <img src="{{ asset("frontend/assets/images/services/server-programming.jpg") }}" class="img-fluid" alt="web">
        <h3 class="mt-2">برمجة السيرفرات</h3>
      </div>


    </div>
  </div>
</div>

