files

contacto.php

@@ -0,0 +1,14 @@
+<?php
+include('db.php');
+
+if (!isset($_POST['nombre'])||!isset($_POST['mail'])||!isset($_POST['consulta'])) die ("Completa todos los campos.");
+if (strpos($_POST['mail'], "@") === false || strlen($_POST['mail']) < 5) die ("Mail invalido");
+#TODO checkear por duplicados
+if (!$statement = $db->prepare("INSERT INTO consultas(nombre,email,consulta,fecha) VALUES (?,?,?,NOW())")) die("Hubo un error con la base de datos");
+$statement->bind_param("sss",$_POST['nombre'],$_POST['mail'],$_POST['consulta']);
+$statement->execute();
+
+include("mailer.php");
+
+$body="Mensaje de ".$_POST['nombre']. " ( ". $_POST['mail']." ) "."<br/><br/>".$_POST['consulta'];
+sendmail("Consulta en la pagina", $_POST['mail'], $body);

db.php

@@ -0,0 +1,6 @@
+<?php
+$db = new mysqli('localhost', 'especificosba', 'howdoiturnthison', 'EBA');
+if($db->connect_errno > 0){ die('Unable to connect to database [' . $db->connect_error . ']'); }
+#$db->query("SET NAMES 'utf8'");
+#debe estar comentado para ELSERVER
+?>

generar_tabla_distrib.php

