index.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
  1. <?php
  2. header('Content-Type: text/html; charset=UTF-8');
  3. ?>
  4. <html>
  5. <!doctype html>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <head>
  8. <script src="js/jquery-1.10.2.js">
  9. </script>
  10. <script type="text/javascript">
  11. $(document).ready(function () {
  12. $(".titulo_curso").click(function(){
  13. $(".descripcion_curso[tatosa="+$(this).attr("tatosa")+"]").slideToggle(400);
  14. });
  15. $("#overlay-contact").css("height",$(document).height()+"px");
  16. $('.contact').click(function(event){
  17. event.preventDefault();
  18. $('.basic-grey, #overlay-contact').toggle();
  19. if($('.basic-grey').is(':visible')){
  20. $('#overlay-contact').click(function(){
  21. $('.basic-grey, #overlay-contact').hide();
  22. });
  23. $('#exit').click(function(){
  24. $('.basic-grey, #overlay-contact').hide();
  25. });
  26. }
  27. });
  28. $('li a').click(function () {
  29. $('html, body').animate({ scrollTop: $($(this).attr('href')).position().top }, 'slow');
  30. return false;
  31. });
  32. $('.menu').hide();
  33. $('#responsive-menu').click(function(){
  34. $('.menu').slideToggle(300);
  35. });
  36. var startY= $('#top_wrapper').position().top + $('#top_wrapper').outerHeight();
  37. $('#logo').css('opacity','0');
  38. $('#navlist').css('height','55px');
  39. $(window).scroll(function () {
  40. if($(this).scrollTop() > startY ){
  41. $('#logo').css({'opacity':'1', 'transition': 'opacity 0.5s ease-in-out'});
  42. }else{
  43. $('#logo').css({'opacity':'0', 'transition': 'opacity 0.5s ease-in-out'});
  44. }
  45. });
  46. $("#btnconsulta").click(function() {
  47. $.post('contacto.php',{nombre: $("#name").val(), mail:$("#email").val(),consulta:$("#message").val()}).done(function(data) {
  48. $("#respuestacontacto").html(data);
  49. });
  50. });
  51. $("#ok").click(function() {
  52. $.post('newsletter.php',{mail:$("#suscribe").val()}).done(function(data) {
  53. $("#respuestanewsletter").html(data);
  54. });
  55. });
  56. });
  57. </script>
  58. <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
  59. <title>Especificos Buenos Aires</title>
  60. </head>
  61. <body>
  62. <div id="overlay-contact">
  63. </div>
  64. <div class="basic-grey">
  65. <div id="exit"><h5>X</h5></div>
  66. <form action="" method="post" class="STYLE-NAME">
  67. <h5>Contacto</h5><br>
  68. Un equipo de profesionales está a su servicio para responder sus consultas<br>
  69. Av. Bernardino Rivadavia 5427 3F, CABA (1424), Buenos Aires, Argentina.<br>
  70. Tel&eacute;fono: +5411 4139-6860/1 +5411 4904-0289.
  71. <br><br>
  72. <label>
  73. <span>Nombre :</span>
  74. <input id="name" type="text" name="name" />
  75. </label>
  76. <br>
  77. <label>
  78. <span>Email :</span>
  79. <input id="email" type="email" name="email" />
  80. </label>
  81. <br>
  82. <label>
  83. <span>Mensaje :</span>
  84. <textarea id="message" name="message" ></textarea>
  85. </label>
  86. <br>
  87. <label>
  88. <span>&nbsp;</span>
  89. <input id="btnconsulta" type="button" class="button" value="Enviar" />
  90. </label>
  91. <div id="respuestacontacto"></div>
  92. </form>
  93. </div>
  94. <div id="top_wrapper">
  95. <div id="navbar">
  96. <ul id="navlist">
  97. <li><a href="#nosotros">nosotros</a></li>
  98. <li><a href="#productos">productos</a></li>
  99. <li><a href="#actividades">actividades</a></li>
  100. <li><a href="#top_wrapper"><img src="Images/icons/logo.png" id="logo" style="width: 51px; height: 50px;" /></a></li>
  101. <li><a href="#cursos">cursos</a></li>
  102. <li><a href="#distribuidoras">donde comprar</a></li>
  103. <li class="contact"><a href="#">contacto</a></li>
  104. </ul>
  105. <ul id="responsive">
  106. <li><a href="#nosotros"><img src="Images/icons/Us.png" /></a></li>
  107. <li><a href="#productos"><img src="Images/icons/productos.png" /></a></li>
  108. <li><a href="#actividades"><img src="Images/icons/actividades.png" /></a></li>
  109. <li><a href="#top_wrapper"><img src="Images/icons/logo.png" /></a></li>
  110. <li><a href="#cursos"><img src="Images/icons/cursos.png" /></a></li>
  111. <li><a href="#distribuidoras"><img src="Images/icons/dondecomprar.png" /></a></li>
  112. <li><a href="#contacto"><img src="Images/icons/contacto.png" class="contact" /></a></li>
  113. </ul>
  114. </div>
  115. </div>
  116. <div id="banner">
  117. <img src="Images/blanco.png"/><br />
  118. <br /><br/>
  119. <h2>Lujo, ciencia, tecnología y belleza al cuidado de tu piel</h2>
  120. </div>
  121. <div class="seccion" id="nosotros">
  122. <br /><br />
  123. <h1><span>NOSOTROS</span></h1>
  124. <p>
  125. La línea profesional ESPECIFICOS Buenos Aires, fue creada hace diez años por iniciativa de
  126. un matrimonio de químicos cosméticos, con más de 25 años de experiencia en la industria del
  127. cuidado de la piel. Quienes han unido su pasión por la cosmética y experiencia para desarrollar
  128. y perfeccionar una extensa gama de productos que podrán dar solución a las demandas y expectativas
  129. de sus clientas más exigentes.<br/><br/>Tratamientos pensados desde una profesional de la estética
  130. hacia sus colegas, consciente de la problemática a la que cada una de las profesionales se enfrenta
  131. cada día. Combinando un enfoque personalizado de tratamientos con métodos no invasivos, basados en
  132. sistemas específicos para cada instancia de la piel.<br/><br/> Tratando y compensando los distintos
  133. biotipos cutáneos en cada necesidad en particular, con sistemas de vanguardia, siempre basados en
  134. el profundo estudio de la piel. Hoy, la Metodología Específica, combinando un enfoque personalizado
  135. de tratamientos estéticos, ingredientes puros concentrados, vehículos de alto desarrollo,
  136. protocolos de procedimiento innovadores, como también estrictos controles de calidad internacional,
  137. goza de una incuestionable reputación de excelencia.<br/><br/>La ética, el apoyo profesional
  138. constante y la formulación constituyen los valores fundamentales de ESPECIFICOS Buenos Aires. </p>
  139. </div>
  140. <div class="seccion" id="productos">
  141. <h1><span>PRODUCTOS</span></h1>
  142. <p> <b>Cuidado específico para cada tipo de piel </b> <br/>
  143. El diagnóstico previo personalizado y seguimiento por una profesional formada en
  144. tratamientos ESPECIFICOS Buenos Aires es nuestra filosofía de excelencia, ética,
  145. seriedad y apoyo constante para un perfecto resultado.<br/><br/>
  146. Un producto ESPECIFICOS Buenos Aires responde a cuatro principios fundamentales:</p>
  147. <div class="descripciones">
  148. <div id="pureza" class="descripcion">
  149. <img src="Images/icons/pure.png"><br/><br/>
  150. Principios activos seleccionados de máximo grado de pureza.
  151. </div>
  152. <div id="ciencia" class="descripcion">
  153. <img src="Images/icons/cience.png"><br/><br/>
  154. Formulaciones únicas, concebidas en combinación con técnicas de aplicación
  155. sinérgica, que aportan resultados inmediatos y duraderos.
  156. </div>
  157. </div>
  158. <div class="descripciones">
  159. <div id="integridad" class="descripcion">
  160. <img src="Images/icons/integridad.png"><br/><br/>
  161. Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.
  162. </div>
  163. <div id="control" class="descripcion">
  164. <img src="Images/icons/control.png"><br/><br/>
  165. Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.
  166. </div>
  167. </div>
  168. </div>
  169. <div class="seccion" id="actividades">
  170. <br /><br />
  171. <h1><span>ACTIVIDADES</span></h1>
  172. <p>
  173. </p>
  174. </div>
  175. <div id="cursos">
  176. <br /><br />
  177. <div id="curso">
  178. <h1><span>CURSOS</span></h1>
  179. <p style="margin-top: 60px; margin-bottom: 10px;">
  180. <b>Garantía de calidad en formación profesional.</b><br/><br/>
  181. <i>Haga click en alguno de los siguientes cursos para acceder al contenido</i><br/><br/>
  182. <div class="titulo_curso" tatosa="banana">Especialización en Dermatocosmiatría, curso anual <div style="font-size: 10pt; display:inline;">[+]</div></div>
  183. <div class="descripcion_curso" tatosa="banana">
  184. La incorporación de nuevos métodos y tecnologías ha transformado completamente los tratamientos estéticos.<br/>
  185. 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/>
  186. 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/>
  187. 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/>
  188. 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/>
  189. El principal objetivo debe ser ofrecer un tratamiento eficaz y seguro que mejore el bienestar.<br/>
  190. 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/>
  191. Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmiatría, Profesionales de la Estética.<br/>
  192. <i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
  193. </div>
  194. <div class="titulo_curso" tatosa="apestosa">Rejuvenecimiento facial con métodos no invasivos <div style="font-size: 10pt; display:inline;">[+]</div></div>
  195. <div class="descripcion_curso" tatosa="apestosa">
  196. 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.
  197. 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.
  198. <br>
  199. <i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
  200. </div>
  201. <div class="titulo_curso" tatosa="deliciosa">Drenaje Linfático Manual <div style="font-size: 10pt; display:inline;">[+]</div></div>
  202. <div class="descripcion_curso" tatosa="deliciosa">
  203. 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.
  204. 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.
  205. Esta técnica se ha perfeccionado en los últimos años.
  206. Actúa sobre el sistema neurovegetativo. Mejora el Sistema inmune, actúa en prevención.
  207. 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.
  208. <br>
  209. <i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
  210. <br/><br/><br/><br/>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="seccion" id="distribuidoras">
  215. <br /><br />
  216. <h1><span>DONDE COMPRAR</span></h1>
  217. <?php
  218. header('Content-Type: text/html; charset=UTF-8');
  219. include('db.php');
  220. $statement = $db->prepare("SELECT z.categoria, z.id
  221. FROM categorias_distribuidoras z");
  222. $statement->execute();
  223. $statement->store_result();
  224. $statement->bind_result($zona, $id);
  225. while( $statement->fetch() ){
  226. echo " <div class='tabla' id='$zona'>
  227. <h3>$zona</h3>
  228. <table class='capital-tabla'>
  229. <thead>
  230. <tr>
  231. <th>Provincia</th>
  232. <th>Localidad</th>
  233. <th>Distribuidor</th>
  234. <th>Domicilio</th>
  235. <th>Teléfono</th>
  236. </tr>
  237. </thead>
  238. <tbody>";
  239. $contenido = $db->prepare("SELECT d.nombre, d.telefono, d.direccion, d.localidad, d.provincia
  240. FROM distribuidoras d
  241. left join categorias_distribuidoras c
  242. on d.categoria = c.id
  243. where d.categoria = ?");
  244. $contenido->bind_param('s', $id);
  245. $contenido->execute();
  246. $contenido->store_result();
  247. $contenido->bind_result($nombre, $telefono, $direccion, $localidad, $provincia );
  248. while ( $contenido->fetch() ) {
  249. echo "
  250. <tr>
  251. <td>$provincia</td>
  252. <td>$localidad</td>
  253. <td>$nombre</td>
  254. <td>$direccion</td>
  255. <td>$telefono</td>
  256. </tr>";
  257. }
  258. echo "</tbody></table></div>";
  259. }
  260. ?>
  261. </div>
  262. <div id="footer-outer">
  263. <div id="footer-inner-left">
  264. <h5> MANTENERSE INFORMADO </h5> <br />
  265. Para recibir el newsletter de informaciones de ESPECIFICOS Buenos Aires,
  266. complete los campos “ correo electrónico” y haga clic en “inscribirse”.
  267. <br />
  268. <div id="input-footer">
  269. <input id="suscribe" type="text" />
  270. <input id="ok" type="submit" value="Inscribirse" />
  271. <div id="respuestanewsletter"></div>
  272. </div>
  273. </div>
  274. <div id="footer-inner-right">
  275. <h4> FACEBOOK </h4> <br />
  276. En esta página encontrará todo tipo de informaciones acerca de
  277. ESPECIFICOS Buenos Aires, consejos, exclusividades, notas, cursos,
  278. charlas de capacitación, novedades, eventos.
  279. <br/>
  280. Para acceder a la página, haga clic aquí.<br/><br/>
  281. <a href="https://es-la.facebook.com/EspecificosBuenosAires‎"><img src="Images/fb.png" style="width:50px"></a>
  282. </div>
  283. </div>
  284. </body>
  285. </html>