|
|
@@ -0,0 +1,310 @@
|
|
|
+<?php
|
|
|
+header('Content-Type: text/html; charset=UTF-8');
|
|
|
+?>
|
|
|
+<html>
|
|
|
+<!doctype html>
|
|
|
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
+<head>
|
|
|
+
|
|
|
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
|
|
|
+ </script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ $(document).ready(function () {
|
|
|
+
|
|
|
+ $('.basic-grey, #overlay-contact').hide();
|
|
|
+ var clickExit=false;
|
|
|
+ var clickOutside=false;
|
|
|
+
|
|
|
+ $('.contact').click(function(){
|
|
|
+ var tempScrollTop = $(window).scrollTop();
|
|
|
+
|
|
|
+ $('.basic-grey, #overlay-contact').toggle();
|
|
|
+
|
|
|
+
|
|
|
+ if($('.basic-grey').is(':visible')){
|
|
|
+
|
|
|
+ $('#overlay-contact').click(function(){
|
|
|
+ $('.basic-grey, #overlay-contact').hide();
|
|
|
+ $(window).scrollTop(tempScrollTop);
|
|
|
+ //clickOutside=true;
|
|
|
+ });
|
|
|
+ $('#exit').click(function(){
|
|
|
+ $('.basic-grey, #overlay-contact').hide();
|
|
|
+ $(window).scrollTop(tempScrollTop);
|
|
|
+ //clickExit=true;
|
|
|
+ });
|
|
|
+
|
|
|
+ //if( clickOutside==true ){
|
|
|
+ // $('.basic-grey, #overlay-contact').hide(); TODO: SIMPLIFICAR
|
|
|
+ // $(window).scrollTop(tempScrollTop);
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $('li a').click(function () {
|
|
|
+ $('html, body').animate({ scrollTop: $($(this).attr('href')).position().top }, 'slow');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.menu').hide();
|
|
|
+ $('#responsive-menu').click(function(){
|
|
|
+ $('.menu').slideToggle(300);
|
|
|
+ });
|
|
|
+
|
|
|
+ var startY= $('#top_wrapper').position().top + $('#top_wrapper').outerHeight();
|
|
|
+ $('#logo').css('opacity','0');
|
|
|
+ $('#navlist').css('height','55px');
|
|
|
+ $(window).scroll(function () {
|
|
|
+
|
|
|
+ if($(this).scrollTop() > startY ){
|
|
|
+ $('#logo').css({'opacity':'1', 'transition': 'opacity 0.5s ease-in-out'});
|
|
|
+ }else{
|
|
|
+ $('#logo').css({'opacity':'0', 'transition': 'opacity 0.5s ease-in-out'});
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
|
|
|
+ <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
|
|
|
+ <title>Especificos Buenos Aires</title>
|
|
|
+
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+
|
|
|
+<div id="overlay-contact">
|
|
|
+</div>
|
|
|
+
|
|
|
+ <div class="basic-grey">
|
|
|
+ <div id="exit"><h5>X</h5></div>
|
|
|
+ <form action="" method="post" class="STYLE-NAME">
|
|
|
+ <h5>Contacto</h5><br>
|
|
|
+ Un equipo de profesionales está a su servicio para responder sus consultas
|
|
|
+ <br><br>
|
|
|
+ <label>
|
|
|
+
|
|
|
+ <span>Nombre :</span>
|
|
|
+ <input id="name" type="text" name="name" />
|
|
|
+ </label>
|
|
|
+ <br>
|
|
|
+ <label>
|
|
|
+ <span>Email :</span>
|
|
|
+ <input id="email" type="email" name="email" />
|
|
|
+ </label>
|
|
|
+ <br>
|
|
|
+ <label>
|
|
|
+ <span>Mensaje :</span>
|
|
|
+ <textarea id="message" name="message" ></textarea>
|
|
|
+ </label>
|
|
|
+ <br>
|
|
|
+ <label>
|
|
|
+ <span> </span>
|
|
|
+ <input type="button" class="button" value="Send" />
|
|
|
+ </label>
|
|
|
+ </form>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+<div id="top_wrapper">
|
|
|
+ <div id="navbar">
|
|
|
+ <ul id="navlist">
|
|
|
+ <li><a href="#nosotros">nosotros</a></li>
|
|
|
+ <li><a href="#productos">productos</a></li>
|
|
|
+ <li><a href="#actividades">actividades</a></li>
|
|
|
+ <li><a href="#top_wrapper"><img src="Images/icons/logo.png" id="logo" style="width: 51px; height: 50px;" /></a></li>
|
|
|
+ <li><a href="#cursos">cursos</a></li>
|
|
|
+ <li><a href="#distribuidoras">donde comprar</a></li>
|
|
|
+ <li class="contact"><a href="#">contacto</a></li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <ul id="responsive">
|
|
|
+ <li><a href="#nosotros"><img src="Images/icons/Us.png" /></a></li>
|
|
|
+ <li><a href="#productos"><img src="Images/icons/productos.png" /></a></li>
|
|
|
+ <li><a href="#actividades"><img src="Images/icons/actividades.png" /></a></li>
|
|
|
+ <li><a href="#top_wrapper"><img src="Images/icons/logo.png" /></a></li>
|
|
|
+ <li><a href="#cursos"><img src="Images/icons/cursos.png" /></a></li>
|
|
|
+ <li><a href="#distribuidoras"><img src="Images/icons/dondecomprar.png" /></a></li>
|
|
|
+ <li><a href="#contacto"><img src="Images/icons/contacto.png" class="contact" /></a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div id="banner">
|
|
|
+
|
|
|
+ <img src="Images/blanco.png"/><br />
|
|
|
+ <br /><br/>
|
|
|
+ <h2>Lujo, ciencia, tecnología y belleza al cuidado de tu piel</h2>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="seccion" id="nosotros">
|
|
|
+ <br /><br />
|
|
|
+ <h1><span>NOSOTROS</span></h1>
|
|
|
+ <p>
|
|
|
+ La línea profesional ESPECIFICOS Buenos Aires, fue creada hace diez años por iniciativa de
|
|
|
+ un matrimonio de químicos cosméticos, con más de 25 años de experiencia en la industria del
|
|
|
+ cuidado de la piel. Quienes han unido su pasión por la cosmética y experiencia para desarrollar
|
|
|
+ y perfeccionar una extensa gama de productos que podrán dar solución a las demandas y expectativas
|
|
|
+ de sus clientas más exigentes.<br/><br/>Tratamientos pensados desde una profesional de la estética
|
|
|
+ hacia sus colegas, consciente de la problemática a la que cada una de las profesionales se enfrenta
|
|
|
+ cada día. Combinando un enfoque personalizado de tratamientos con métodos no invasivos, basados en
|
|
|
+ sistemas específicos para cada instancia de la piel.<br/><br/> Tratando y compensando los distintos
|
|
|
+ biotipos cutáneos en cada necesidad en particular, con sistemas de vanguardia, siempre basados en
|
|
|
+ el profundo estudio de la piel. Hoy, la Metodología Específica, combinando un enfoque personalizado
|
|
|
+ de tratamientos estéticos, ingredientes puros concentrados, vehículos de alto desarrollo,
|
|
|
+ protocolos de procedimiento innovadores, como también estrictos controles de calidad internacional,
|
|
|
+ goza de una incuestionable reputación de excelencia.<br/><br/>La ética, el apoyo profesional
|
|
|
+ constante y la formulación constituyen los valores fundamentales de ESPECIFICOS Buenos Aires. </p>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="seccion" id="productos">
|
|
|
+ <h1><span>PRODUCTOS</span></h1>
|
|
|
+ <p> <b>Cuidado específico para cada tipo de piel </b> <br/>
|
|
|
+ El diagnóstico previo personalizado y seguimiento por una profesional formada en
|
|
|
+ tratamientos ESPECIFICOS Buenos Aires es nuestra filosofía de excelencia, ética,
|
|
|
+ seriedad y apoyo constante para un perfecto resultado.<br/><br/>
|
|
|
+ Un producto ESPECIFICOS Buenos Aires responde a cuatro principios fundamentales:</p>
|
|
|
+ <div class="descripciones">
|
|
|
+
|
|
|
+ <div id="pureza" class="descripcion">
|
|
|
+ <img src="Images/icons/pure.png"><br/><br/>
|
|
|
+ Principios activos seleccionados de máximo grado de pureza.
|
|
|
+ </div>
|
|
|
+ <div id="ciencia" class="descripcion">
|
|
|
+ <img src="Images/icons/cience.png"><br/><br/>
|
|
|
+ Formulaciones únicas, concebidas en combinación con técnicas de aplicación
|
|
|
+ sinérgica, que aportan resultados inmediatos y duraderos.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="descripciones">
|
|
|
+
|
|
|
+ <div id="control" class="descripcion">
|
|
|
+ <img src="Images/icons/control.png"><br/><br/>
|
|
|
+ Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.
|
|
|
+ </div>
|
|
|
+ <div id="integridad" class="descripcion">
|
|
|
+ <img src="Images/icons/integridad.png"><br/><br/>
|
|
|
+ Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="seccion" id="actividades">
|
|
|
+ <br /><br />
|
|
|
+ <h1><span>ACTIVIDADES</span></h1>
|
|
|
+ <div class="descripciones">
|
|
|
+ <div id="congresos" class="descripcion">
|
|
|
+ <img src="Images/icons/congreso.png"><br/><br/>
|
|
|
+ Congresos
|
|
|
+ </div>
|
|
|
+ <div id="noticias" class="descripcion">
|
|
|
+ <img src="Images/icons/noticias.png"><br/><br/>
|
|
|
+ Novedades
|
|
|
+ </div>
|
|
|
+ <div id="noticias" class="descripcion">
|
|
|
+ <img src="Images/icons/notas.png"><br/><br/>
|
|
|
+ Notas
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="seccion" id="cursos">
|
|
|
+ <br /><br />
|
|
|
+ <h1><span>CURSOS</span></h1>
|
|
|
+ <div class="descripciones">
|
|
|
+ <div id="congresos" class="descripcion">
|
|
|
+ <img src="Images/icons/elearning.png"><br/><br/>
|
|
|
+ Elearning
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="seccion" id="distribuidoras">
|
|
|
+ <br /><br />
|
|
|
+ <h1><span>DONDE COMPRAR</span></h1>
|
|
|
+ <?php
|
|
|
+ header('Content-Type: text/html; charset=UTF-8');
|
|
|
+ include('db.php');
|
|
|
+
|
|
|
+ $statement = $db->prepare("SELECT z.categoria, z.id
|
|
|
+ FROM categorias_distribuidoras z");
|
|
|
+ $statement->execute();
|
|
|
+ $statement->store_result();
|
|
|
+ $statement->bind_result($zona, $id);
|
|
|
+
|
|
|
+ while( $statement->fetch() ){
|
|
|
+ echo " <div class='tabla' id='$zona'>
|
|
|
+ <h3>$zona</h3>
|
|
|
+ <table class='capital-tabla'>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <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
|
|
|
+ FROM distribuidoras d
|
|
|
+ left join categorias_distribuidoras c
|
|
|
+ on d.categoria = c.id
|
|
|
+ where d.categoria = ?");
|
|
|
+
|
|
|
+ $contenido->bind_param('s', $id);
|
|
|
+ $contenido->execute();
|
|
|
+ $contenido->store_result();
|
|
|
+ $contenido->bind_result($nombre, $telefono, $direccion, $localidad, $provincia );
|
|
|
+ while ( $contenido->fetch() ) {
|
|
|
+ echo "
|
|
|
+ <tr>
|
|
|
+ <td>$provincia</td>
|
|
|
+ <td>$localidad</td>
|
|
|
+ <td>$nombre</td>
|
|
|
+ <td>$direccion</td>
|
|
|
+ <td>$telefono</td>
|
|
|
+ </tr>";
|
|
|
+ }
|
|
|
+ echo "</tbody></table></div>";
|
|
|
+ }
|
|
|
+
|
|
|
+?>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div id="footer-outer">
|
|
|
+ <div id="footer-inner-left">
|
|
|
+ <h5> MANTENERSE INFORMADO </h5> <br />
|
|
|
+ Para recibir el newsletter de informaciones de ESPECIFICOS Buenos Aires,
|
|
|
+ complete los campos “ correo electrónico” y haga clic en “inscribirse”.
|
|
|
+ <br />
|
|
|
+ <div id="input-footer">
|
|
|
+ <input id="suscribe" type="text" />
|
|
|
+ <input id="ok" type="submit" value="Inscribirse" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div id="footer-inner-right">
|
|
|
+ <h4> FACEBOOK </h4> <br />
|
|
|
+ En esta página encontrará todo tipo de informaciones acerca de
|
|
|
+ ESPECIFICOS Buenos Aires, consejos, exclusividades, notas, cursos,
|
|
|
+ charlas de capacitación, novedades, eventos.
|
|
|
+ <br/>
|
|
|
+ Para acceder a la página, haga clic aquí.<br/><br/>
|
|
|
+ <a href="https://es-la.facebook.com/EspecificosBuenosAires"><img src="Images/fb.png" style="width:50px"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|
