<section id="slider">
	<div class="slider-wrap">

			<?php
				$n=0;
				foreach ($homeSlider as $item) {
					?>
			    	<div class="slide" style="background-image:url(assets/img/<?php echo $item->image ?>)">
						<div class="container">
							<h2><?php echo $item->tittle ?></h2>
						</div>
			    	</div>
					<?php
				}
			?>
	</div>
	<h3><?php echo lang('slider.subtitulo'); ?></h3>
</section>
<section id="about">
	<div class="container">
		<div class="col-xs-12 col-sm-4 titulo-wrap wow fadeInLeft">
			<h2><?php echo lang('about.titulo'); ?></h2>
		</div>
		<div class="col-xs-12 col-sm-8 texto-wrap wow fadeInRight">
			<!--<p><?php echo lang('about.texto'); ?></p>-->
			<p>
				<?php
					if ($generalInfo->about) {
						echo $generalInfo->about;
					}
				?>				
			</p>
		</div>
	</div>
</section>
<section id="services">
	<div class="container">
		<?php 
		$delay = 0.5;
		foreach ($services as $service) {
			?>
			<div class="col-xs-12 col-sm-4 service-box wow fadeInDown" data-wow-delay="<?php echo $delay; ?>s">
				<h3><?php echo $service->title; ?></h3>
				<div class="col-xs-12 img-out" id="service<php? echo $service->id ?>">
					<div class="col-xs-12 img-box">
						<img src="<?php echo base_url();?>assets/img/<?php echo $service->picture ?>" alt="<?php echo strip_tags($service->title); ?>">
						<div class="tapa">
							<?php 
							if ($service->active) {
								?>
									<a class="linkmore" href="#" data-target="detail<?php echo $service->id?>"><?php echo lang('services.leermas'); ?></a>
								<?php
							}
							?>
						</div>
					</div>
				</div>
				<div class="texto col-xs-12">
					<p>
						<?php echo $service->pretext; ?>
					</p>
				</div>
			</div>			
			<?php
			$delay = $delay + 0.5;
		}
		?>

