CORE_V5 // httpdocs

PATH: var / www / vhosts / lahuertaatomica.es / httpdocs /

Editing: index.php

<?php
require_once("includes/funciones.php");
require_once("includes/conexion.php");
$conexion = conectar();
//Consulta para Portfolio
$consulta = "select * from trabajos order by Lanzamiento desc";
$trabajos = mysqli_query($conexion,$consulta);
//Consulta para Comentarios de clientes
$consulta ="select * from comentarios, clientes where comentarios.IDCliente = clientes.IDCliente order by IDComentario asc";
$comentarios = mysqli_query($conexion,$consulta);
$totalcomentarios = mysqli_num_rows($comentarios);
$error = abs(intval($_GET["error"]));
?>
<!DOCTYPE html>
<html lang="es">
	<head>
		<title>La Huerta Atómica | Diseño Web | Diseño Gráfico | Imágen Corporativa</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		
		<meta name="description" content="Diseño Web y Diseño Gráfico. Desarrollo en HTML5/CSS, PHP, JavaScript, jQuery. Sitios web a medida, completamente personalizados. Diseño gráfico, diseño de logotipos.">
		<meta name="keywords" content="diseño web, diseño gráfico, desarrollo php, javascript, mysql, jquery, adobe">
		<meta name="robots" content="index, follow">
		<meta name="author" content="La Huerta Atómica - www.lahuertaatomica.es">
		
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
		
		<link href="assets/css/theme-style.min.css" rel="stylesheet">
		
		<link href="assets/css/colour-green-bright.min.css" rel="stylesheet">
		
		<link href="assets/css/custom-style.min.css" rel="stylesheet">
		<link href="css/lha.css" rel="stylesheet">
		
		
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		
		<link href="assets/plugins/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
		
		<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
		
		<link href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" rel="stylesheet">
		
		<link rel="apple-touch-icon" sizes="57x57" href="store/favicon/apple-icon-57x57.png">
		<link rel="apple-touch-icon" sizes="60x60" href="store/favicon/apple-icon-60x60.png">
		<link rel="apple-touch-icon" sizes="72x72" href="store/favicon/apple-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="76x76" href="store/favicon/apple-icon-76x76.png">
		<link rel="apple-touch-icon" sizes="114x114" href="store/favicon/apple-icon-114x114.png">
		<link rel="apple-touch-icon" sizes="120x120" href="store/favicon/apple-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="144x144" href="store/favicon/apple-icon-144x144.png">
		<link rel="apple-touch-icon" sizes="152x152" href="store/favicon/apple-icon-152x152.png">
		<link rel="apple-touch-icon" sizes="180x180" href="store/favicon/apple-icon-180x180.png">
		<link rel="icon" type="image/png" sizes="192x192"  href="store/favicon/android-icon-192x192.png">
		<link rel="icon" type="image/png" sizes="32x32" href="store/favicon/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="96x96" href="store/favicon/favicon-96x96.png">
		<link rel="icon" type="image/png" sizes="16x16" href="store/favicon/favicon-16x16.png">
		<link rel="manifest" href="store/favicon/manifest.json">
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="msapplication-TileImage" content="store/favicon/ms-icon-144x144.png">
		<meta name="theme-color" content="#ffffff">
		
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Rambla:400,700' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
		
		<script src="https://cdnjs.cloudflare.com/ajax/libs/retina.js/1.3.0/retina.min.js"></script>
	</head>
	
	<body class="page page-onepager header-dark header-ontop page-index-freelancer-portfolio navbar-layout-default">
		
		
		
		<div id="header" class="w-100 pos-fixed pos-t scroll-state-hidden" data-scroll="scroll-state" data-scroll-amount="500" data-scroll-setting='{"effectIn":"slideInDown", "effectOut":"slideOutUp", "effectDuration":"0.3", "breakpoint":"992"}'>
		
		<div class="header py-2 bg-inverse bg-op-9 border-bottom-0">
			
			<div class="header-inner container">
			
			<div class="header-brand">
				<a class="header-brand-text" href="index.php" title="Home"><h2 class="h3 font-weight-normal text-letter-spacing-sm text-font-base text-white">La Huerta <span class="font-weight-bold">Atómica</span></h2></a>
				<div class="header-divider d-none d-lg-block"></div>
				<div class="header-slogan d-none d-lg-block">Desarrollo & Diseño</div>
			</div>
			
			<div class="header-block order-lg-12">
				
				<a href="#top" class="btn btn-link btn-icon text-white d-lg-none" data-toggle="collapse" data-target=".navbar-main" data-direction="right"><i class="fa fa-bars"></i></a>
			</div>
				<div class="navbar navbar-expand-md navbar-expand-collapse">
				
				<div class="navbar-main collapse">
				
				<ul class="nav navbar-nav navbar-inverse navbar-nav-onepager">
					<li class="nav-item"><a href="#top" data-toggle="scroll-link" class="nav-link link-effect-underline"><i class="fa fa-home nav-link-icon"></i><span class="d-none">Home</span></a></li>
					<li class="nav-item"><a href="#services" data-toggle="scroll-link" class="nav-link link-effect-underline">Servicios</a></li>
					<li class="nav-item"><a href="#about" data-toggle="scroll-link" class="nav-link link-effect-underline">LHA</a></li>
					<li class="nav-item"><a href="#portfolio" data-toggle="scroll-link" class="nav-link link-effect-underline">Portfolio</a></li>
					<li class="nav-item"><a href="#experience" data-toggle="scroll-link" class="nav-link link-effect-underline">Experiencia</a></li>
					<li class="nav-item"><a href="#contact" data-toggle="scroll-link" class="nav-link link-effect-underline">Contacto</a></li>
				</ul>
				</div>
				
			</div>
			</div>
		</div>
		</div>
		
		<div id="highlighted" class="border-bottom-0 bg-inverse">
		
		<div class="bg-white overlay overlay-op-8 text-center text-lg-left pt-8 pb-7 flex-valign" data-bg-img="store/images/backgrounds/nuclear-power-plant.jpg" data-css='{"background-position": "center top","background-attachment": "fixed"}' data-toggle="full-height" data-breakpoint="992" data-scroll="scrollax" data-scrollax-y-ratio="off">
			<div class="container">
				<h2 class="display-3 text-white mb-0 text-letter-spacing-xs d-inline-block"><span data-animate="fadeIn" data-animate-delay="0.4">LHA</span> <span class="font-weight-bold" data-typed='["Desarrollo Web", "Diseño Gráfico", "Hosting y dominios", "Sistemas y redes"]' data-typed-settings='{"delay":1000, "speed":200,"breakLines":false, "deleteDelay":1500}'></span></h2>
				<a href="#services" data-toggle="scroll-link" class="btn btn-primary btn-icon btn-rounded ml-3 mt-4-neg d-none d-lg-inline-block" data-animate="fadeIn" data-animate-delay="0.8"><i class="fa fa-chevron-down"></i></a>
			</div>
		</div>
		</div>
		
		<div id="content" class="p-0 clearfix">
		
			<div id="services" class="bg-white">
				<div class="container py-6" data-animate="fadeIn">
					<h2 class="text-inverse display-4 font-weight-bold mb-3 text-letter-spacing-xs">Servicios</h2>
					<div class="row text-center">
						<div class="col-lg-4 py-2">
							<i class="ion-code icon-5x icon-sq bg-primary text-white rounded-circle bg-shadow" data-animate="fadeIn" data-animate-delay="0.1" data-hover="bounceOut" data-hover-out="bounceIn"></i> 
							<h4 class="mt-2">Desarrollo Web</h4>
							<p class="mb-2">Proyectos web a medida, previo análisis de las necesidades del cliente y aportando todos los conocimientos en cuanto a usabilidad, SEO, tendencias de diseño...</p>
						</div>
						<div class="col-lg-4 py-2">
							<i class="ion-compose icon-5x icon-sq bg-primary text-white rounded-circle bg-shadow" data-animate="fadeIn" data-animate-delay="0.2" data-hover="bounceOut" data-hover-out="bounceIn"></i> 
							<h4 class="mt-2">Diseño Gráfico</h4>
							<p class="mb-2">Logotipos, folletos, libros, catálogos... mi labor como diseñador gráfico es encontrar la solución que mejor se ajuste a cada necesidad. Ya sea para diseñar una tarjeta de visita o toda la imagen corporativa de tu empresa.</p>
						</div>
						<div class="col-lg-4 py-2">
							<i class="ion-social-windows icon-5x icon-sq bg-primary text-white rounded-circle bg-shadow" data-animate="fadeIn" data-animate-delay="0.3" data-hover="bounceOut" data-hover-out="bounceIn"></i> 
							<h4 class="mt-2">Sistemas</h4>
							<p class="mb-2">Instalación y puesta en servicio de redes informáticas, equipos y software para PYMES y particulares. Alta y configuración de hosting, dominios, correo electrónico, certificado SSL.</p>
						</div>
					</div>
				</div>
			</div>
			
			<div id="about" class="bg-primary text-white">
				<div class="container py-6" data-animate="fadeIn">
					<h2 class="text-white display-4 font-weight-bold mb-3 text-letter-spacing-xs">LHA</h2>
					<div class="row">
						<div class="col-lg-4 order-lg-2">
							<img src="store/images/atomiclogo.png" alt="LHA" class="img-fluid rounded-circle op-7 border-white border-w-5 w-30 w-lg-80 mt-lg-4-neg d-none d-lg-block" />
						</div>
						<div class="col-lg-8">
							<p class="lead">Ya son más de 30 años alrededor de ordenadores.</p>
							<p>Mi primer contacto con la informática fue con un <a href="https://es.wikipedia.org/wiki/MSX" class="text-sm font-weight-bold text-white" target="blank">Sony HB-75P MSX</a> de 1984, una leyenda ;).</p>
							<p>Después un <a href="https://es.wikipedia.org/wiki/ZX_Spectrum_128_%2B2" class="text-sm font-weight-bold text-white" target="blank"></a>ZX Spectrum 128 +2 y luego un Philips P3105, el primer MSDOS que puede usar.</p>
							<p>486, Pentium, Pentium Pro, Pentium II, Pentium III, Pentium 4, Core Duo, i3 hasta ahora, desde el que escribo este código, un i7-5500U, han sido unos cuantos equipos los que me han ayudado a seguir adelante en este mundillo. Empecé casi por obligación en la empresa familiar, uno tendría que sacarle más partido a un PC que el de procesar texto, así que me tocó. Con la ayuda de libros y manuales aprendí a usar Windows 3.1, luego el 95, el 98, MS Access, QuarkXPress, luego Visual Basic, HTML…, después llegó el momento de montar otro equipo en el trabajo, primera red de equipo a equipo con cable coaxial y conectores BCN, la última un edificio de tres plantas, un switch en cada una de ellas con puntos de acceso independientes y un NAS de datos, un mundo paralelo al del diseño web que he tenido que aprender a base de manuales y tutoriales.</p>
							<p class="mb-0">Poco más o menos así, he llegado hasta aquí.</p>
							<br>
							<p>Por cierto, en la web no encontrarás tarifa de precios, ¿una web personalizada por un precio cerrado? imposible, eso suena a plantilla, mejor nos vemos, me explicas lo que necesitas y sobre eso te hago un presupuesto sin compromiso.</p>
						</div>
					</div>
					<hr class="border-white op-3 mt-6 mb-0" />
					<div id="skills" class="pt-6" data-animate="fadeIn">
						<h2 class="text-white display-4 font-weight-bold mb-3 text-letter-spacing-xs">Herramientas</h2>
						<div class="row">
							<div class="col-lg-6">
								<div class="mb-4">
								<h5 class="d-flex mt-0 op-8">
									<i class="fa fa-fw fa-html5 mr-2"></i> HTML5 & CSS3 (80%)
								</h5>
								<div class="progress">
									<div class="progress-bar py-1 w-70 bg-primary-darkend" data-toggle="progress-bar-animated-progress" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								</div>
								<div class="mb-4">
								<h5 class="d-flex mt-0 op-8">
									<i class="fa fa-fw fa-code mr-2"></i> PHP & MySQL (60%)
								</h5>
								<div class="progress">
									<div class="progress-bar py-1 w-80 bg-primary-darkend" data-toggle="progress-bar-animated-progress" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								</div>
								<div class="mb-4">
								<h5 class="d-flex mt-0 op-8">
									<i class="fa fa-fw fa-mobile mr-2"></i> Bootstrap (65%)
								</h5>
								<div class="progress">
									<div class="progress-bar py-1 w-75 bg-primary-darkend" data-toggle="progress-bar-animated-progress" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="mb-4">
								<h5 class="d-flex mt-0 op-8">
									<i class="fa fa-fw fa-wordpress mr-2"></i> CMS (Wordpress, Joomla...) (5%)
								</h5>
								<div class="progress">
									<div class="progress-bar py-1 w-40 bg-primary-darkend" data-toggle="progress-bar-animated-progress" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								</div>
								<div class="mb-4">
								<h5 class="d-flex mt-0 op-8">
									<i class="fa fa-fw fa-shopping-cart mr-2"></i> Tiendas Online (PrestaShop, ZenCart, OsCommerce...) (10%)
								</h5>
								<div class="progress">
									<div class="progress-bar py-1 w-45 bg-primary-darkend" data-toggle="progress-bar-animated-progress" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								</div>
								<div class="mb-4">
								<h5 class="d-flex mt-0 op-8">
									<i class="fa fa-fw fa-pencil mr-2"></i> Photoshop & Diseño Gráfico (65%)
								</h5>
								<div class="progress">
									<div class="progress-bar py-1 w-90 bg-primary-darkend" data-toggle="progress-bar-animated-progress" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<hr class="hr-primary-darkend my-0" />
			
			<div id="portfolio" class="py-6">
				<div class="container">
					<h2 class="text-inverse display-4 font-weight-bold text-letter-spacing-xs" data-animate="fadeIn">Apps disponibles</h2>
				</div>
				<div class="container">
					<div class="row mt-4">
						
						<div class="col-lg-4 mt-5">
							<div class="card mb-0 py-5 px-1 text-center">
								<img src="store/portfolio/appsubastas.png" alt="AppSubastas" class="mx-auto mb-0" width="80%"/>
								<p class="text-xs p-1 mt-3">Plataforma de Subastas Online desarrollado para el mercado numismático y filatélico. <a href="https://youtu.be/C20DNAQPWrY" target="_blank">Vídeo Presentación</a></p>
								
							</div>
						</div>
						<div class="col-lg-4 mt-5">
							<div class="card mb-0 py-5 px-1 text-center">
								<img src="store/portfolio/appescuela.png" alt="AppEscuela" class="mx-auto mb-0" width="80%"/>
								<p class="text-xs p-1 mt-3">Aplicación web de gestión de alumnos para una escuela deportiva</p>
								
							</div>
						</div>
						<div class="col-lg-4 mt-5">
							<div class="card mb-0 py-5 px-1 text-center">
								<img src="store/portfolio/appabonos.png" alt="AppAbonos" class="mx-auto mb-0" width="80%"/>
								<p class="text-xs p-1 mt-3">Aplicación web de gestión de abonados y control de acceso a las instalaciones mediante código de barras</p>
								
							</div>
						</div>
					</div>
					<p class="text-muted my-4 text-sm text-center small">Si desea probar nuestras aplicaciones, puede solicitar las claves de acceso desde el formulario de contacto o por teléfono en el 644789690</p>
				</div>
			</div>
			
			<div id="portfolio" class="py-6 bg-faded">
				<div class="container">
					<h2 class="text-inverse display-4 font-weight-bold text-letter-spacing-xs" data-animate="fadeIn">Trabajos realizados</h2>
					<div id="portfolio-filters" class="cbp-l-filters-alignCenter text-left mb-3">
						<div data-filter="*" class="cbp-filter-item-active cbp-filter-item text-uppercase">
							Todos 
							<div class="cbp-filter-counter"></div>
						</div>
						/
						<div data-filter=".web" class="cbp-filter-item text-uppercase">
							Diseño web 
							<div class="cbp-filter-counter"></div>
						</div>
						/
						<div data-filter=".grafico" class="cbp-filter-item text-uppercase">
							Diseño Gráfico
							<div class="cbp-filter-counter"></div>
						</div>
						/
						<div data-filter=".hosting" class="cbp-filter-item text-uppercase">
							Hosting
							<div class="cbp-filter-counter"></div>
						</div>
						/
						<div data-filter=".subastas" class="cbp-filter-item text-uppercase">
							Subastas
							<div class="cbp-filter-counter"></div>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="mt-4" data-toggle="cbp" data-settings='{ "layoutMode":"grid", "filters":"#portfolio-filters", "gapHorizontal": 30, "gapVertical": 30, "animationType":"fadeOutTop", "mediaQueries": [ {	"width": "800", "cols": "3" }, { "width": "480", "cols": "2" }, { "width": 0, "cols": 1 } ] }'>
						<?php while ($trabajo = mysqli_fetch_assoc($trabajos)): ?>
						
						<div class="col-lg-4 cbp-item <?php echo $trabajo["Filtro"]; ?>" data-animate="fadeIn" data-animate-delay="0.1">
							<div class="card bg-shadow mb-0">
								<a href="<?php echo $trabajo["Enlace"]; ?>" target="blank" class="project overlay-hover cbp-caption ">
								<img src="store/portfolio/<?php echo $trabajo["Imagen"]; ?>" alt="<?php echo $trabajo["Trabajo"]; ?>" class="img-fluid" />
								<span class="overlay-hover-content overlay-primary overlay-op-9"> <p class="text-white"><?php echo $trabajo["Trabajo"]; ?></p> </span>
								</a>
							</div>
						</div>
						<?php endwhile; ?>
					</div>
				</div>
			</div>
			<hr class="hr-muted my-0" />
			
			<div id="experience" class="py-6" data-animate="fadeIn">
				<div class="container">
				<h2 class="text-inverse display-4 font-weight-bold mb-3 text-letter-spacing-xs">Experiencia</h2>
				<div class="owl-thumbs carousel-timeline-nav" data-toggle="owl-carousel" data-owl-carousel-thumbs="#experience-timeline" data-owl-carousel-settings='{"items":4, "nav":false, "dots":false, "merge":true, "mergeFit":true}'> <a class="owl-thumb text-sm text-uppercase">May 1998</a> <a class="owl-thumb text-sm text-uppercase" data-merge="2">Sep 1998</a> <a class="owl-thumb text-sm text-uppercase" data-merge="2">Ene 1999</a> <a class="owl-thumb text-sm text-uppercase" data-merge="2">Jun 2001</a> <a class="owl-thumb text-sm text-uppercase">Sep 2009</a> <a class="owl-thumb text-sm text-uppercase" data-merge="2">May 2013</a> <a class="owl-thumb text-sm text-uppercase" data-merge="2">Oct 2016</a> <a class="owl-thumb text-sm text-uppercase">Feb 2017</a> </div>
					<div class="owl-carousel owl-overflow owl-highlight-active owl-equalheight" id="experience-timeline" data-toggle="owl-carousel" data-owl-carousel-settings='{"items":1,"nav":true, "dots":false}'>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/html4.png" alt="HTML4.01" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Mayo 1998</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">HTML 4.01</h2>
									<p class="text-muted mb-2 text-sm">Fue el comienzo. Muy pocas PYMES contaban con página web y la empresa en la que trabajaba por aquel entonces como informático fue de las primeras de su sector. Un libro de HTML, el bloc de notas de Windows y un hosting en Arrakis… así empezó todo</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/visualbasic.png" alt="Visual Basic 5.0" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Sep 1998 - Jun 1999</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">MicroSoft Visual Basic 5.0</h2>
									<p class="text-muted mb-2 text-sm">Lo que empezó como un curso de ofimática, sobre Windows95 y Office95, acabó con un curso de Visual Basic 5.0. De ahí salió un sistema completo de base de datos que a día de hoy sigue funcionando perfectamente.</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/frontpage_97.gif" alt="FrontPage 97" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Ene 1999 - Abr 2001</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">MicroSoft FrontPage 97</h2>
									<p class="text-muted mb-2 text-sm">Mi primera web fue premiada por una revista especializada, el premio, una desactualizada versión del editor de páginas web de Microsoft, el FrontPage97 (creo que ya estaba en el mercado la versión 98) pero dada su facilidad de uso y su gestión completa del sitio web, me facilitó mucho trabajo cuando el diseño web no era mi principal labor en la empresa. Lo tuve en uso hasta mediados de 2001.</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/oscommerce.png" alt="OssCommerce" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Jun 2001 - Jul 2009</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">Comercio Electrónico</h2>
									<p class="text-muted mb-2 text-sm">El comercio electrónico se hace casi obligatorio así que empiezo a probar sistemas de tiendas online para la empresa. El primer sistema, AB-Shop, es un gestor offline con plantillas limitadas y pocas opciones, durante aproximadamente un año funciona correctamente, cuando el catálogo crece se hace más lento y la subida de datos es interminable… es hora de pasar a un sistema online, por aquella época son varios los disponibles, pero después de probar ZenCart y osCommerce me decido por este último.</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/prestashop.png" alt="Prestashop" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Sep 2009 - Abril 2013</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">Prestashop</h2>
									<p class="text-muted mb-2 text-sm">Aunque en 2008 abandono la empresa para emprender otros proyectos personales, sigo encargándome del mantenimiento del sitio web completo. A mediados de 2008 se presentó la versión 1.0 del nuevo CMS especializado en comercio electrónico Prestashop. Después de analizarlo completamente decido migrar todo el sistema de OssCommerce a Prestashop, durante este tiempo son varias las tiendas online que pongo en funcionamiento bajo este sistema.</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/photoshop.png" alt="Photoshop" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">May 2013</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">Diseño Gráfico y maquetación</h2>
									<p class="text-muted mb-2 text-sm">Photoshop sigue siendo una herramienta imprescindible de uso diario, quizás de las pocas que no he cambiado nunca. En el tema de la maquetación editorial he tenido un par de opciones, en 2000 empecé usando QuarkXPress 6, me costó 13 años decidirme por otra opción, pero a mediados de 2013 me pasé a InDesign… tengo la sensación de haber perdido mucho tiempo ;)</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/bootstrap.png" alt="Bootstrap" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Oct 2016 - Ene 2017</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">Diseño: HTLM5 / CSS / Bootstrap & WordPress</h2>
									<p class="text-muted mb-2 text-sm">Tocaba actualizarse, desde que empecé a usar editores web no había vuelto a escribir código. El HTML que conocía nada tenía que ver con el actual, así que no me ha quedado otra opción que volver a estudiar… HTML5 y CSS3 principalmente, WordPress (sigue sin gustarme aunque hay clientes que lo piden) y Bootstrap, un framework muy completo y personalizable.</p>
								</div>
							</div>
						</div>
						<div class="p-4 p-lg-5 bg-faded border-primary border-w-3 border-top-0 border-left-0 border-right-0 mb-2 d-flex">
							<div class="row">
								<div class="col-md-2 d-none d-md-block">
									<img src="store/images/experiencia/php.png" alt="PHP y MySQL" class="img-fluid" />
								</div>
								<div class="col-md-10">
									<h5 class="text-uppercase my-0 text-primary">Feb 2017</h5>
									<h2 class="text-inverse text-letter-spacing-sm font-weight-bold my-0">Desarrollo: PHP / MySQL / JavaScript & jQuery</h2>
									<p class="text-muted mb-2 text-sm">Actualizados los conocimientos de diseño web tenía que hacerlas dinámicas, así que a estudiar un poco más, ahora PHP, MySQL, JavaScript y jQuery. Desde entonces, todas las webs disponen de panel de administración y personalización del sitio por parte del cliente..</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<?php if ($totalcomentarios > 0): ?>
			
			<div id="clients">
				<div class="overlay overlay-primary py-6 text-center" data-bg-img="assets/img/backgrounds/faces.jpg" data-animate="fadeIn">
					<div class="container">
						<h2 class="display-4 font-weight-bold text-letter-spacing-xs">¿Qué dicen nuestros clientes?</h2>
					</div>
				</div>
				<div class="container pt-5 pb-7">
					<div class="row grid-inner-borders-dotted">
						<?php while ($comentario = mysqli_fetch_assoc($comentarios)): ?>
						<div class="col-lg-4 d-lg-flex" data-animate="fadeIn" data-animate-delay="0.<?php echo $comentario["IDComentario"]; ?>">
							<blockquote class="d-lg-flex blockquote blockquote-bubble mb-0">
								<p class="blockquote-bubble-content"><?php echo $comentario["Comentario"]; ?></p>
								<footer class="blockquote-footer">
									<img src="store/logos/<?php echo $comentario["Logo"]; ?>" alt="<?php echo $comentario["Cliente"]; ?>" title="<?php echo $comentario["Cliente"]; ?>" class="img-circle mr-1"><br><?php echo $comentario["Nombre"]; ?><br><cite title="<?php echo $comentario["Cargo"]; ?>" class="text-sm"><?php echo $comentario["Cargo"]; ?></cite>
								</footer>
							</blockquote>
						</div>
						<?php endwhile; ?>
					</div>
				</div>
			</div>
			<?php endif; ?>
			<a href="#" class="btn btn-primary btn-block btn-lg py-4 font-weight-bold text-uppercase">¿Hablamos?</a>
			<hr class="hr-muted my-0" />
			
			<div id="contact" class="overlay overlay-white overlay-op-8 py-6" data-animate="fadeIn" data-bg-img="assets/img/backgrounds/map.jpg" data-css='{"background-position": "center center","background-attachment": "fixed"}'>
				<div class="container">
					<h2 class="text-inverse display-4 font-weight-bold text-letter-spacing-xs">Escríbeme</h2>
					<div class="row" data-animate="fadeIn" data-animate-delay="0.1">
						<div class="col-md-6">
							<form id="contact-form" method="post" action="public/modules/contacto/contacto.php" role="form">
								<div class="form-group" data-animate="fadeIn" data-animate-delay="0.2">
									<label class="sr-only" for="contact-name">Name</label>
									<input type="text" class="form-control bg-white bg-op-5 bg-shadow" id="contact-name" name="nombre" placeholder="Nombre" maxlength="100">
								</div>
								<div class="form-group" data-animate="fadeIn" data-animate-delay="0.3">
									<label class="sr-only" for="contact-email">Email</label>
									<input type="email" class="form-control bg-white bg-op-5 bg-shadow" id="contact-email" name="email" placeholder="Email" maxlength="60">
								</div>
								<div class="form-group" data-animate="fadeIn" data-animate-delay="0.4">
									<label class="sr-only" for="contact-telephone">Teléfono</label>
									<input type="text" class="form-control bg-white bg-op-5 bg-shadow" id="contact-telephone" name="telefono" placeholder="Teléfono" maxlength="15">
								</div>
								<div class="form-group" data-animate="fadeIn" data-animate-delay="0.5">
									<label class="sr-only" for="contact-message">Message</label>
									<textarea rows="5" class="form-control bg-white bg-op-5 bg-shadow" id="contact-message" name="mensaje" placeholder="Mensaje"></textarea>
								</div>
								<div class="form-check" data-animate="fadeIn" data-animate-delay="0.6">
									<label class="form-check-label">
										<input type="checkbox" class="form-check-input" name="optionsCheckboxes" id="optionsCheckboxes1" value="1" checked>
										<span class="text-xs">He leido y Acepto la <a href="public/privacidad.html" target="blank" rel="pop-up" id="legal_btn">Política de Privacidad</a></span>
									</label>
								</div>
								<input type="submit" class="btn btn-outline-primary btn-lg btn-block border-w-2" value="Enviar Mensaje">
								<?php if (isset($error) && $error != null): ?>
									<?php
									switch ($error) {
									case 1:
									echo "<p class='error-ok'>Tu mensaje se ha enviado con éxito</p>";
									break;
									case 2:
									echo "<p class='error-ko'>Ha ocurrido un error. Por favor, vuelva a intentarlo</p>";
									break;
									case 3:
									echo "<p class='error-ko'>Todos los campos son obligatorios</p>";
									break;
									case 4:
									echo "<p class='error-ko'>Debes aceptar nuestra política de privacidad</p>";
									break;
									}
									?>
								<?php endif; ?>
							</form>
						</div>
						<div class="col-md-5 offset-md-1 mt-4 mt-md-0" data-animate="fadeIn" data-animate-delay="0.7">
							<h4 class="mb-1 font-weight-bold">La Huerta Atómica</h4>
							<p class="mb-1"><abbr title="Address"><i class="fa fa-home pr-2"></i></abbr>Guadalquivir, 3. 41940 Tomares, Sevilla</p>
							<p class="mb-1"><abbr title="Email"><i class="fa fa-envelope pr-2"></i></abbr>info@lahuertaatomica.es</p>
							<p class="mb-0"><abbr title="Phone"><i class="fa fa-phone pr-2"></i></abbr>644 789 690</p>
							<h5 class="font-weight-bold mt-4">Plazo actual para la realización de proyectos:</h5>
							<div class="progress w-40 mt-2 mb-5" data-toggle="tooltip" data-placement="top" title="Aproximadamente 30 días">
								<div class="progress-bar w-40 progress-bar-sm bg-primary py-1" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
							</div>
							<a href="https://partnernetwork.ionos.es/partner/la.huerta.at.mica?origin=PartnerBadge"><img src="https://images-2.partnerportal.ionos.es/items/aa3f0f90-88fb-465f-8551-971b17b2afdb/profiles/3dc28616-ec23-44d3-9246-0a7dab7ed836/badges/normal_blue_eco" alt="IONOS - Colaborador oficial"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<footer id="footer" class="py-3">
			<div class="container">
				<div class="row">
				
					<div class="col-md-6">
						<p class="mb-0 text-sm">Copyright 2017 &copy; La Huerta Atómica</p>
					</div>
					<div class="col-md-6 flex-valign">
						<div class="float-md-right ml-md-auto">
							
							<a href="https://twitter.com/lahuertaatomica" class="btn btn-sm btn-icon btn-inverse btn-rounded" target="blank"><i class="fa fa-twitter"></i></a>
							<a href="https://www.facebook.com/lahuertaatomica/" class="btn btn-sm btn-icon btn-inverse btn-rounded" target="blank"><i class="fa fa-facebook"></i></a>
							<a href="https://www.linkedin.com/in/fran-pliego-v%C3%A1zquez-b24ab6121/" class="btn btn-sm btn-icon btn-inverse btn-rounded" target="blank"><i class="fa fa-linkedin"></i></a>
							<a href="https://plus.google.com/102039989525330083143" class="btn btn-sm btn-icon btn-inverse btn-rounded" target="blank"><i class="fa fa-google-plus"></i></a>
							<a href="#top" class="btn btn-sm btn-icon btn-inverse btn-rounded" title="Back to top"><i class="fa fa-chevron-up"></i></a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.3/umd/popper.min.js"></script>
		
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
		
		
		<script src="assets/js/custom-script.js"></script>
		
		<script src="assets/js/script.min.js"></script>
	</body>
</html>
<?php desconectar($conexion); ?>

CANCEL