<?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.
 */
 ?>
<!-- Services Section -->
  <section id="<?php echo $elementid?$elementid:"services" ?>" 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>
            <?php if($description) { ?>
               <p><?php echo $description; ?></p>
            <?php } ?>
          </div>
        <?php } ?>
        <?php $i=0;
            foreach ($items as $key => $value) {
            $extrafield = json_decode($value->extra_fields);            
        ?>
            <div class="col-md-3 col-sm-6 col-xs-12 service-box">
                <div class="service animated hiding" data-animation="fadeInUp" data-delay="<?php echo $i; ?>">
                      <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-2x fa-stack-2x"></i>
                        <i class="fa <?php echo $extrafield['0']->value? $extrafield['0']->value:''; ?> fa-stack-1x service-icon"></i>
                      </span>
                      <?php echo $value->title?'<h3>'.$value->title.'</h3>':''; ?>
                      <?php echo $value->introtext?'<p>'.$value->introtext.'</p>':''; ?>
                </div>
            </div>

        <?php $i = $i+500; } ?>
    </div>
  </section>
  <!-- End Services Section -->