<?php 
/**
 * @version     $Id$
 * @author      OvaTheme
 * @package     Joomla.Site
 * @subpackage  com_ovacomposer
 * @copyright   Copyright (C) 2013 OvaTheme. All rights reserved.
 * @license     License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.
 */
 
 ?>

  <!-- About Section -->  
  <section id="<?php echo $elementid?$elementid:"about" ?>" class="section">
    <div class="container">
      <?php if($title){ ?>
            <div class="title col-md-8 col-sm-10 col-xs-12">
                <h1><?php echo htmlspecialchars_decode($title); ?></h1>
                <hr>        
          </div>
      <?php } ?>      
      
      <!-- About Text -->
      <?php if($description) { ?>
      <p class="about-text">
          <?php echo $description; ?>
      </p>
      <?php } ?>
      <!-- About Text -->
      
         <?php $i=0;
            foreach ($items as $key => $value) {
            $extrafield = json_decode($value->extra_fields);
            if($i==2) $i=0;
        ?>
            <?php if($i==0){ ?><div class="promo-line"><?php } ?>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="row">
                <?php if($i==0){ ?>
                <div class="promo right animated hiding" data-animation="fadeInLeft">
                <?php } else { ?>    
                <div class="promo left animated hiding" data-animation="fadeInRight">
                <?php } ?>
                  <div class="col-md-2 col-sm-3 promo-icon-box">
                    <div class="promo-icon">
                      <i class="fa <?php echo $extrafield['0']->value? $extrafield['0']->value:''; ?> fa-2x"></i>
                    </div>
                  </div>
                  <div class="col-md-10 col-sm-9">
                    <h4><?php echo $value->title?$value->title:''; ?></h4>
                    <p><?php echo $value->introtext?$value->introtext:''; ?></p>
                  </div>            
                </div>            
              </div>
            </div>
            <?php if($i==1){ ?></div><?php } ?>
        <?php ++$i; } ?>     
      
    </div>
  </section>
  <!-- End About Section -->