-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpagina.html
86 lines (83 loc) · 4.76 KB
/
pagina.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<html>
<head>
<meta charset="UTF-8">
<title>¿Cuanta agua tomo al dia?</title>
<link href="ayudantia 4.css" rel="stylesheet"/>
<script type="text/javascript" src="jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="ayudantia.js"></script>
</head>
<body>
<h1 id="titulo"> Tomar agua! ¿Cuánta y por qué?</h1>
<h3 id="bajada"> Hola! Esta es una pagina sobre la importancia de tomar agua :)</h3>
<nav>
<ol id="links">
<li><a href="https://www.clinicasanjose.cl/clinica_sanjose/los-10-beneficios-del-agua-para-nuestra-salud#:~:text=Cuando%20el%20cuerpo%20recibe%20la,reumatismo%2C%20la%20artritis%2C%20etc."title="beneficios de tomar agua">Beneficios</a></li>
<li><a href="https://mejorconsalud.as.com/7-tips-beber-mas-agua-cada-dia/"title="tips para tomar mas agua">Tips<a</a></li>
<li><a href="https://www.muyinteresante.es/salud/articulo/consecuencias-de-no-beber-agua-501459947507#:~:text=No%20beber%20agua%20puede%20causar,un%20esfuerzo%20extremo%20para%20funcionar."title="consecuencias de no tomar agua">Consecuencias de no tomar agua</a></li>
</ol>
</nav>
<div class="div">
<p> Tomar agua es muy importante para la salud, ya que es fundamental para el correcto funcionamiento de nuestro organismo. Algunas de las funciones son:
<ul id="funciones">
<li>Regula y mantiene la temperatura normal del cuerpo</li>
<li>Posibilita el transporte de los nutrientes a las células.</li>
<li>Lubrica y amortigua las articulaciones.</li>
</ul>
</p>
</div>
<div id="foto1" class="div">
<img src="https://www.importancia.org/wp-content/uploads/ecologia-del/agua-valor-bebiendo.jpg"width ="200"/>
</div>
<div class="div">
<p>
<h1 id="texto2"> Y.... ¿Qué pasa si no tomamos agua?</h1>
</p>
</div>
<div class="div">
<img src="https://www.nalgeneiberia.com/wp-content/uploads/2016/04/1604-00-Nalgene_blog_videobeberagua01-770x452.jpg" width = "220"/>
</div>
<div id="texto" class="div">
<p> No tomar agua puede contribuimos a sufrir:
<ul>
<li>problemas digestivos</li>
<li>diabetes</li>
<li>aumento de peso</li>
<li>problemas en la piel</li>
<li>colesterol alto</li>
<li> Y un GRAN ETC.....</li>
</ul>
</p>
<p>
<h2 id="final"> No beber agua rompe el equlibrio de nuestro organismo asi que anda a servirte un vaso de agua YA!!!</h2>
</p>
</div>
<div id="fondo">
<p class="boton">
Quieres saber cada cuanto debes tomarte un vaso de agua??
Si tu respuesta es SI, ve la imagen de más abajo, si tu respuesta es NO:( haz click en el boton!
<button id="click"> Soy un boton! Hazme click </button>
</p>
<img id="imagen" src="https://lh3.googleusercontent.com/proxy/ZLP9-mU_qckwh8JbMJUTl1LAg47Utgr8uiPszxixKKgevFGJfO-n8Hy7y2qmBhn0sxxGlxiuNJqD9HIUip6nvA-cyWXEGaaULejri-XwOjQjFZSKHae9hDVKdw3UBeHaudhU4QtetTlXs9RuGZV2F_dK6P0QtifkZg" width = "350"/>
<p class="boton">
Si apretaste el boton sin ver la imagen te recomiendo que apretes este boton, tomar agua es muy importante, te sentiras con más energía y muchisimo más feliz!!:)
<button id="click2"> Soy un boton! Hazme click si o si!!!!</button>
</p>
</div>
<div>
<p class="boton"> Ahora que ya sabes lo importante que es tomar agua, te invito a empezar una vida mas saludable! </p>
<p class="boton">Te mostrare una lista de habitos que puedes implementar para una vida más saludable! Haz click en al menos 3 :)
<li class="habito">Comer de manera más equilibrada</li>
<li class="habito">Hacer ejercicio de manera habitual</li>
<li class="habito">Evitar fumar y no comsumir alcohol</li>
<li class="habito">Cuidar los dientes</li>
<li class="habito">Cuidar nuestra salud emocional</li>
<li class="habito">Dormir bien</li>
<li class="habito">Tomar más agua!</li>
</p>
<p class="boton"> Los 3 Habitos nuevos que implementaras para una vida mas saludables son:</p>
<p id="lista"></p>
<p> Si quieres 3 hábitos distintos a los que elejiste, haz click en el boton</p>
<button id="click3"> Hazme click!</button>
</div>
</body>
</html>