<?php include('includes/cmain.inc.php'); ?>
<?php $meta_title = 'ZyloTech | Team'; ?>
<?php $meta_keywords = 'Big Data Analytics, Spark, Hadoop, Customer Data Management, Omni channel MDM, Big Data as a service, Omni channel merchant, Data Janitor, Insurance Analytics, Retail Analytics, Consumer Lending, Customer 360, Customer segmentation, Big Data Management, Big Data Solutions, Predictive analytics, Predictive Models, CRM Analytics, Analytics as a service, Omni-channel marketing, Data cleansing, Data unification, Data discovery, Marketing data management, Data Lake, Marketing data mart, MDM, Big data for retail, Big data for marketing, Platform for Data scientist, Data democratization, Hadoop based solution'; ?>
<?php $meta_description = 'Founded by visionary marketers, data scientist & technologist, with cross-functional expertise and combined industry experience of 50+ years.'; ?>
<?php $menu = 'team'; ?>
<?php include('header.php'); ?>

<div class="page_title1 sty8">
  <div class="container">
    <h1>Our Team<em style="color: #ff9000"></em></h1>
	<!--Dedicated to disrupting the big data ecosystem-->
  </div>
</div>
<!-- end page title --> 


<div class="clearfix"></div>
<div class="content_fullwidth less2">
  
<div class="container">
<!--<h3 style="color:#FE881A;">Meet Our Leadership</h3>
  <p>Everyone at Zylotech is a customer data guru: a data and marketing science professional who combines the expertise of technology, data analytics and domain knowledge to maximize the value of data for revenue maximization and business advantage. As a spin-out of MIT, we keep up with the tradition of innovation and excellence for ourselves and for all of our clients.</p>
  <div class="clearfix margin_top2"></div> -->
  <script>
   function ShowHide(id){
	   if($("#member"+id).hasClass("one_fourth animate member-team fadeInLeft active"))
		{

	      jQuery(".member-team").removeClass('active');
	      jQuery("#member"+id+" .expose i").addClass('fa-plus');
	      jQuery("#member"+id+" .expose i").removeClass('fa-minus');

		}else{
	      jQuery(".member-team").removeClass('active');
	      jQuery("#member"+id).addClass('active');
	      jQuery(".member-team .expose i").removeClass('fa-minus');
	      jQuery(".member-team .expose i").addClass('fa-plus');
	      jQuery("#member"+id+" .expose i").addClass('fa-minus');
		  
		}
   }
  </script>
  <div class="peosays">
  <?php 
    $sql = mysql_query("SELECT * FROM `tbl_team` WHERE `tm_status`='1' ORDER BY tm_position, tm_id ASC");
    $rows = mysql_num_rows($sql);
	if($rows == 0){ 
	
	    echo '<p>No Record Found!</p>';
	
	}else{
	 while($data = mysql_fetch_assoc($sql)){ 
	  if($data['tm_id']){ 
	    $images =  UP_FILES_WS_PATH.'/team/'.$data['tm_images'];
		$img = '<img src="'.$images.'" alt="'.$data['tm_name'].'" />';  
	  }else{
		$img = '';  
	  }
  ?>
     <div id="member<?=stripslashes($data['tm_id']);?>" class="one_fourth animate member-team" data-anim-type="fadeInLeft" data-anim-delay="200">
         <div class="member-img"><?php echo $img; ?></div>
         <div class="member-name"><?=stripslashes($data['tm_name']);?></div>
         <div class="member-designations"><?=stripslashes($data['tm_designation']);?></div>
         <div class="member-social-links">
           <?php if(stripslashes($data['tm_about'])){ ?><a href="javascript:void(0);" onClick="ShowHide('<?=stripslashes($data['tm_id']);?>')" class="expose">read more</a><?php } ?>
           <?php /*<a href="javascript:void(0);" onClick="ShowHide('<?=stripslashes($data['tm_id']);?>')" class="expose"><i class="fa fa-plus"></i></a>
           if($data['tm_email']){ ?>
           <a href="mailto:<?=stripslashes($data['tm_email']);?>"><i class="fa fa-envelope"></i></a>
           <?php }
		   if($data['tm_facebook']){ ?>
           <a href="<?=stripslashes($data['tm_facebook']);?>" target="_blank"><i class="fa fa-facebook"></i></a>
           <?php }*/
		   if($data['tm_linkedin']){ ?>
           <a href="<?=stripslashes($data['tm_linkedin']);?>" class="s_linkedin" target="_blank"><i class="fa fa-linkedin"></i></a>
           <?php }
		   if($data['tm_twitter']){ ?>
           <a href="<?=stripslashes($data['tm_twitter']);?>" class="s_twitter" target="_blank"><i class="fa fa-twitter"></i></a>
           <?php } /*
		   if($data['tm_youtube']){ ?>
           <a href="<?=stripslashes($data['tm_youtube']);?>" target="_blank"><i class="fa fa-youtube"></i></a>
           <?php }
		   if($data['tm_gplus']){ ?>
           <a href="<?=stripslashes($data['tm_gplus']);?>" target="_blank"><i class="fa fa-google-plus"></i></a>
           <?php }
		   if($data['tm_instagram']){ ?>
           <a href="<?=stripslashes($data['tm_instagram']);?>" target="_blank"><i class="fa fa-instagram"></i></a>
           <?php } */?>
         </div>
         <div class="clear"></div>
         <div class="member-bio"><?=stripslashes($data['tm_about']);?></div>
      </div>
  <?php }
    }
  ?>
    
  
  </div>
  