@@ -0,0 +1,50 @@
+<?php
+	include('db.php');
+	
+	$statement = $db->prepare("SELECT z.categoria, z.id FROM categorias_distribuidoras z order by id");
+	$statement->execute();
+	$statement->store_result();
+	$statement->bind_result($zona, $id);
+	$zona = utf8_encode($zona); //FIXME
+	while( $statement->fetch() ){
+        $internacional = ($zona=="Internacional" ? "<th>País</th>" : ""); //internacional
+		echo "	<div class='tabla'>
+				<h3>$zona</h3>
+				<table class='capital-tabla'>
+					<thead>
+						<tr>
+                            $internacional
+							<th>Provincia</th>
+							<th>Localidad</th>
+							<th>Distribuidor</th>
+							<th>Domicilio</th>
+							<th>Teléfono</th>
+						</tr>
+					</thead>
+					<tbody>";
+		$contenido = $db->prepare("SELECT d.nombre, d.telefono, d.direccion, d.localidad, d.provincia, d.pais
+									FROM distribuidoras d
+									left join categorias_distribuidoras c
+									on d.categoria = c.id
+									where d.categoria = ?
+									order by d.provincia,d.localidad,d.nombre");
+
+		$contenido->bind_param('s', $id);
+		$contenido->execute();
+		$contenido->store_result();
+		$contenido->bind_result($nombre, $telefono, $direccion, $localidad, $provincia, $pais );
+		while ( $contenido->fetch() ) {
+            $internacional = ($zona=="Internacional" ? "<td>$pais</td>" : ""); //internacional
+			echo utf8_encode("
+				<tr>
+                  $internacional
+				  <td>$provincia</td>
+				  <td>$localidad</td>
+				  <td>$nombre</td>
+				  <td>$direccion</td>
+				  <td>$telefono</td>
+				</tr>"); //TODO FIXME: Convertir lo de la tabla, o lo que se agregue en UTF8 va a tener doble encoding y no va a funcionar
+		}
+		echo "</tbody></table></div>";
+	}
+?>

lista_distrib.php

@@ -0,0 +1,16 @@
+<?php
+include('db.php');
+
+$statement = $db->prepare("SELECT pais,provincia,localidad,nombre,direccion,telefono from distribuidoras order by pais,provincia,localidad");
+$statement->execute();
+$statement->store_result();
+$statement->bind_result($pais,$provincia,$localidad,$nombre,$direccion,$telefono);
+$ar = Array();
+while( $statement->fetch() ){
+	$telefono=str_replace("<br />","/",$telefono);
+	$val = Array("Nombre" => utf8_encode($nombre), "Direccion" => utf8_encode($direccion), "Telefono" => utf8_encode($telefono));
+	$ar[utf8_encode($pais)][utf8_encode($provincia)][utf8_encode($localidad)][]=$val;;
+}
+
+echo json_encode($ar);
+?>

listaprod.php

@@ -0,0 +1,88 @@
+<?php
+$cat = 'Limpieza';
+if (isset($_GET['cat'])) { 	$cat = $_GET['cat']; }
+
+if ($cat == 'tratamientos') {
+echo "
+    <div id='pedorrada'><h1>Tratamientos Espec&iacuteficos</h1>
+    <h2>Tratamientos Faciales</h2> 
+    <h3>Protocolo de Tratamiento</h3>
+    M&eacutetodos ESPECIFICOS, de acci&oacuten sin&eacutergica, pensados para compensar y reparar cada 
+    instancia de la piel en particular. Mediante la utilizaci&oacuten de Sistemas Espec&iacuteficos- Piel, 
+    que combinan activos puros, veh&iacuteculos especializados y t&eacutecnicas de aplicaci&oacuten espec&iacutefica 
+    basadas en la fisiolog&iacutea de la piel, que ayudan a activar sus propiedades de regeneraci&oacuten, 
+    brindando protecci&oacuten a las c&eacutelulas madre de la piel y protecci&oacuten medioambiental, restableciendo su natural belleza.
+
+    <h3>Observaci&oacuten</h3>
+Un an&aacutelisis espec&iacutefico que permite identificar cada biotipo cut&aacuteneo en particular, como tambi&eacuten las carencias de la piel, para poder compensar y personalizar cada tratamiento.
+    <h3>Iniciaci&oacuten del tratamiento</h3>
+Se prepara y limpia profundamente la piel como paso fundamental, mediante la utilizaci&oacuten de emulsi&oacuten de higiene de PH neutro y microgr&aacutenulos exfoliativos con silicatos naturales. De esta manera eliminamos impurezas que permitir&aacuten 
+    continuar con el tratamiento espec&iacutefico.
+<h3> M&eacutetodo Espec&iacutefico </h3>
+
+    <h3>Peeling + M&aacutescara </h3>
+
+    M&eacutetodo de acci&oacuten sin&eacutergica, formulado espec&iacuteficamente para trabajar en forma conjunta de acuerdo al protocolo de indicaci&oacuten. Piel impecable, radiante y permeable.
+
+    <h3>Compensaci&oacuten</h3>
+Los productos que se utilizan una vez retirada la m&aacutescara, contienen activos concentrados de gran pureza y veh&iacuteculos espec&iacuteficos que estimulan la liberaci&oacuten prolongada de los activos utilizados.<br>
+En esta etapa de diferenciaci&oacuten, donde los productos elegidos ser&aacuten espec&iacuteficos para cada biotipo cut&aacuteneo en cada instancia en particular, la metodolog&iacutea espec&iacutefica nos permitir&aacute restablecer el equilibrio, purificar, detoxificar y compensar, mejorando las funciones de protecci&oacuten, estimulaci&oacuten y regeneraci&oacuten de la piel, de acuerdo a las necesidades de cada biotipo cut&aacuteneo en particular.
+
+     <h2>Tratamientos Corporales </h2>
+Los tratamientos corporales espec&iacuteficos combinan productos y procedimientos desarrollados con t&eacutecnicas sin&eacutergicas y enfoque personalizado. <br>Los tratamientos ayudan a detoxificar, drenar y estimular la disminuci&oacuten de tejido adiposo y celulitis, tonificando el cuerpo para recuperar la armon&iacutea buscada, una piel suave y tersa, piernas 
+     descansadas y bellas.<br> 
+
+     Equilibrio - Tonificaci&oacuten – Reafirmaci&oacuten – Contorno mejor definido.</div>";
+    exit;
+}
+
+
+
+include('db.php');
+
+if (!$statement = $db->prepare("SELECT p.idproducto,p.nombre, co.desc_corta, p.thumb
+FROM productos p 
+left join contenido co on p.idproducto = co.idproducto
+left join categorias c on c.idcategoria = p.categoria
+WHERE c.nombre = ? AND c.idioma = 'espanol'
+ORDER BY p.idproducto desc")) {
+die('error!!!');
+}
+$statement->bind_param('s', $cat);
+$statement->execute();
+$statement->store_result();
+$statement->bind_result($id,$nombre,$desc,$thumb);
+$count=$statement->num_rows;
+$i=0;
+$pag=0;
+
+if ($count >= 6) echo "<div id='flechaatras'><img src='Images/left.png'></div>";
+while ( $statement->fetch() ) {
+	$nombre=utf8_encode($nombre);
+	$desc=utf8_encode($desc);
+    $i++;
+    if (($i-1) % 6 == 0  && $i > 1 || $i == 1) {
+        echo "<div class='pagina' num='$pag'>\n";
+        $pag++;
+    }
+	if(($i-1) % 3 == 0){ echo "<div class='listaproductos'>\n"; }
+    $class="producto";
+    if ($count-($pag*6) < 3) #clase producto1 o producto2 para css custom
+        $class="producto producto".($count-(($pag-1)*6));
+
+	$html ="<div class='$class'>
+                <div class='imagen'>
+                    <img src='$thumb'>
+                </div>
+                <div class='texto'>
+                    <h5>$nombre</h5><br>$desc<p class='vermas' prodid='$id' style='cursor:pointer;'> [+]</p>
+                </div>
+           </div>";
+    echo $html;
+	if($i % 3 == 0) { echo "</div>"; } # listaproductos
+    if($i % 6 == 0) { echo "</div>"; } #pagina
+}
+if ($i % 3 != 0) { echo "</div>"; } #listaproductos no terminada
+if ($i % 6 != 0) { echo "</div>"; } #pagina no terminada
+if ($count >= 6) echo "<div id='flechafwd'><img src='Images/right.png'></div>";
+?>

newsletter.php

@@ -0,0 +1,9 @@
+<?php
+include('db.php');
+if (!isset($_POST['mail'])) die ("Completa todos los campos.");
+if (strpos($_POST['mail'], "@") === false || strlen($_POST['mail']) < 5) die ("Mail invalido");
+if (!$statement = $db->prepare("INSERT INTO newsletter(mail,activo) VALUES (?,1)")) die("Hubo un error con la base de datos");
+$statement->bind_param("s",$_POST['mail']);
+if(!$statement->execute()) die("Este mail ya estaba registrado.");
+//TODO mail?
+echo "Suscripto correctamente al newsletter.";

productos.php

@@ -0,0 +1,169 @@
+<?php header('Content-Type: text/html; charset=utf-8'); ?> 
+<!DOCTYPE html>
+<head>
+
+    <title>ESPECIFICOS Buenos Aires</title>
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
+    <link type="text/css" rel="Stylesheet" href="css/productos.css" />
+    <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+<script src="js/jquery-1.10.2.js"></script>
+<script>
+jQuery.fn.center = function () {
+    this.css("position","absolute");
+    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
+                                                $(window).scrollTop()) + "px");
+    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
+                                                $(window).scrollLeft()) + "px");
+    return this;
+}
+
+$(document).ready(function() {
+	
+	
+	curpag=0;
+    var cat = 'Limpieza';
+    
+	$(".cambiarcat").click(function() {
+        cat = $(this).attr('val');
+        $(".cambiarcat.selected").removeClass('selected');
+        $(this).addClass('selected');
+        getData();
+    });
+    
+	function getData() {
+	$.get('listaprod.php', { cat : cat }).done(function(data) {
+		$("#paginas_wrapper").html(data);
+        curpag=0;
+        $("#flechaatras").hide();
+        $("#flechafwd").click(function() {
+            if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
+                return;
+            $(".pagina").hide();
+            curpag++;
+            if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
+                $("#flechafwd").hide();
+            $("#flechaatras").show();
+            $(".pagina[num='"+curpag+"']").show();
+            $("#paginas_list li").css("opacity",0.5);
+            $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
+
+        });
+        $("#flechaatras").click(function() {
+            $(".pagina[num='"+curpag+"']").hide();
+            curpag--;
+            if ( curpag < 0 )
+                curpag=0;
+            if(curpag==0)
+                $("#flechaatras").hide();
+            $("#flechafwd").show();
+            $(".pagina[num='"+curpag+"']").show();
+            $("#paginas_list li").css("opacity",0.5);
+            $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
+        });
+		$(".texto p").click(function(){
+			expand = $(this).attr('prodid');
+			getDesc();
+		});
+	});
+	} //getData
+    
+	
+	var expand="";
+
+	
+	getData();
+	$(window).resize(function() {
+		$("#descripcion_completa").center();
+	});
+
+	function getDesc(){
+	$.get('vermas.php', {id : expand}).done(function(data){
+		$("#descripcion_completa").html(data);
+		$("#overlay-contact").css("display","block");
+		$("#descripcion_completa").css("display", "block");
+		$("#descripcion_completa").center();
+		$("#overlay-contact").css("height",$(document).height()+"px");
+		$('#overlay-contact').click(function(){
+            $('#descripcion_completa, #overlay-contact').hide();
+		});
+		$('#exit').click(function(){
+			$('#descripcion_completa, #overlay-contact').hide();
+        });
+	});
+	}
+	
+	
+	$("#paginas_list li").click(function() {
+		$("#paginas_list li").css("opacity",0.5);
+		$(this).css("opacity",1);
+		$(".pagina").hide();
+		$(".pagina[num='"+$(this).attr('num')+"']").show();
+		curpag=$(this).attr('num');
+		alert(curpag);
+	});
+});
+</script>
+</head>
+
+<body>
+
+    <div id="top_wrapper">
+        <div id="navbar" font-family="champagne">
+            <ul id="navlist">
+                <li><a href="index.php#nosotros">nosotros</a></li>
+                <li><a href="index.php#actividades">actividades</a></li>
+                <li><a href="index.php#top_wrapper"><img src="Images/icons/logo.png" style="width: 51px; height: 50px;" /></a></li>
+                <li><a href="index.php#cursos">cursos</a></li>
+                <li><a href="index.php#distribuidoras">donde comprar</a></li>
+            </ul>
+        </div>
+    </div>
+    
+	<div id="productos_descripcion" class="seccion">
+	<h1><span>NUESTRO COMPROMISO</span></h1>
+	<p>
+	ESPECIFICOS Buenos Aires se compromete a garantizar productos de confianza,
+	ultra-eficaces, tecnología de avanzada y control de calidad permanente bajo 
+	normas internacionales de bioseguridad. Texturas aterciopeladas, principios 
+	activos de gran pureza, vehículos especializados que conforman productos 
+	vanguardistas con delicadas fragancias.
+	<br/><br/>
+	<img src="Images/icons/compromiso.png">
+	
+	</p>
+	</div>
+    <div id="productos_wrapper">
+       
+        <br />
+        <div id="productosbar">
+            <ul id ="categorias">
+                <li class="cambiarcat selected" val="limpieza"><h3>HIGIENE</h3></li>
+                <li class="cambiarcat" val="mascaras"><h3>MÁSCARAS</h3></li>
+                <li class="cambiarcat" val="acido hialuronico"><h3>ÁCIDO<br />HIALURÓNICO</h3></li>
+                <li class="cambiarcat" val="peeling"><h3>PEELING</h3></li>
+                <li class="cambiarcat" val="corporales"><h3>CORPORALES</h3></li>
+                <li class="cambiarcat" val="hombres"><h3>HOMBRES</h3></li>
+                <li class="cambiarcat" val="proteccion intensiva"><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
+                <li class="cambiarcat" val="monodosis"><h3>MONODOSIS</h3></li>
+                <li class="cambiarcat" val="activos concentrados"><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
+				<li><a href='vademecum2015.pdf'><h3 class="grande" style="height:60px; color: white;">Cat&aacute;logo</h3></a></li>
+				<li class="cambiarcat grande" val="tratamientos"><h3 style="height:140px; color: white;">TRATAMIENTOS<br />ESPECIFICOS</h3></li>
+			</ul>
+        </div>
+        
+        <div id ="paginas_wrapper">
+        </div>
+		
+		<div id="overlay-contact">
+		</div>
+		<div id="descripcion_completa" >
+		</div>
+
+			
+	</div>
+
+	<?php include('piwik.html'); ?>
+</body>
+</html>

