<?php
    $GLOBALS['img']='about';
    get_header();
    the_post();
?>

<?php if(of_get_option('show_about')){ ?>

    <h3 <?php echo colors('h3');?>  class="top"><?php echo of_get_option('about_title');?></h3>
     
    <p <?php echo colors('p');?> ><?php echo insert_br(of_get_option('about_desc'));?></p>
	 
    <?php if(of_get_option('show_about_team')){
	 
        $img_float = '<div class="span6"><img src="'.of_get_option('about_img').'" alt="company"></div>';
		   
    ?>
	
    <div class="row-fluid">
	 
        <?php if(of_get_option('about_img_pos')=='1'){echo $img_float;} ?>
	  
        <div class="span6">
	  
            <h3 <?php echo colors('h3');?> ><?php echo of_get_option('about_team_title');?></h3>
		
            <p <?php echo colors('p');?> ><?php echo insert_br(of_get_option('about_team_desc'));?></p>
	  
            <ul class="list">
	  
                <?php for($i=1; $i<=of_get_option('about_opt_num'); $i++){?>
	  
                <li><i <?php echo font_awesome_icon_style('about_vig');?>></i><?php echo of_get_option('about_opt_'.$i);?></li>
			  
                <?php }?>
	  
            </ul>
			
        </div>
		
        <?php if(of_get_option('about_img_pos')=='2'){echo $img_float;} ?>
    
	</div>
	
    <?php }} ?>
        
    <?php if(of_get_option('show_people')){ ?>
	
    <!-- central_title -->
	
    <div class="clearfix"></div>
	
    <div class="central_title top">
	
        <h2 <?php echo colors('h2');?> ><?php echo strtoupper(of_get_option('people_title'));?></h2>
		
        <span <?php echo colors('h1s');?> >~ <?php echo of_get_option('people_desc');?> ~</span>
		
    </div>
	
    <!-- central_title -->
	
    <!-- Leadership -->
	
    <?php 
        for($i=1; $i<=of_get_option('people_num'); $i++){
        if($i==1){echo '<div class="row-fluid">';}
    ?>
	
    <div class="span2">

        <div class="about_team">
		
            <img src="<?php echo of_get_option('people_img'.$i);?>" alt="" title="Jekamabu"> 
		  
            <h3 <?php echo colors('h3');?> ><?php echo of_get_option('people_name'.$i);?></h3>
		  
            <span <?php echo colors('h1s');?> ><i><?php echo of_get_option('people_ocupation'.$i);?></i></span>
		  
        </div>

    </div>
	  
    <?php 
        if($i%6==0){ 
        echo '</div>';
        if($i+1<=of_get_option('people_num')){
        echo '<div class="row-fluid top">';
        }
        }elseif($i==of_get_option('people_num')){
        echo '</div>';
        }
        }
    ?> 
      
    <?php }?>

    <?php if(of_get_option('show_instalation')){ ?>
	
    <div class="central_title top">
	 
        <h2 <?php echo colors('h2');?> ><?php echo strtoupper(of_get_option('instalation_title'));?></h2>
		
        <span <?php echo colors('h1s');?> >~ <?php echo of_get_option('instalation_desc');?> ~</span>
		
    </div>

    <!-- carrousel-->
	
    <div class="flexslider">
		
        <ul class="slides">
		  
            <?php for($i=1; $i<=of_get_option('instalation_num'); $i++){?>
		   
            <li>
			
                <img src="<?php echo of_get_option('instalation_img'.$i);?>"  alt=""/>
				
                <a <?php echo colors('a');?>  class="fancybox" title="" href="<?php echo of_get_option('instalation_img'.$i);?>"></a>
            
			</li>
			
            <?php }?>
		   
            
        </ul>
		  
    </div>
		
    <!-- carrousel -->
	  
    <?php }?>  
 

    <div class="clearfix"></div>
  
    </div>
  
    <!-- Social - Newsletter -->
  
<?php get_footer(); ?>