<!--	
		<div class="col-xs-12 col-sm-4 service-box wow fadeInDown" data-wow-delay="0.5s">
			<h3><?php echo lang('services.titulo1a'); ?> &nbsp; <br class="hidden-xs"><?php echo lang('services.titulo1b'); ?></h3>
			<div class="col-xs-12 img-out" id="service1">
				<div class="col-xs-12 img-box">
					<img src="<?php echo base_url();?>assets/img/service1.jpg" alt="<?php echo lang('services.titulo1a') . ' ' . lang('services.titulo1b'); ?>">
					<div class="tapa">
						<a class="linkmore" href="#" data-target="detail1"><?php echo lang('services.leermas'); ?></a>
					</div>
				</div>
			</div>
			<div class="texto col-xs-12">
				<p>
					<?php echo lang('services.content1'); ?>
				</p>
			</div>
		</div>
		<div class="col-xs-12 col-sm-4 service-box wow fadeInDown" data-wow-delay="1s">
			<h3><?php echo lang('services.titulo2a'); ?> &nbsp; <br class="hidden-xs"><?php echo lang('services.titulo2b'); ?></h3>
			<div class="col-xs-12 img-out" id="service2">
				<div class="col-xs-12 img-box">
					<img src="<?php echo base_url();?>assets/img/service2.jpg" alt="<?php echo lang('services.titulo2a').' '.lang('services.titulo2b'); ?>">
					<div class="tapa">
						<a class="linkmore" href="#" data-target="detail2"><?php echo lang('services.leermas'); ?></a>
					</div>
				</div>
			</div>
			<div class="texto col-xs-12">
				<p>
					<?php echo lang('services.content2'); ?>
				</p>
			</div>
		</div>
		<div class="col-xs-12 col-sm-4 service-box wow fadeInDown" data-wow-delay="1.5s">
			<h3><?php echo lang('services.titulo3a'); ?> &nbsp; <br class="hidden-xs"><?php echo lang('services.titulo3b'); ?></h3>
			<div class="col-xs-12 img-out" id="service3">
				<div class="col-xs-12 img-box">
					<img src="<?php echo base_url();?>assets/img/service3.jpg" alt="<?php echo lang('services.titulo3a').' '.lang('services.titulo3b'); ?>">
					<div class="tapa">
						<a class="linkmore" href="#" data-target="detail3"><?php echo lang('services.leermas'); ?></a>
					</div>
				</div>
			</div>
			<div class="texto col-xs-12">
				<p>
					<?php echo lang('services.content3'); ?>
				</p>
			</div>
		</div>
	-->
	</div>

	<?php
		foreach ($services as $service) {
			if ($service->active) {
			?>
				<div class="servicedetail" id="detail<?php echo $service->id ?>">
					<div class="header">
						<div class="container">
							<div class="col-xs-4 col-md-3">
				                <a href="#slider" class="page-scroll">
				                    <img class="logo" src="<?php echo base_url();?>assets/img/logo.svg" alt="IEC Tech - Logo">
				                </a>
				        	</div>
							<div class="col-xs-8 col-md-9 iconwrap">
			                    <div class="close-icon">
			                        <span></span>
			                        <span></span>
			                    </div>
			                </div>	        	
						</div>
					</div>
					<div class="imagen">
						<h2>
							<?php echo strip_tags($service->title) ?> 
						</h2>
					</div>
					<div class="content container">
						<div class="col-xs-12 col-sm-4 columna">
							<div class="title">
								<h3><?php echo $service->block1_title ?></h3>
							</div>
							<p><?php echo $service->block1_text ?></p>
						</div>
						<div class="col-xs-12 col-sm-4 columna">
							<div class="title">
								<h3><?php echo $service->block2_title ?></h3>
							</div>
							<p><?php echo $service->block2_text ?></p>
						</div>
						<div class="col-xs-12 col-sm-4 columna">
							<div class="title">
								<h3><?php echo $service->block3_title ?></h3>
							</div>
							<p><?php echo $service->block3_text ?></p>
						</div>
					</div>
				</div>

			<?php
			}
		}
		?>


	<!--
	<div class="servicedetail" id="detail1">
		<div class="header">
			<div class="container">
				<div class="col-xs-4 col-md-3">
	                <a href="#slider" class="page-scroll">
	                    <img class="logo" src="<?php echo base_url();?>assets/img/logo.svg" alt="IEC Tech - Logo">
	                </a>
	        	</div>
				<div class="col-xs-8 col-md-9 iconwrap">
                    <div class="close-icon">
                        <span></span>
                        <span></span>
                    </div>
                </div>	        	
			</div>
		</div>
		<div class="imagen">
			<h2>
				<?php echo lang('services.titulo1a'); ?> &nbsp;<?php echo lang('services.titulo1b'); ?>
			</h2>
		</div>
		<div class="content container">
			<div class="col-xs-12 col-sm-4 columna">
				<div class="title">
					<h3><?php echo lang('services.detail1-titulo'); ?></h3>
				</div>
				<p><?php echo lang('services.detail1-content'); ?></p>
			</div>
			<div class="col-xs-12 col-sm-4 columna">
				<div class="title">
					<h3><?php echo lang('services.detail2-titulo'); ?></h3>
				</div>
				<p><?php echo lang('services.detail2-content'); ?></p>
			</div>
			<div class="col-xs-12 col-sm-4 columna">
				<div class="title">
					<h3><?php echo lang('services.detail3-titulo'); ?></h3>
				</div>
				<p><?php echo lang('services.detail3-content'); ?></p>
			</div>
		</div>
	</div>
	<div class="servicedetail" id="detail2">
		<div class="header">
			<div class="container">
				<div class="col-xs-4 col-md-3">
	                <a href="#slider" class="page-scroll">
	                    <img class="logo" src="<?php echo base_url();?>assets/img/logo.svg" alt="IEC Tech - Logo">
	                </a>
	        	</div>
				<div class="col-xs-8 col-md-9 iconwrap">
                    <div class="close-icon">
                        <span></span>
                        <span></span>
                    </div>
                </div>	        	
			</div>
		</div>
		<div class="imagen">
			<h2>
				<?php echo lang('services.titulo2a'); ?> &nbsp;<?php echo lang('services.titulo2b'); ?>
			</h2>
		</div>
		<div class="content container">
			<div class="col-xs-12 col-sm-4 columna">
			</div>
			<div class="col-xs-12 col-sm-4 columna">
			</div>
			<div class="col-xs-12 col-sm-4 columna">
			</div>
		</div>
	</div>
	<div class="servicedetail" id="detail3">
		<div class="header">
			<div class="container">
				<div class="col-xs-4 col-md-3">
	                <a href="#slider" class="page-scroll">
	                    <img class="logo" src="<?php echo base_url();?>assets/img/logo.svg" alt="IEC Tech - Logo">
	                </a>
	        	</div>
				<div class="col-xs-8 col-md-9 iconwrap">
                    <div class="close-icon">
                        <span></span>
                        <span></span>
                    </div>
                </div>	        	
			</div>
		</div>
		<div class="imagen">
			<h2>
				<?php echo lang('services.titulo3a'); ?> &nbsp;<?php echo lang('services.titulo3b'); ?>
			</h2>
		</div>
		<div class="content container">
			<div class="col-xs-12 col-sm-4 columna">
			</div>
			<div class="col-xs-12 col-sm-4 columna">
			</div>
			<div class="col-xs-12 col-sm-4 columna">
			</div>
		</div>
	</div>
