index.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  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">formación</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>FORMACIÓN</span></h1>
  157. <div id="tabla-cursos" class="tabla curso-tabla">
  158. <div rv-each-curso="cursos" class="curso-box">
  159. <h6 class="curso-titulo"> {curso.nombre} </h6>
  160. <div class="row">
  161. <div class="left">
  162. <span class="curso-subtitulo">Información de Cursada</span>
  163. <ul class="curso-lista">
  164. <li rv-each-info="curso.informacion" rv-html="info"></li>
  165. </ul>
  166. <span rv-show="curso.avales" class="curso-subtitulo">Avales</span>
  167. <ul class="curso-lista curso-avales">
  168. <li rv-each-aval="curso.avales">{ aval }</li>
  169. </ul>
  170. </div>
  171. <div class="right">
  172. <span class="curso-subtitulo">Información de la capacitación</span>
  173. <p rv-html="curso.descripcion"></p>
  174. </div>
  175. <div class="clear"></div>
  176. </div>
  177. </div>
  178. </div>
  179. <div class="titulos"> <a href="http://curso.especificosba.com.ar">Ir a la plataforma de estudios </a></div>
  180. <br/><br/>
  181. </div>
  182. </div>
  183. </div>
  184. <div class="seccion" id="distribuidoras">
  185. <h1><span>DONDE COMPRAR</span></h1>
  186. <?php
  187. include("tabla_distrib.html");
  188. ?>
  189. </div>
  190. <div id="footer-outer">
  191. <div id="footer-inner-left">
  192. <h5> MANTENERSE INFORMADO </h5> <br />
  193. Para recibir el newsletter de informaciones de ESPECIFICOS Buenos Aires,
  194. complete los campos “correo electrónico” y haga clic en “inscribirse”.
  195. <br />
  196. <div id="input-footer">
  197. <input id="suscribe" type="text" />
  198. <input id="ok" type="submit" value="Inscribirse" />
  199. <div id="respuestanewsletter"></div>
  200. </div>
  201. </div>
  202. <div id="footer-inner-right">
  203. <h4> FACEBOOK </h4> <br />
  204. En esta página encontrará todo tipo de informaciones acerca de
  205. ESPECIFICOS Buenos Aires, consejos, exclusividades, notas, cursos,
  206. charlas de capacitación, novedades, eventos.
  207. <br/>
  208. Para acceder a la página, haga clic aquí.<br/><br/>
  209. <a href="https://www.facebook.com/pages/Especificos-Buenos-Aires/326062297573907"><img alt="Facebook" src="Images/fb.png" width=50 height=50></a>
  210. </div>
  211. </div>
  212. <script src="js/rivets.bundled.min.js"></script>
  213. <script type="text/javascript" src="js/anim.js"> </script>
  214. <script type="text/javascript" src="js/main.js"> </script>
  215. <?php include('piwik.html'); ?>
  216. </body>
  217. </html>