 
<?php 
include_once("../inc/inc_koneksi.php");
include_once("../inc/inc_fungsi.php");
 
 ?>
     <section class="hero-wrap hero-wrap-2"style="background-image: url('<?= str_replace('../', '', ambil_gambar('24')) ?>');background-repeat:no-repeat;
background-size:cover;
/*background-size:100%;*/
background-position:center;" data-stellar-background-ratio="0.5">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text align-items-end justify-content-center">
          <div class="col-md-9 ftco-animate pb-5 text-center">
            <h1 class="mb-3 bread">Practice Areas</h1>
            <p class="breadcrumbs"><span class="mr-2"><a href="index.html">Home <i class="ion-ios-arrow-forward"></i></a></span> <span>Practice Areas <i class="ion-ios-arrow-forward"></i></span></p>
          </div>
        </div>
      </div>
    </section>
   	
   	<section class="ftco-section">
    	<div class="container">
        <div class="row d-flex justify-content-center">
                  <?php 
                $services = data_services();
                foreach ($services as $key) {
                   echo '
            <div class="col-md-4 col-sm-6 text-left mb-5">
                <div class="practice-area ftco-animate h-100 ">
                    <div class="icon d-flex justify-content-center align-items-baseline">
                        <span class="flaticon-auction"></span>
                    </div>
                    <h3><a href="#">'.$key['judul'].'</a></h3>
                    <p>'.$key['kutipan'].'</p>
                 </div>
            </div>';
                }

                 ?>
        	 
        </div>
    	</div>
    </section>


  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/jquery-migrate-3.0.1.min.js"></script>
  <script src="assets/js/popper.min.js"></script>
  <!-- <script src="assets/js/bootstrap.min.js"></script> -->
  <script src="assets/js/jquery.easing.1.3.js"></script>
  <script src="assets/js/jquery.waypoints.min.js"></script>
  <script src="assets/js/jquery.stellar.min.js"></script>
  <script src="assets/js/owl.carousel.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/aos.js"></script>
  <script src="assets/js/jquery.animateNumber.min.js"></script>
  <script src="assets/js/scrollax.min.js"></script> 
  <script src="assets/js/main.js"></script>