index.php 17 KB

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