David hace 10 años
padre
commit
c2c9263327
Se han modificado 5 ficheros con 118 adiciones y 17 borrados
  1. 11 1
      css/especificos.css
  2. 1 0
      graficas.php
  3. 93 11
      index.php
  4. 11 4
      js/main.js
  5. 2 1
      productos.php

+ 11 - 1
css/especificos.css

@@ -49,7 +49,7 @@ right: 20px;
 
 #message{ resize: vertical; overflow:auto; max-height: 200px;}
 
-#basic-grey {
+#basic-grey{
 	position:fixed;
 	top: 50%;
     left: 50%;
@@ -80,6 +80,16 @@ right: 20px;
     color: #BCC9CC ;
     -webkit-text-stroke: 0.50px;
 }
+.suscripcion label,.suscripcion input { display:block; width:80%;}
+
+
+.column {width:49%; }
+.left { float:left; }
+.right { float:right; }
+
+.suscripcion::after{clear:both;}
+.clear{clear:both;}
+
 #basic-grey input[type="text"], #basic-grey input[type="email"], #basic-grey textarea,#basic-grey select{
     border: 1px solid #DADADA;
     color: #888;

+ 1 - 0
graficas.php

@@ -1,5 +1,6 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<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/menu.css"/>
 <title>Graficas - Especificos Buenos Aires</title>
 </head>

+ 93 - 11
index.php

@@ -16,10 +16,15 @@ header('Content-language: es');
 </head>
 <body>
 
-<div id="facebook-link"> <a href="https://www.facebook.com/pages/Especificos-Buenos-Aires/326062297573907"><img alt="Facebook" src="Images/fbmini.png" width="30" height="30" /></a> </div>
+<div id="facebook-link">
+	<a href="https://www.facebook.com/pages/Especificos-Buenos-Aires/326062297573907">
+		<img alt="Facebook" src="Images/fbmini.png" width="30" height="30" />
+	</a>
+</div>
+
 <div id="overlay-contact"></div>
 
-    <div id="basic-grey">
+<div id="basic-grey">
     <h5 id="exit">X</h5>
     <h5>Contacto</h5><br>
     Un equipo de profesionales está a su servicio para responder sus consultas.<br><br>
@@ -40,6 +45,7 @@ header('Content-language: es');
 </div>
 
 
+
 <div id="top_wrapper">
     <div id="navbar">
         <ul id="navlist">
@@ -63,11 +69,13 @@ header('Content-language: es');
         </ul>
     </div>
 </div>
-    <img alt="banner" id="banner" width="100%">
+    <img alt="banner" id="banner" width="100%" src="Images/slider/slide1-1024.jpg">
 
+	<!--
 	<div id="protector-solar">
-		<a href="protector.html">conoce la nueva lina de protección solar haciendo click acá</a>
+		<a href="protector.html">conoce la nueva linea de protección solar haciendo click acá</a>
 	</div>
+	-->
 
 	<div class="seccion" id="nosotros">
 	    <h1><span>NOSOTROS</span></h1>
@@ -187,8 +195,8 @@ header('Content-language: es');
 	<i>Haga click en alguno de los siguientes cursos para acceder al contenido</i><br/><br/>
 	
 
-<div class="titulo_curso" title="banana">Especialización en Dermatocosmiatría, curso anual <div style="font-size: 10pt; display:inline;">[+]</div></div>
-<div class="descripcion_curso" title="banana">
+<div class="titulo_curso" title="primero">Especialización en Dermatocosmiatría, curso anual <div style="font-size: 10pt; display:inline;">[+]</div></div>
+<div class="descripcion_curso" title="primero">
 La incorporación de nuevos métodos y tecnologías ha transformado completamente los tratamientos estéticos.<br/>
 La aplicación de fuentes de luz u otras terapias físicas como la radiofrecuencia, microcorrientes, electroestimulación facial, terapias de frio, métodos sinérgicos de aplicación de activos, maniobras adecuadas de acuerdo a la anatomía muscular y fisiología de la piel, han supuesto un antes y un después en la mayoría de los tratamientos.<br/>
 La elaboración de protocolos de práctica con base en el estudio profundo de la piel, constituye otro avance metodológico que ha incrementado los buenos resultados, incluso con las antiguas terapias y tecnologías.<br/>
@@ -200,28 +208,102 @@ Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmia
 <a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
 </div>
 
-<div class="titulo_curso" title="apestosa">Rejuvenecimiento facial con métodos no invasivos <div style="font-size: 10pt; display:inline;">[+]</div></div>
-<div class="descripcion_curso" title="apestosa">
+<div class="titulo_curso" title="segundo">Rejuvenecimiento facial con métodos no invasivos <div style="font-size: 10pt; display:inline;">[+]</div></div>
+<div class="descripcion_curso" title="segundo">
 Este curso está destinado a profesionales de la ciencia estética, cosmetología y cosmiatría, para trabajar en conjunto frente a una de las afecciones más tratadas en el consultorio “El rejuvenecimiento facial con métodos no invasivos” y toda la problemática que conlleva los cambios propios de la piel en el transcurso de la vida.
 Nuestra intención es brindar alta capacitación trabajando siempre en elevar el  compromiso profesional que nos ayudará a definir protocolos indicados para cada necesidad, de última tecnología y realizar un trabajo de excelencia, siempre basados en el conocimiento científico.
 <br>
 <a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
 </div>
 
