index.php 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. <?php
  2. header('Content-Type: text/html; charset=UTF-8');
  3. header('Content-language: es');
  4. ?>
  5. <!doctype html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. <meta name="keywords" content="cosmeticos, cosmetica, pieles, caras, manos, cuerpo, cremas corporales, cremas faciales, antioxidantes, productos de cosmetica, limpieza facial, acne, serum" />
  9. <meta name="description" content="Nos ocupamos de tu piel. Desarrollamos, diseñamos y comercializamos una exclusiva línea de productos cosméticos para tratamientos.">
  10. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
  11. <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
  12. <link rel="icon" type="image/x-icon" href="Images/icons/logo.ico" />
  13. <title>Especificos Buenos Aires</title>
  14. </head>
  15. <body>
  16. <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>
  17. <div id="overlay-contact"></div>
  18. <div id="basic-grey">
  19. <h5 id="exit">X</h5>
  20. <h5>Contacto</h5><br>
  21. Un equipo de profesionales está a su servicio para responder sus consultas.<br><br>
  22. Leopoldo Marechal 914, CABA (C1405BMD), Buenos Aires, Argentina.<br><br>
  23. Tel&eacute;fono: +5411 4139-6860/1 +5411 4982-2892.
  24. <br><br>
  25. <label for="name">Nombre:</label>
  26. <input id="name" type="text" name="name" />
  27. <label for="email">Email :</label>
  28. <input id="email" type="email" name="email" />
  29. <label for="message">Mensaje :</label>
  30. <textarea id="message" name="message" ></textarea>
  31. <input id="btnconsulta" type="button" class="button" value="Enviar" />
  32. <div id="respuestacontacto"></div>
  33. </div>
  34. <div id="top_wrapper">
  35. <div id="navbar">
  36. <ul id="navlist">
  37. <li><a href="#nosotros">nosotros</a></li>
  38. <li><a href="#productos">productos</a></li>
  39. <li><a href="#actividades">actividades</a></li>
  40. <li><a href="#top_wrapper"><img alt="ESPECIFICOS Buenos Aires" src="Images/icons/logo.png" id="logo" width=50 height=50 /></a></li>
  41. <li><a href="#cursos">cursos</a></li>
  42. <li><a href="#distribuidoras">donde comprar</a></li>
  43. <li class="contact"><a href="#footer-outer">contacto</a></li>
  44. </ul>
  45. <ul id="responsive">
  46. <li><a href="#nosotros"><div id="usIcon"></div></a></li>
  47. <li><a href="#productos"><div id="productIcon"></div></a></li>
  48. <li><a href="#actividades"><div id="activityIcon"></div></a></li>
  49. <li><a href="#top_wrapper"><div id="logoIcon"></div></a></li>
  50. <li><a href="#cursos"><div id="coursesIcon"></div></a></li>
  51. <li><a href="#distribuidoras"><div id="buyIcon"></div></a></li>
  52. <li><a href="#footer-outer"><div id="contactIcon"></div></a></li>
  53. </ul>
  54. </div>
  55. </div>
  56. <img alt="banner" id="banner" width="100%">
  57. <div class="seccion" id="nosotros">
  58. <h1><span>NOSOTROS</span></h1>
  59. <div id="principal">
  60. <div style="text-align: center;">
  61. <p class="titulin center">Bienvenidos a ESPECIFICOS Buenos Aires</p><br/>
  62. Excelencia, ciencia y lujo al cuidado de tu piel</div><br/><br>
  63. Productos profesionales, elaborados con normas de calidad internacional GMP, basados en sustancias
  64. activas concentradas de gran pureza y vehículos específicos altamente eficaces que permiten optimizar
  65. la belleza y cuidados personalizados de la piel, con base científica.
  66. </div>
  67. <p>
  68. La línea profesional ESPECIFICOS Buenos Aires, fue creada hace diez años por iniciativa de
  69. un matrimonio de químicos cosméticos, con más de 25 años de experiencia en la industria del
  70. cuidado de la piel. Quienes han unido su pasión por la cosmética y experiencia para desarrollar
  71. y perfeccionar una extensa gama de productos que podrán dar solución a las demandas y expectativas
  72. de sus clientas más exigentes.<br/><br/>Tratamientos pensados desde una profesional de la estética
  73. hacia sus colegas, consciente de la problemática a la que cada una de las profesionales se enfrenta
  74. cada día. Combinando un enfoque personalizado de tratamientos con métodos no invasivos, basados en
  75. sistemas específicos para cada instancia de la piel.<br/><br/> Tratando y compensando los distintos
  76. biotipos cutáneos en cada necesidad en particular, con sistemas de vanguardia, siempre basados en
  77. el profundo estudio de la piel. Hoy, la Metodología Específica, combinando un enfoque personalizado
  78. de tratamientos estéticos, ingredientes puros concentrados, vehículos de alto desarrollo,
  79. protocolos de procedimiento innovadores, como también estrictos controles de calidad internacional,
  80. goza de una incuestionable reputación de excelencia.<br/><br/>La ética, el apoyo profesional
  81. constante y la formulación constituyen los valores fundamentales de ESPECIFICOS Buenos Aires. </p>
  82. </div>
  83. <div class="seccion" id="productos">
  84. <h1><span>PRODUCTOS</span></h1>
  85. <p> <b>Cuidado específico para cada tipo de piel </b> <br/>
  86. El diagnóstico previo personalizado y seguimiento por una profesional formada en
  87. tratamientos ESPECIFICOS Buenos Aires es nuestra filosofía de excelencia, ética,
  88. seriedad y apoyo constante para un perfecto resultado.<br/><br/>
  89. Un producto ESPECIFICOS Buenos Aires responde a cuatro principios fundamentales:</p>
  90. <div class="descripciones">
  91. <div id="pureza" class="descripcion">
  92. <img alt="Pureza" src="Images/icons/pure.png" width=115 height=115><br/><br/>
  93. Principios activos seleccionados de máximo grado de pureza.
  94. </div>
  95. <div id="ciencia" class="descripcion">
  96. <img alt="Ciencia" src="Images/icons/cience.png" width=115 height=115><br/><br/>
  97. Formulaciones únicas, concebidas en combinación con técnicas de aplicación
  98. sinérgica, que aportan resultados inmediatos y duraderos.
  99. </div>
  100. </div>
  101. <div class="descripciones">
  102. <div id="integridad" class="descripcion">
  103. <img alt="Integridad" src="Images/icons/integridad.png" width=115 height=115><br/><br/>
  104. Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.
  105. </div>
  106. <div id="control" class="descripcion">
  107. <img alt="GMP" src="Images/icons/control.png" width=115 height=115><br/><br/>
  108. Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.
  109. </div>
  110. </div>
  111. <a href="productos.php"><div class="titulos">Catálogo de productos</div></a>
  112. <br><br>
  113. <a href="graficas.php"><div class="titulos">Gráficas</div></a>
  114. </div>
  115. <div class="seccion" id="actividades">
  116. <h1><span>ACTIVIDADES</span></h1>
  117. <div class="descripciones">
  118. <div class="descripcion">
  119. <h6>Jornada de Actualización Dermato-Estética</h6><br/><br/>
  120. <div class="fecha">
  121. 12 de mayo 2014<br/>
  122. Complejo Salguero Plaza - Jeronimo Salguero 2686<br/>
  123. CAPITAL FEDERAL - ARGENTINA
  124. </div>
  125. </div>
  126. <div class="descripcion">
  127. <h6>Expo Spa</h6><br/><br/>
  128. <div class="fecha">
  129. 30 de mayo al 1 de junio 2014<br/>
  130. CIEC World Trade Center<br/>
  131. DISTRITO FEDERAL - MEXICO
  132. </div>
  133. </div>
  134. </div>
  135. <div class="descripciones">
  136. <div class="descripcion">
  137. <h6>Buona Estetika</h6><br/><br/>
  138. <div class="fecha">
  139. 7 y 8 de junio 2014<br/>
  140. Parque Norte - Salon Golden<br/>
  141. CAPITAL FEDERAL - ARGENTINA
  142. </div>
  143. </div>
  144. <div class="descripcion">
  145. <h6>Expo Estética</h6><br/><br/>
  146. <div class="fecha">
  147. 6 y 7 de septiembre 2014<br/>
  148. Centro Costa Salguero<br/>
  149. CAPITAL FEDERAL - ARGENTINA
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <div id="cursos">
  155. <div id="curso">
  156. <h1><span>CURSOS</span></h1>
  157. <p style="margin-top: 60px; margin-bottom: 10px;">
  158. <p class='titulin'>Garantía de calidad en formación profesional.</p><br/><br/>
  159. <i>Haga click en alguno de los siguientes cursos para acceder al contenido</i><br/><br/>
  160. <div class="titulo_curso" title="banana">Especialización en Dermatocosmiatría, curso anual <div style="font-size: 10pt; display:inline;">[+]</div></div>
  161. <div class="descripcion_curso" title="banana">
  162. La incorporación de nuevos métodos y tecnologías ha transformado completamente los tratamientos estéticos.<br/>
  163. 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/>
  164. 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/>
  165. El intercambio de experiencias, así como la formación, específica, científica y técnica, permiten seguir avanzando para ofrecer mejores resultados en menor cantidad de tiempo.<br/>
  166. Este avance debe fundamentarse en una buena formación de las profesionales que la practican y en la mejor evidencia científica de los tratamientos que se aplican.<br/>
  167. El principal objetivo debe ser ofrecer un tratamiento eficaz y seguro que mejore el bienestar.<br/>
  168. En el transcurso de la Especialización, podrán intercambiar opiniones con docentes de experiencia calificada que las acompañarán a lo largo del año brindándoles todo su apoyo en la formación. <br/>
  169. Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmiatría, Profesionales de la Estética.<br/>
  170. <a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
  171. </div>
  172. <div class="titulo_curso" title="apestosa">Rejuvenecimiento facial con métodos no invasivos <div style="font-size: 10pt; display:inline;">[+]</div></div>
  173. <div class="descripcion_curso" title="apestosa">
  174. 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.
  175. 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.
  176. <br>
  177. <a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
  178. </div>
  179. <div class="titulo_curso" title="deliciosa">Drenaje Linfático Manual <div style="font-size: 10pt; display:inline;">[+]</div></div>
  180. <div class="descripcion_curso" title="deliciosa">
  181. 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.
  182. 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.
  183. Esta técnica se ha perfeccionado en los últimos años.
  184. Actúa sobre el sistema neurovegetativo. Mejora el Sistema inmune, actúa en prevención.
  185. 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.
  186. <br>
  187. <a href="http://curso.especificosba.com.ar/"><b class="center">Ir al curso</b></a>
  188. </div>
  189. <br/><br/>
  190. <div class="titulos"> <a href="http://curso.especificosba.com.ar">Ir a la plataforma de estudios </a></div>
  191. <br/><br/>
  192. </div>
  193. </div>
  194. <div class="seccion" id="distribuidoras">
  195. <h1><span>DONDE COMPRAR</span></h1>
  196. <?php
  197. include('db.php');
  198. $statement = $db->prepare("SELECT z.categoria, z.id FROM categorias_distribuidoras z order by id");
  199. $statement->execute();
  200. $statement->store_result();
  201. $statement->bind_result($zona, $id);
  202. $zona = utf8_encode($zona); //FIXME
  203. while( $statement->fetch() ){
  204. $internacional = ($zona=="Internacional" ? "<th>País</th>" : ""); //internacional
  205. echo " <div class='tabla'>
  206. <h3>$zona</h3>
  207. <table class='capital-tabla'>
  208. <thead>
  209. <tr>
  210. $internacional
  211. <th>Provincia</th>
  212. <th>Localidad</th>
  213. <th>Distribuidor</th>
  214. <th>Domicilio</th>
  215. <th>Teléfono</th>
  216. </tr>
  217. </thead>
  218. <tbody>";
  219. $contenido = $db->prepare("SELECT d.nombre, d.telefono, d.direccion, d.localidad, d.provincia, d.pais
  220. FROM distribuidoras d
  221. left join categorias_distribuidoras c
  222. on d.categoria = c.id
  223. where d.categoria = ?
  224. order by d.provincia,d.localidad,d.nombre");
  225. $contenido->bind_param('s', $id);
  226. $contenido->execute();
  227. $contenido->store_result();
  228. $contenido->bind_result($nombre, $telefono, $direccion, $localidad, $provincia, $pais );
  229. while ( $contenido->fetch() ) {
  230. $internacional = ($zona=="Internacional" ? "<td>$pais</td>" : ""); //internacional
  231. echo utf8_encode("
  232. <tr>
  233. $internacional
  234. <td>$provincia</td>
  235. <td>$localidad</td>
  236. <td>$nombre</td>
  237. <td>$direccion</td>
  238. <td>$telefono</td>
  239. </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
  240. }
  241. echo "</tbody></table></div>";
  242. }
  243. ?>
  244. </div>
  245. <div id="footer-outer">
  246. <div id="footer-inner-left">
  247. <h5> MANTENERSE INFORMADO </h5> <br />
  248. Para recibir el newsletter de informaciones de ESPECIFICOS Buenos Aires,
  249. complete los campos “correo electrónico” y haga clic en “inscribirse”.
  250. <br />
  251. <div id="input-footer">
  252. <input id="suscribe" type="text" />
  253. <input id="ok" type="submit" value="Inscribirse" />
  254. <div id="respuestanewsletter"></div>
  255. </div>
  256. </div>
  257. <div id="footer-inner-right">
  258. <h4> FACEBOOK </h4> <br />
  259. En esta página encontrará todo tipo de informaciones acerca de
  260. ESPECIFICOS Buenos Aires, consejos, exclusividades, notas, cursos,
  261. charlas de capacitación, novedades, eventos.
  262. <br/>
  263. Para acceder a la página, haga clic aquí.<br/><br/>
  264. <a href="https://www.facebook.com/pages/Especificos-Buenos-Aires/326062297573907"><img alt="Facebook" src="Images/fb.png" width=50 height=50></a>
  265. </div>
  266. </div>
  267. <script type="text/javascript" src="js/anim.js"> </script>
  268. <script type="text/javascript" src="js/main.js"> </script>
  269. <?php include('piwik.html'); ?>
  270. </body>
  271. </html>