-->
</section>
<section id="icons">
	<div class="container">
		<?php
		$delay = 0.5;
		foreach ($benefits as $item_benefit) {
			?>
				<div class="col-xs-12 col-sm-4 icon-box wow fadeIn" data-wow-delay="<?php echo $delay ?>s">
					<img src="<?php echo base_url();?>assets/img/<?php echo $item_benefit->icon ?>" alt="<?php echo strip_tags($item_benefit->title); ?>">
					<h2><?php echo $item_benefit->title; ?></h2>
					<div class="tapa">
						<p>
							<?php echo $item_benefit->text; ?>
						</p>
					</div>
				</div>			
			<?php
			$delay = $delay + 0.5;
		}
		?>
<!--		<div class="col-xs-12 col-sm-4 icon-box wow fadeIn" data-wow-delay="0.5s">
			<img src="<?php echo base_url();?>assets/img/icon1.svg" alt="<?php echo strip_tags(lang('icons.titulo1')); ?>">
			<h2><?php echo lang('icons.titulo1'); ?></h2>
			<div class="tapa">
				<p>
					<?php echo lang('icons.content1'); ?>
				</p>
			</div>
		</div>
		<div class="col-xs-12 col-sm-4 icon-box wow fadeIn" data-wow-delay="1s">
			<img src="<?php echo base_url();?>assets/img/icon2.svg" alt="<?php echo strip_tags(lang('icons.titulo2')); ?>">
			<h2><?php echo lang('icons.titulo2'); ?></h2>
			<div class="tapa">
				<p>
					<?php echo lang('icons.content2'); ?>
				</p>
			</div>
		</div>
		<div class="col-xs-12 col-sm-4 icon-box wow fadeIn" data-wow-delay="1.5s">
			<img src="<?php echo base_url();?>assets/img/icon3.svg" alt="<?php echo strip_tags(lang('icons.titulo3')); ?>">
			<h2><?php echo lang('icons.titulo3'); ?></h2>
			<div class="tapa">
				<p>
					<?php echo lang('icons.content3'); ?>
				</p>
			</div>
		</div> -->
	</div>
</section>
<section id="verticalslider">
	<div class="slider-wrap-vertical">

			<?php
				$n=0;
				foreach ($secondarySlider as $item) {
					?>
			    	<div class="slide" id="slide2<?php echo $item->id?>">
						<div class="container">
							<div class="col-xs-12 col-sm-6 vslidewrap">
								<h2><span><?php echo $item->tittle1 ?></span><br>
									<?php echo $item->tittle2 ?></h2>
							</div>

						</div>
			    	</div>
					<?php
				}
			?>