-<div class="titulo_curso" title="deliciosa">Drenaje Linfático Manual <div style="font-size: 10pt; display:inline;">[+]</div></div>
-<div class="descripcion_curso" title="deliciosa">
+<div class="titulo_curso" title="tercero">Drenaje Linfático Manual <div style="font-size: 10pt; display:inline;">[+]</div></div>
+<div class="descripcion_curso" title="tercero">
 El Drenaje Linfático Manual es un método de terapia física descongestiva, cuya función es la activación del funcionamiento del Sistema Linfático superficial, para mejorar la eliminación del líquido intersticial y las moléculas de gran tamaño, optimizando su evacuación.
 Su acción está basada en un profundo estudio de la anatomía y fisiología del sistema linfático. Aplicado correctamente, trabajando en una serie protocolizada de maniobras manuales muy suaves, logra drenar o desplazar la linfa, que pueda encontrarse estancada a territorios linfáticos sanos para su evacuación normal hacia el torrente venoso.
 Esta técnica se ha perfeccionado en los últimos años.
 Actúa sobre el sistema neurovegetativo. Mejora el Sistema inmune, actúa en prevención.
 OBJETIVOS DEL CURSO: Obtener los conocimientos teóricos y prácticos en el área específica del drenaje linfático manual que permitan, a través de una intensa práctica, la comprensión y aplicación idónea de las maniobras.
 <br>
+</div>
+<div class="titulo_curso" title="cuarto">
+	Inscripcion
+	<div style="font-size: 10pt; display:inline;">[+]</div>
+</div>
+
+<div class="descripcion_curso suscripcion" title="cuarto">
+	Para inscribirse, le pedimos que complete los siguientes datos. En breve serán revisados, si no nos hemos contactado dentro de los 5 días posteriores al envío de la inscripción, por favor comuníquese telefónicamente.
+	<br><br>
+	Leopoldo Marechal 914, CABA (C1405BMD), Buenos Aires, Argentina.<br>
+    Tel&eacute;fono: +5411 4139-6860/1 +5411 4982-2892.<br>
+	<br>
+
+	<form>
+		<div class="column left">
+		    <label for="name">
+				Nombre completo
+		    	<input id="name" type="text" name="name" required />
+			</label>
+		
+		    <label for="email">
+				Email
+		    	<input id="email" type="email" name="email" required />
+			</label>
+		    <label>
+				Fecha de nacimiento
+		    	<input id="name" type="text" name="name" required />
+			</label>
+		
+		    <label>
+				Tipo de documento
+		    	<input id="name" type="text" name="name" required />
+			</label>
+		    <label>
+				Telefono	
+		    	<input id="name" type="text" name="name" />
+			</label>
+		</div>
+		<div class="column right">
+		    <label>
+				Localidad
+		    	<input id="name" type="text" name="name" />
+			</label>
+		    <label>
+				Provincia	
+		    	<input id="name" type="text" name="name" />
+			</label>
+		    <label>
+				Pais
+		    	<input id="name" type="text" name="name" required />
+			</label>
+		    <label>
+				Numero de documento	
+		    	<input id="name" type="text" name="name" required />
+			</label>
+		    <label>
+				Celular	
+		    	<input id="name" type="text" name="name" />
+			</label>
+		</div>
+    <input id="btnsuscripcion" type="button" class="button" value="Enviar" /> 
+    <div id="respuestacontacto"></div>
+	<div class="clear"></div>
+	</form>
+</div>
+
+
 <a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
 
 
 </div>
 <br/><br/>
-<div class="titulos"> <a href="http://curso.especificosba.com.ar">Ir a la plataforma de estudios </a></div>
+
+<br/>
+<div class="titulos">
+	<a href="http://curso.especificosba.com.ar">
+		Ir a la plataforma de estudios
+	</a>
+</div>
+
 <br/><br/>
 
 </div>

+ 11 - 4
js/main.js

@@ -1,9 +1,15 @@
-window.onload = function() {
-var req = new XMLHttpRequest();
+var suscribe=document.getElementById('suscripcion');
+var overlay=document.getElementById('overlay-contact');
+function showSuscribe() {
+	suscribe.style.display="block";
+	overlay.style.display="block";
+}
 
+window.onload = function() {
 	var availableWidth = [ 500, 1024, 1400, 1920];
-	var size=0; 
 	var banner=document.getElementById("banner");
+	var req = new XMLHttpRequest();
+	var size=0; 
 	while (window.innerWidth > availableWidth[size] && size < availableWidth.length-1 ) 
 		size++;
 	banner.src="Images/slider/slide1-"+availableWidth[size]+".jpg";
@@ -12,7 +18,6 @@ var req = new XMLHttpRequest();
 	var tit_curso = document.getElementsByClassName("titulo_curso");
 	var desc_curso = document.getElementsByClassName("descripcion_curso");
 	var list = document.getElementsByTagName("li");
-	var overlay=document.getElementById('overlay-contact');
 	var exit=document.getElementById('exit');
 	var basicgrey=document.getElementById('basic-grey');
 	var logo=document.getElementById('logo');
@@ -36,10 +41,12 @@ var req = new XMLHttpRequest();
     overlay.onclick = function(){
 		overlay.style.display="none";
 		basicgrey.style.display="none";
+		suscribe.style.display="none";
 	}
     exit.onclick=function(){
 		overlay.style.display="none";
 		basicgrey.style.display="none";
+		suscribe.style.display="none";
 	}
 	btnok.onclick=function(){
 		var params="mail="+document.getElementById("suscribe").value;

+ 2 - 1
productos.php

@@ -3,11 +3,12 @@
 <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 src="js/jquery-2.1.3.min.js"></script>
 <script>
 jQuery.fn.center = function () {
     this.css("position","absolute");