protector.html

@@ -0,0 +1,417 @@
+<!doctype html>
+<head>
+	<title>Protection Time 50+</title>
+	<link type="text/css" rel="Stylesheet" href="css/protector.css" />
+	<link type="text/css" rel="Stylesheet" href="css/especificos.css" />
+	<link type="text/css" rel="Stylesheet" href="css/menu.css" />
+
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
+	<script src="js/anim.js"></script>
+	<script src="js/aplicacion.js"></script>
+	<script>
+		function load(){
+			var availableWidth = [ 1400, 1920];
+			var size=0; 
+			while (window.innerWidth > availableWidth[size] && size < availableWidth.length-1 ) 
+				size++;
+
+			var contact = document.querySelectorAll("#switcher div");
+			var datos = ["Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Acido Hialurónico, hidratante protector de la piel. Ayuda a prevenir intolerancias solares y daño celular provocado por la acción de rayos UV. Textura fluida, no grasa. Acabado imperceptible. <br/>Sin perfume. Sin parabenos, con color.",
+						 "Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Grosella, antioxidante protector de la piel. Ayuda a prevenir intolerancias solares y manchas pigmentarias foto-inducidas. Textura fluida, no grasa, acabado imperceptible. Sin perfume. Sin parabenos, con color",
+						 "Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Sepicalm S, biovector aminoácido con minerales, mejorando el confort cutáneo. Ayuda a prevenir intolerancias solares. Textura fluida, no graso. Acabado imperceptible. Sin perfume. Sin parabenos",
+						 "Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Aceite de sésamo, rico en acidos grasos esenciales. Ayuda a prevenir intolerancias solares y daño provocado por la accion de rayos UV. Textura fluida, no grasa, acabado imperceptible. Sin perfume. Sin parabenos"];
+			var titulos = ["PROTECTION TIME  FPS 50+ Fluido facial con color + ác Hialurónico",
+						   "PROTECTION TIME  FPS 50+ Fluido Corporal con color + Grosella",
+						   "PROTECTION TIME  FPS 50+ Fluido Facial + Sepicalm S",
+						   "PROTECTION TIME  FPS 50+ Fluido Corporal + Aceite de Sésamo"];
+			var images = [ 	"hialuronico.png",
+							"grosella.png",
+							"sepicalm.png",
+							"sesamo.png"];
+			for(var i =0; i < contact.length; i++)
+				contact[i].onclick=function() {
+					document.getElementById("prod-text").innerHTML=datos[this.id];
+					document.getElementById("prod-title").innerHTML=titulos[this.id];
+					document.getElementById("prod-image").src="Images/protector/"+images[this.id];
+
+					for(var i =0; i < contact.length; i++)
+						contact[i].style.color="white";
+					this.style.color="#3696BF";
+				}
+			
+			var list = document.getElementsByTagName("li");
+			for(var i =0; i < list.length; i++) {
+				if(list[i].firstChild.tagName=="A")
+					list[i].firstChild.addEventListener("click", function(e) {
+						if (this.hash=='#home'){
+							window.location="https://especificosba.com.ar";
+							return;
+						}
+						var target=document.getElementById(this.hash.replace("#",""))
+						scrollToY(target.offsetTop, 1500, 'easeInOutQuint');
+						e.preventDefault();
+				});
+			}
+			var pos=0;
+			setInterval(avanzar, 30000);
+			function avanzar(){
+				pos++;
+				if(pos>=4)
+					pos=0;
+				document.getElementById(pos).click();
+			}
+			
+
+		var banner=document.getElementById("protector-slide");
+		var curImg=1;
+		banner.style.background="url('Images/protector/slide1-"+availableWidth[size]+".jpg') no-repeat bottom";
+
+		function slide() {
+        	banner.className='transp';
+        	setTimeout(transp, 500);
+        	curImg++;
+        	if(curImg>4) curImg=1;
+    	}
+    	function transp() {
+			banner.style.background="url('Images/protector/slide"+curImg+"-"+availableWidth[size]+".jpg') no-repeat bottom";
+    	    banner.removeAttribute('class');
+    	}
+    	setInterval(slide, 7000);
+		}
+
+
+		window.addEventListener('load', load, false);
+
+	</script>
+</head>
+
+<body>
+	<div id="top_wrapper">
+    	<div id="navbar">
+	        <ul id="navlist">
+	        	<li><a href="#home">volver</a></li>
+	        	<li><a href="#protector-slide">elige tu protector</a></li>
+	        	<li><a href="#aplicacion">c&oacute;mo aplicar</a></li>
+	        	<li><a href="#informacion">m&aacute;s informaci&oacute;n </a></li>
+	        	<li><a href="#uv">indice uv en tu zona</a></li>
+	        </ul>
+	    </div>
+	</div>
+
+
+	<div id="protector-slide">
+		<img id="title" src="Images/logo-nuevo.png"/>
+		<div id="image-container">
+			<img src="Images/protector/hialuronico.png" id="prod-image" />
+		</div>
+
+		<div id="prod-description">
+			<div id="prod-title">PROTECTION TIME  FPS 50+ Fluido facial con color + ác Hialurónico</div>
+			<div id="prod-text">Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Acido Hialurónico, hidratante protector de la piel. Ayuda a prevenir intolerancias solares y daño celular provocado por la acción de rayos UV. Textura fluida, no grasa. Acabado imperceptible. <br/>
+			Sin perfume. Sin parabenos, con color.</div>
+			<div> <b>Testeados en USA bajo normas FDA-COLIPA</b> </div>
+		</div>
+		<div id="space"></div>
+		<div id="switcher">
+			<div id="0">&#11044;</div><div id="1">&#11044;</div><div id="2">&#11044;</div><div id="3">&#11044;</div>
+		</div>
+
+	</div>
+
+
+	
+	<div id="aplicacion" class="seccion">
+		<h1> <span>C&oacute;mo Aplicar </span></h1>
+		<p>
+			ESPECIFICOS Buenos Aires, te cuida… <br/><br/>
+
+			El efecto de las radiaciones UV en la piel es acumulativo, progresivo e irreversible.<br/>
+			Exponerse al sol sin protección puede ser nocivo para las personas.  <br/><br/>
+
+			Elige cuidarte del sol este verano…<br/>
+		</p>
+
+		<div class="descripciones">
+			<div id="time" class="descripcion">
+				<div id="timeIcon" class="imageIcon"></div>
+				Aplicar la crema antes de salir a la playa o la piscina, y como mínimo 30 minutos antes de exponerse al sol. <br/>
+				Reaplicar cuando sea necesario de acuerdo a cada fototipo cutáneo. <b>Se recomienda cada dos horas </b>para mantener la protección, especialmente después de un baño o nadar<br/>
+			</div>
+			<div id="extend" class="descripcion">
+				<div id="extendIcon" class="imageIcon"></div>
+				Extender  PROTECTION TIME 50+ sobre la piel bien seca.<br/>
+				Aplicar una capa abundante, extendido por toda la piel sin dejar zonas sin protección.
+			</div>
+		</div>
+	
+		<div class="descripciones">
+			<div id="water" class="descripcion">
+				<div id="waterIcon" class="imageIcon"></div>
+				No pulverizar sobre la piel con agua mientras se toma el sol.<br/> 
+				En el caso de haberse humedecido, seque con toalla y aplique foto protector Protection Time 50+. No olvide orejas, nuca y pies.<br/>
+			</div>
+			<div id="hat" class="descripcion">
+				<div id="hatIcon" class="imageIcon"></div>
+				Proteger la cabeza con un sombrero o gorra con visera; los ojos con gafas adecuadas.<br/>
+				Evitar la exposición al sol entre las 11 y las 15 horas (horario de máxima radiación ultravioleta).
+			</div>
+		</div>
+
+		<div class="descripciones">
+			<div id="cloud" class="descripcion">
+				<div id="cloudIcon" class="imageIcon"></div>
+				Utilizar protección solar aunque esté nublado.<br/>
+			</div>
+			<div id="hat" class="descripcion">
+				<div id="drinkIcon" class="imageIcon"></div>
+				Beber agua o líquidos sin alcohol para evitar la deshidratación.<br/>
+			</div>
+		</div>
+	</div>
+
+	<div id="informacion" class="seccion">
+		<h1> <span>Más información</span></h1>
+		<p>
+
+			PROTECTION TIME 50+ te ayuda prevenir, evitando las exposiciones dañinas a los rayos ultra violetas (UV).<br/><br/>
+
+			Factor de Protección Solar, es un número que mide cuánto tiempo se puede estar expuesto al sol para producir el mismo enrojecimiento o eritema que si no se hubiese utilizado la crema de protección solar.  <br/><br/>
+
+			Es decir: Sin la utilización de un protector, la piel deberá estar expuesta al sol durante 4 minutos para empezar a enrojecerse (eritema)</br>
+			Si se utiliza una crema de FPS de 5, se tardarán 20 minutos</br>
+			Utilizando un FPS 50, <b>se tardarán 200 minutos.</b><br/>
+			<br/><br/>
+			La intensidad (RUV) depende de:
+		</p>
+		<div class="descripciones">
+			<div class="descripcion">
+				<b>La elevación del sol: </b><br/>
+				Cuanto más alto está el sol en el cielo, mayor es la intensidad de las radiaciones UV.
+			</div>
+			<div class="descripcion">
+				<b>Protección de las nubes:</b><br/>
+				Las radiaciones UV son más intensas cuando el cielo está despejado, pero pueden ser intensas aun cuando el cielo está nublado.
+			</div>
+		</div>
+
+		<div class="descripciones">
+			<div class="descripcion">
+				<b>Latitud:</b><br/>
+				Cuanto más cerca se está del ecuador, más intensas son las radiaciones UV.
+			</div>
+			<div class="descripcion">
+				<b>Altitud:</b><br/>
+				La intensidad de las radiaciones UV aumenta un 5% por cada 1000 metros de altitud.
+			</div>
+		</div>
+
+		<div class="descripciones">
+			<div class="descripcion">
+				<b>Reflexión por el suelo:</b><br/>	
+				Muchas superficies reflejan los rayos del sol y aumentan la exposición general a las radiaciones ultravioleta (por ej., el césped, la tierra y el agua reflejan menos de 10%; la nieve recién caída y el hielo, entre 80% y 90%; la arena seca de las playas, entre 20% y 30%; y la espuma del mar, 25%).
+			</div>
+			<div class="descripcion">
+				<b>Capa de Ozono: </b><br/>	
+				Este gas absorbe una parte de las radiaciones UV del sol. A medida que la capa de ozono se adelgaza, aumenta la cantidad de radiaciones UV que llegan a la superficie terrestre.
+			</div>
+		</div>
+	</div>
+	<div id="uv" class="seccion">
+		<h1> <span>Indice UV en tu zona</span></h1>
+		<p>
+			ESPECIFICOS Buenos Aires desarrolló una aplicación para que puedas consultar el índice UV en tu zona.<br/>
+			Sólo necesitas ingresar tu ubicación y recibirás dicho índice
+		</p>
+
+		<div id="app">
+			<input type="text" id="direccion" placeholder="Por favor completa tu direccion">
+			<div id="result">
+				<p id="cargando">Cargando...</p>	
+			</div>
+		</div>
+
+		<a href="https://play.google.com/store/apps/details?id=eba.dv.uv"><img src="Images/playstore.png" style="width:50px"></a><br/>
+		Descargá la aplicación para tu celular<br/>
+		Accediendo a Google Play y buscando "Indice UV Especificos Buenos Aires"
+		<br/><br/><br/>
+
+		<b>Cómo actuar según el índice ? </b><br/><br/>
+		<img src="Images/protector/INDICES.png"><br/><br/>
+			Alcance de la aplicación:<br/><br/>
+			<b> Para Argentina: </b> <br/>Alcance sobre todo el país
+			<br/><br/>
+			<b> Para Ecuador: </b><br/>
+			<div class="descripciones">
+				<div class="ciudades">
+					Ambato<br/>	
+					Bahia de Caraquez<br/>	
+					Canar<br/>	
+					Catamayo<br/>	
+					Cocafrancisco<br/>	
+					Corazon<br/>	
+					Cuenca<br/>	
+					Esmeraldas<br/>	
+					Guayaquil<br/>	
+				</div>
+				<div class="ciudades">
+					Ibarra<br/>	
+					Inaquito<br/>	
+					Izobamba<br/>	
+					La Concordia Canton<br/>	
+					Latacunga<br/>	
+					La Tola<br/>	
+					Loja La Argelia<br/>	
+					Macas<br/>	
+					Machala<br/>	
+				</div>
+				<div class="ciudades">
+					Manta<br/>	
+					Milagro<br/>	
+					Nueva Loja<br/>	
+					Nuevo Rocafuerte<br/>	
+					Portoviejo<br/>	
+					PuertoIla<br/>	
+					Puyo<br/>	
+					Quero Chaca<br/>	
+					Quito<br/>	
+				</div>
+				<div class="ciudades">
+					Riobamba<br/>
+					Rumipamba<br/>	
+					Salinas<br/>	
+					San Cristobal<br/>	
+					Santa Rosa<br/>	
+					Seymour<br/>	
+					Tena<br/>	
+					Tiputini<br/>	
+					Tulcanel Rosal<br/>	
+				</div>
+			</div>
+			<br/>
+			<b> Para Colombia: </b> <br/>
+			<div class="descripciones">
+				<div class="ciudades">
+					Apartado<br/>
+					Arauca<br/>
+					Armenia<br/>
+					Barrancabermeja<br/>
+					Barranquilla<br/>
+					Bogota<br/>
+					Bucaramanga<br/>
+					Buenaventura<br/>
+					Cali<br/>
+					Cartagena<br/>
+				</div>
+				<div class="ciudades">
+					Cucuta<br/>
+					Las Gaviotas<br/>
+					Ibague<br/>
+					Ipiales<br/>
+					Lebrija<br/>
+					Leticia<br/>
+					Manizales<br/>
+					Mitu<br/>
+					Mocoa<br/>
+					Monteria<br/>
+				</div>
+				<div class="ciudades">
+					Neiva<br/>
+					Pasto<br/>
+					Pereira<br/>
+					Popayan<br/>
+					Puerto Carreno<br/>
+					Puerto Inirida<br/>
+					Quibdo<br/>
+					Riohacha<br/>
+					Rionegro<br/>
+					San Andres<br/>
+				</div>
+				<div class="ciudades">
+					San Jose Del Guaviare<br/>
+					Santa Marta<br/>
+					Sincelejo<br/>
+					Tumaco<br/>
+					Tunja<br/>
+					Valledupar<br/>
+					Villavicencio<br/>
+					Yopal<br/>
+				</div>
+
+			</div>
+			<br/>
+			<b> Para Brasil </b> <br/>
+			<div class="descripciones">
+				<div class="ciudades">
+					Aracaju        <br/>
+					Belém          <br/>
+					Belo Horizonte <br/>
+					Boa Vista      <br/>
+					Brasília       <br/>
+					Campo Grande   <br/>
+					Cuiabá         <br/>
+					Curitiba       <br/>
+					Florianópolis  <br/>
+				</div>
+				<div class="ciudades">
+					Fortaleza      <br/>
+					Goiânia        <br/>
+					João Pessoa    <br/>
+					Macapá         <br/>
+					Maceió         <br/>
+					Manaus         <br/>
+					Natal          <br/>
+					Palmas         <br/>
+					Porto Alegre   <br/>
+				</div>
+				<div class="ciudades">
+					Porto Velho    <br/>
+					Recife         <br/>
+					Rio Branco     <br/>
+					Rio de Janeiro <br/>
+					Salvador       <br/>
+					São Luís       <br/>
+					São Paulo      <br/>
+					Teresina       <br/>
+					Vitória        <br/>
+				</div>
+			</div>			<br/>
+			<b> Para México: </b> <br/>
+			<div class="descripciones">
+				<div class="ciudades">
+					Acapulco<br/>
+					Chihuahua<br/>
+					Culiacan<br/>
+					Culiacan<br/>
+					Guadalajara<br/>
+					Hermosillo<br/>
+					La Paz<br/>
+				</div>
+				<div class="ciudades">
+					Merida<br/>
+					Mexicali<br/>
+					Mexico<br/>
+					Monterrey<br/>
+					San Luis Potosi<br/>
+					Torreon<br/>
+					Tuxtla<br/>
+				</div>
+			</div>
+			<br/>
+			<b> Para Per&uacute;: </b> <br/>
+			<div class="descripciones">
+				<div class="ciudades">
+					Arequipa<br/>
+					Cajamarca<br/>
+					Cusco<br/>
+					Ica<br/>
+					Junin<br/>
+					Lima<br/>
+					Moquegua<br/>
+					Piura<br/>
+					Tacna<br/>
+				</div>
+			</div>
+	</div>
+</body>
+</html>

