<?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('23')) ?>');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">Expert Attorneys</h1>
            <p class="breadcrumbs"><span class="mr-2"><a href="index.html">Home <i class="ion-ios-arrow-forward"></i></a></span> <span>Attorneys <i class="ion-ios-arrow-forward"></i></span></p>
          </div>
        </div>
      </div>
    </section>
   	<?php $tutor = data_tutors() ?>
    <section class="ftco-section">
    	<div class="container-fluid px-md-5">
          <div class="row">
          	<?php foreach ($tutor as $key ) {
echo '
    <div class="col-lg-3 col-sm-6">
                <div class="block-2 ftco-animate">
                <div class="flipper">
                  <div class="front" style="background-image: url(\'assets/images/'.$key['foto'].'\');">
                    <div class="box">
                      <h2>'.strip_tags($key['nama']).'  </h2>
                      <!-- <p>Civil Lawyer</p> -->
                    </div>
                  </div>
                  <div class="back">
                    <!-- back content -->
                    <blockquote>
                      <p  style="font-size: 14px;">'.strip_tags($key['isi']).'</p>
                    </blockquote>
                    <div class="author d-flex">
                      <div class="image align-self-center">
                        <img src="assets/images/'.$key['foto'].' " alt="">
                      </div>
                      <div class="name align-self-center ml-3">'.strip_tags($key['nama']).' </div>
                    </div>
                  </div>
                </div>
              </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>