</div>

<style>
.clear{ clear:both; }
.member-team {
    background: #E4E4E4 none repeat scroll 0 0;
    border-radius: 4px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    padding: 0px;
    width: 23%;
	height:auto;
}
.member-team .member-img {
    float: left;
    height: auto;
	background: #c7c7c7 none repeat scroll 0 0;
    border-bottom: 0 solid #ffffff;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}
.member-team .member-img img {
    float: left;
    width: 100%;
}
.member-team .member-name {
    border-bottom: 0px solid #f1f1f1;
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: normal;
    padding: 0 10px;
    text-transform: capitalize;
    width: 100%;
}
.member-team .member-designations {
    color: #676767;
    float: left;
    font-size: 14px;
    font-weight: normal;
	line-height:16px;
    padding: 3px 10px 5px;
    width: 100%;
	height:24px;
}
.member-team .member-social-links {
    float: left;
    width: 100%;height: 30px;
}
.member-team .member-social-links a {
    background: #775333 none repeat scroll 0 0;
    border: 0 solid #d7ad86;
    border-radius: 4px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 23px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    width: 25px; 
}
.member-team .member-social-links a i { font-size: 20px; }
.member-team .member-bio {
    color: #333333;
    display: none;
    font-size: 15px;
    text-align: justify;
}

.member-team.active {
    background: #b7b7b7 none repeat scroll 0 0;
    z-index: 9;
	border-radius: 4px 4px 0 0;
}
.member-team.active .member-social-links a {
    background: #4d4d4d none repeat scroll 0 0;
}
.member-team .member-social-links a:hover {
    background: #313137 none repeat scroll 0 0;
}
.member-team.active .member-bio {
    background: #b7b7b7 none repeat scroll 0 0;
    display: block;
    margin: 0px;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 9999;
	border-radius:0 0 4px 4px;
}
.member-team .member-social-links a.expose {
    background: #ff9000 none repeat scroll 0 0;
    border: 0 none;
    font-size: 14px;
    height: 23px;
    margin-left: 10px;
    padding: 0 10px;
    width: auto;
}
.member-social-links a.s_twitter{ background:#51ADF6;}
.member-social-links a.s_linkedin{ background:#0079B5;}
@media(max-width:1199px){
.member-team {   width: 30%; }	
}
@media(max-width:767px){
.member-team {   width: 47%; }	
}
@media(max-width:500px){
.member-team {   width: 90%; }	
}
</style>

<div class="clearfix margin_top6"></div>



<div class="featured_section31">
  <div class="container"> <h2 class="animate" data-anim-type="fadeIn" data-anim-delay="200"> Still have questions? We’d love to answer them!  &nbsp; &nbsp;<strong><a href="contact.html">Contact Us</a></strong></h2>

</div>
</div><!-- end featured section 30 -->

<?php include('footer.php');?>