<!--
    	<div class="slide" id="slide4">
			<div class="container">
				<div class="col-xs-12 col-sm-6 vslidewrap">
					<h2><span><?php echo lang('slider2.titulo'); ?></span><br>
						<?php echo lang('slider2.titulo1'); ?></h2>
				</div>
			</div>
    	</div>
    	<div class="slide" id="slide5">
			<div class="container">
				<div class="col-xs-12 col-sm-6 vslidewrap">
					<h2><span><?php echo lang('slider2.titulo'); ?></span><br>
						<?php echo lang('slider2.titulo2'); ?></h2>
				</div>
			</div>
    	</div>
    	<div class="slide" id="slide6">
			<div class="container">
				<div class="col-xs-12 col-sm-6 vslidewrap">
					<h2><span><?php echo lang('slider2.titulo'); ?></span><br>
						<?php echo lang('slider2.titulo3'); ?></h2>
				</div>
			</div>
    	</div>
    -->
	</div>
</section>
<div id="team">
	<div class="container">
		<div class="teambox wow zoomIn">
			<p>
				"<?php echo lang('team.frase'); ?>" 
			</p>
			<br>
			<label>
				"<?php echo lang('slider.subtitulo'); ?>"
			</label>
		</div>
	</div>
</div>
<section id="contact">
	<div class="container">
		<h2>Contact Us</h2>
		<div class="col-lg-12 datos">
			<div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-delay="0s">
			<?php 
			if ($contactInfo->address) {
				?>
				<div class="col-xs-2 icon">
					<img src="<?php echo base_url();?>assets/img/ico-home.svg" alt="address">
				</div>
				<div class="col-xs-10 texto">
					<?php echo $contactInfo->address ?> <br>
				</div>

				<?php
			}
			?>
			</div>
			<div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-delay="0.5s">
			<?php 
			if ($contactInfo->email) {
				?>
				<div class="col-xs-2 icon">
					<img src="<?php echo base_url();?>assets/img/ico-mail.svg" alt="email">
				</div>
				<div class="col-xs-10 texto">
					<?php echo $contactInfo->email ?> <br>
				</div>

				<?php
			}
			?>
			</div>
			<div class="col-xs-12 col-sm-4 wow fadeInUp" data-wow-delay="1s">
			<?php 
			if ($contactInfo->phone) {
				?>
				<div class="col-xs-2 icon">
					<img src="<?php echo base_url();?>assets/img/ico-phone.svg" class="icophone">
				</div>
				<div class="col-xs-10 texto">
					<?php echo $contactInfo->phone ?>
				</div>

				<?php
			}
			?>
		</div>
		</div>
		<div class="col-xs-12 col-sm-6 wow fadeInLeft">
			<div id="map"></div>
		</div>
		<div class="col-xs-12 col-sm-6 fwrap wow fadeInRight">
			<form method="post" id="fcontacto" name="fcontacto" action="<?php echo base_url($this->lang->lang())?>/sendMail">
          		<div class="form-group">
            		<input type="text" class="form-control" id="name" name="name" data-regEx="^[A-Za-zñáéíóú\s]{4,30}$">
            		<label><?php echo lang('form.name'); ?></label>
            		<span></span>
          		</div>
          		<div class="form-group">
		            <input type="text" class="form-control" id="email" name="email" data-regEx="(^[a-zA-Z0-9._-]{1,30})@([a-zA-Z0-9.-]{1,30}$)">
            		<label><?php echo lang('form.email'); ?></label>
		            <span></span>
	            </div>
	            <div class="form-group">
	  	          <textarea class="form-control" id="message" name="message" data-regEx="^.{4,255}$"></textarea>
            		<label><?php echo lang('form.message'); ?></label>
	        	    <span></span>
	            </div>
          		<div class="form-group">
          			<div id="recaptcha">
						<div class="g-recaptcha" data-sitekey="6Le6oioUAAAAADm9ij0hlcWPiCx4sU-w_PrYQGXb"></div>            
          			</div>
          		</div>
          		<div class="form-group">
	            	<div class="col-xs-9">
	            		<label class="loader"></label>
        	    	</div>
        	    	<div class="col-xs-3">
						<input class="btn-send" type="submit" value="<?php echo lang('form.send'); ?>">
					</div>
          		</div>
        	</form>
	        <div class="mensajeEnviado col-xs-12" >
	        	<?php echo lang('form.enviado'); ?>
	          	<br><br>
	          	<button><?php echo lang('form.close'); ?></button>
	        </div>
		</div>
	</div>
</section>
