index.php 17 KB

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