<?php 


  $select_about = executework("SELECT * FROM about order by id desc limit 1");
  $row = mysqli_fetch_array($select_about);
?>

<section id="ts-service-area" class="ts-service-area pb-0"><br>
  <div class="container">
    <div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            
            <h2 class="mb-4">What We Do</h2>

          </div>
       <p  style="text-align:;"><?= substr($row['choosing'], 0,300)?></p>
        </div>

        
    <!--/ Title row end -->

    <div class="row">
        <div class="col-lg-4">
        
        <?php
             $select_services = executework("SELECT * FROM services where status = 1");
              while($row = mysqli_fetch_array($select_services)){
            
            ?>
        

          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="Dashboard/<?= $row['image']?>" style="width: 100px; height: 10vh;" alt="service-icon">
              </div>


              <div class="ts-service-box-info">
                <h5 class="service-box-title"><a href="services.php"><?= $row['name']?></a></h5>
                <p><?= substr($row['content'],0,95)?>....</p>
                <a class="learn-more d-inline-block" href="services.php" aria-label="service-details"><i class="fa fa-caret-right"></i>&nbsp;Read More</a>
                
              </div>
          </div><!-- Service 1 end -->
       
       <?php
           
         }
       ?>
         

        </div><!-- Col end -->
        
        <div class="col-lg-4 text-center">
          <img loading="lazy" class="img-fluid" src="images/Engineer3.png" alt="service-avater-image">
        </div><!-- Col end -->

        <div class="col-lg-4 mt-5 mt-lg-0 mb-4 mb-lg-0">
          <?php
             $select_services1 = executework("SELECT * FROM services where status = 2");
              while($row1 = mysqli_fetch_array($select_services1)){
             
            ?>
          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="Dashboard/<?= $row1['image']?>" style="width: 100px; height: 10vh;"  alt="service-icon">
              </div>
              <div class="ts-service-box-info">
                <h5 class="service-box-title"><a href="services.php"><?= $row1['name']?></a></h5>
              <p><?= substr($row1['content'],0,95)?>....</p>
              <a class="learn-more d-inline-block" href="services.php" aria-label="service-details"><i class="fa fa-caret-right"></i>&nbsp;Read More</a>
              
              </div>
          </div><!-- Service 4 end -->
          <?php
            
          }
          ?>

         
         
        </div>
    </div>

  </div>
  <!--/ Container end -->
</section><!-- Service end -->