<?php 
  /*
  $image =  For Image
  $designation = For Designation
  $name =  For Name
  $fblink =  For Facebook Link
  $twitterlink =  For Twitter Link
  $linkedin =  For skype Link
  $google =  For Google Link
*/
  $image = wp_get_attachment_image_src( $image, 'small-thumb');
  $image = $image[0];
  
  

?>
<div class="col-xs-12 col-sm-6 col-md-4" data-aos="fade-up"  data-aos-duration="500">
 <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
    <div class="mainflip">
       <div class="frontside">
          <div class="card">
             <div class="card-body text-center">
              <?php 
                  if ( ! empty( $image )){
                     echo  '<p><img src="'.$image.'" alt=""  class=" img-fluid" alt="Author image"></p>';
                  }  

                ?>
                <?php 
                            
                if ( ! empty( $name ) || ! empty( $designation )){

                    echo '<h4 class="card-title">'.$name.'</h4>';

                    echo '<p class="card-text">'.$designation.'</p>';

                } ?>

                <ul class="list-inline">
                  
                  <?php 
                    
                    if ( ! empty( $fblink ) || ! empty( $twitterlink ) || ! empty( $linkedin ) ) {

                  ?>

                   <li class="list-inline-item">
                     <?php echo '<a class="social-icon text-xs-center" target="_blank" href="'.$fblink.'">'; ?>
                      <i class="fa fa-facebook"></i>
                      </a>
                   </li>

                   <li class="list-inline-item">
                      <?php echo '<a class="social-icon text-xs-center" target="_blank" href="'.$twitterlink.'">'; ?>
                      <i class="fa fa-twitter"></i>
                      </a>
                   </li>

                   <li class="list-inline-item">
                      <?php echo '<a class="social-icon text-xs-center" target="_blank" href="'.$linkedin.'">'?>
                      <i class="fa fa-instagram"></i>
                      </a>
                   </li>

                 <?php } ?>

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


