protector.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. <!doctype html>
  2. <head>
  3. <title>Protection Time 50+</title>
  4. <link type="text/css" rel="Stylesheet" href="css/protector.css" />
  5. <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
  6. <link type="text/css" rel="Stylesheet" href="css/menu.css" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
  9. <script src="js/aplicacion.js"></script>
  10. <script>
  11. // window.onload = function(){
  12. // document.getElementById("imgp").src="Images/protector/sesamo.png"
  13. // }
  14. </script>
  15. </head>
  16. <body>
  17. <div id="top_wrapper">
  18. <div id="navbar">
  19. <ul id="navlist">
  20. <li> volver </li>
  21. <li> elige tu protector </li>
  22. <li> c&oacute;mo aplicar </li>
  23. <li> m&aacute;s informaci&oacute;n </li>
  24. <li> indice uv en tu zona</li>
  25. </ul>
  26. </div>
  27. </div>
  28. <div id="title">
  29. <img src="Images/logo-nuevo.png"/>
  30. </div>
  31. <div id="protector-slide">
  32. <div id="slide-wrapper">
  33. <div id="prod-image">
  34. <img src="Images/protector/grosella.png" id="imgp"/>
  35. <div id="space"></div>
  36. </div>
  37. <div id="prod-description">
  38. <div id="prod-title">PROTECTION TIME FPS 50+ Fluido facial con color + ác Hialurónico</div>
  39. <div id="prod-text">Protección reforzada frente a los rayos UVA y UVB, gracias a un sistema filtrante óptimo Específico, combinado con Acido Hialurónico, hidratante protector de la piel. Ayuda a prevenir intolerancias solares y daño celular provocado por la acción de rayos UV. Textura fluida, no grasa. Acabado imperceptible. <br/>
  40. Sin perfume. Sin parabenos, con color.</div>
  41. <div id="space"></div>
  42. </div>
  43. <div id="space"></div>
  44. </div>
  45. <div id="slider-bottom">
  46. <div id="1">&#11044;</div><div id="2">&#11044;</div><div id="3">&#11044;</div><div id="4">&#11044;</div>
  47. </div>
  48. </div>
  49. <div id="aplicacion" class="seccion">
  50. <h1> <span>C&oacute;mo Aplicar </span></h1>
  51. <p>
  52. ESPECIFICOS Buenos Aires, te cuida… <br/><br/>
  53. El efecto de las radiaciones UV en la piel es acumulativo, progresivo e irreversible.<br/>
  54. Exponerse al sol sin protección puede ser nocivo para las personas. <br/><br/>
  55. Elige cuidarte del sol este verano…<br/>
  56. </p>
  57. <div class="descripciones">
  58. <div id="time" class="descripcion">
  59. <div id="timeIcon" class="imageIcon"></div>
  60. Aplicar la crema antes de salir a la playa o la piscina, y como mínimo 30 minutos antes de exponerse al sol. <br/>
  61. Reaplicar cuando sea necesario de acuerdo a cada fototipo cutáneo. <b>Se recomienda cada dos horas </b>para mantener la protección, especialmente después de un baño o nadar<br/>
  62. </div>
  63. <div id="extend" class="descripcion">
  64. <div id="extendIcon" class="imageIcon"></div>
  65. Extender PROTECTION TIME 50+ sobre la piel bien seca.<br/>
  66. Aplicar una capa abundante, extendido por toda la piel sin dejar zonas sin protección.
  67. </div>
  68. </div>
  69. <div class="descripciones">
  70. <div id="water" class="descripcion">
  71. <div id="waterIcon" class="imageIcon"></div>
  72. No pulverizar sobre la piel con agua mientras se toma el sol.<br/>
  73. En el caso de haberse humedecido, seque con toalla y aplique foto protector Protection Time 50+. No olvide orejas, nuca y pies.<br/>
  74. </div>
  75. <div id="hat" class="descripcion">
  76. <div id="hatIcon" class="imageIcon"></div>
  77. Proteger la cabeza con un sombrero o gorra con visera; los ojos con gafas adecuadas.<br/>
  78. Evitar la exposición al sol entre las 11 y las 15 horas (horario de máxima radiación ultravioleta).
  79. </div>
  80. </div>
  81. <div class="descripciones">
  82. <div id="cloud" class="descripcion">
  83. <div id="cloudIcon" class="imageIcon"></div>
  84. Utilizar protección solar aunque esté nublado.<br/>
  85. </div>
  86. <div id="hat" class="descripcion">
  87. <div id="drinkIcon" class="imageIcon"></div>
  88. Beber agua o líquidos sin alcohol para evitar la deshidratación.<br/>
  89. </div>
  90. </div>
  91. <div id="informacion" class="seccion">
  92. <h1> <span>Más información</span></h1>
  93. <p>
  94. PROTECTION TIME 50+ te ayuda prevenir, evitando las exposiciones dañinas a los rayos ultra violetas (UV).<br/><br/>
  95. Factor de Protección Solar, es un número que mide cuánto tiempo se puede estar expuesto al sol para producir el mismo enrojecimiento o eritema que si no se hubiese utilizado la crema de protección solar. <br/><br/>
  96. Es decir: Sin la utilización de un protector, la piel deberá estar expuesta al sol durante 4 minutos para empezar a enrojecerse (eritema)</br>
  97. Si se utiliza una crema de FPS de 5, se tardarán 20 minutos</br>
  98. Utilizando un FPS 50, <b>se tardarán 200 minutos.</b><br/>
  99. <br/><br/>
  100. La intensidad (RUV) depende de:
  101. </p>
  102. <div class="descripciones">
  103. <div class="descripcion">
  104. <b>La elevación del sol: </b><br/>
  105. Cuanto más alto está el sol en el cielo, mayor es la intensidad de las radiaciones UV.
  106. </div>
  107. <div class="descripcion">
  108. <b>Protección de las nubes:</b><br/>
  109. Las radiaciones UV son más intensas cuando el cielo está despejado, pero pueden ser intensas aun cuando el cielo está nublado.
  110. </div>
  111. </div>
  112. <div class="descripciones">
  113. <div class="descripcion">
  114. <b>Latitud:</b><br/>
  115. Cuanto más cerca se está del ecuador, más intensas son las radiaciones UV.
  116. </div>
  117. <div class="descripcion">
  118. <b>Altitud:</b><br/>
  119. La intensidad de las radiaciones UV aumenta un 5% por cada 1000 metros de altitud.
  120. </div>
  121. </div>
  122. <div class="descripciones">
  123. <div class="descripcion">
  124. <b>Reflexión por el suelo:</b><br/>
  125. Muchas superficies reflejan los rayos del sol y aumentan la exposición general a las radiaciones ultravioleta (por ej., el césped, la tierra y el agua reflejan menos de 10%; la nieve recién caída y el hielo, entre 80% y 90%; la arena seca de las playas, entre 20% y 30%; y la espuma del mar, 25%).
  126. </div>
  127. <div class="descripcion">
  128. <b>Capa de Ozono: </b><br/>
  129. Este gas absorbe una parte de las radiaciones UV del sol. A medida que la capa de ozono se adelgaza, aumenta la cantidad de radiaciones UV que llegan a la superficie terrestre.
  130. </div>
  131. </div>
  132. </div>
  133. <div id="uv" class="seccion">
  134. <h1> <span>Indice UV en tu zona</span></h1>
  135. <p>
  136. ESPECIFICOS Buenos Aires desarrolló una aplicación para que puedas consultar el índice UV en tu zona.<br/>
  137. Sólo necesitas ingresar tu ubicación y recibirás dicho índice
  138. </p>
  139. <div id="app">
  140. <input type="text" id="direccion" placeholder="Por favor completa tu direccion">
  141. <div id="result">
  142. <p id="cargando">Cargando...</p>
  143. </div>
  144. </div>
  145. <a href="https://play.google.com/store/apps/details?id=eba.dv.uv"><img src="Images/playstore.png" style="width:50px"></a><br/>
  146. Descargá la aplicación para tu celular<br/>
  147. Accediendo a Google Play y buscando "Indice UV Especificos Buenos Aires"
  148. <br/><br/><br/>
  149. <b>Cómo actuar según el índice ? </b><br/><br/>
  150. <img src="Images/protector/INDICES.png"><br/><br/>
  151. Alcance de la aplicación:<br/><br/>
  152. <b> Para Argentina: </b> <br/>Alcance sobre todo el país
  153. <br/><br/>
  154. <b> Para Ecuador: </b><br/>
  155. <div class="descripciones">
  156. <div class="descripcion">
  157. Ambato<br/>
  158. Bahia de Caraquez<br/>
  159. Canar<br/>
  160. Catamayo<br/>
  161. Cocafrancisco<br/>
  162. Corazon<br/>
  163. Cuenca<br/>
  164. Esmeraldas<br/>
  165. Guayaquil<br/>
  166. Ibarra<br/>
  167. Inaquito<br/>
  168. Izobamba<br/>
  169. La Concordia Canton<br/>
  170. Latacunga<br/>
  171. La Tola<br/>
  172. Loja La Argelia<br/>
  173. Macas<br/>
  174. Machala<br/>
  175. </div>
  176. <div class="descripcion">
  177. Manta<br/>
  178. Milagro<br/>
  179. Nueva Loja<br/>
  180. Nuevo Rocafuerte<br/>
  181. Portoviejo<br/>
  182. PuertoIla<br/>
  183. Puyo<br/>
  184. Quero Chaca<br/>
  185. Quito<br/>
  186. Riobamba<br/>
  187. Rumipamba<br/>
  188. Salinas<br/>
  189. San Cristobal<br/>
  190. Santa Rosa<br/>
  191. Seymour<br/>
  192. Tena<br/>
  193. Tiputini<br/>
  194. Tulcanel Rosal<br/>
  195. </div>
  196. </div>
  197. <br/>
  198. <b> Para México: </b> <br/>
  199. <div class="descripciones">
  200. <div class="descripcion">
  201. Acapulco<br/>
  202. Chihuahua<br/>
  203. Culiacan<br/>
  204. Culiacan<br/>
  205. Guadalajara<br/>
  206. Hermosillo<br/>
  207. La Paz<br/>
  208. </div>
  209. <div class="descripcion">
  210. Merida<br/>
  211. Mexicali<br/>
  212. Mexico<br/>
  213. Monterrey<br/>
  214. San Luis Potosi<br/>
  215. Torreon<br/>
  216. Tuxtla<br/>
  217. </div>
  218. </div>
  219. </div>
  220. </body>
  221. </html>