rip.php

@@ -0,0 +1,6 @@
+<?php
+$host=gethostbyaddr($_SERVER['REMOTE_ADDR']);
+$patt='/\.(?P<host>[a-z]+)/';
+preg_match($patt,$host,$matches);
+print_r($matches["host"]);
+?>

unsubscribe.php

@@ -0,0 +1,26 @@
+<?php
+	$db = new mysqli('localhost', 'especificosba', 'howdoiturnthison', 'mailing');
+	if($db->connect_errno > 0){ die('Unable to connect to database [' . $db->connect_error . ']'); }
+
+	$mail = $_GET['mail'];
+	$hash = $_GET['hash'];
+	$statement = $db->prepare("select 1 from mails_datos where mail=? and hash=? and error is null");
+	$statement->bind_param("ss", $mail, $hash);
+	$statement->execute();
+	if (!$statement->fetch()) {
+		echo "Este email ($mail) no esta actualmente suscripto a nuestra base";
+		die();
+	}
+	$statement->close();
+
+	$statement = $db->prepare("update mails_datos set error='unsuscribe' where mail=? and hash=?");
+	$statement->bind_param("ss", $mail, $hash);
+	if(!$statement->execute()){
+		echo "Hubo un error desuscribiendolo de la base de datos";
+		die();
+	}
+	echo "Desuscripto correctamente";
+
+	
+
+?>