forked from MrJoseV/MrJoseV.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_iguana.html
83 lines (63 loc) · 3 KB
/
index_iguana.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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Iguana Web</title>
<link rel="stylesheet" href="./assets/css/style_iguana.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
</html>
<body>
<header>
<h1>IGUANAS</h1>
</header>
<nav>
<img src="./assets/img_iguana/bg-header.jpg" alt="foto iguana header "class="header_img">
</nav>
<main>
<section class="info_iguana">
<div class="info_box">
<p> La iguana es un reptil perteneciente a la familia Iguanadiae.
Su tamaño está entre los 15 cm hasta los 2 metros de largo y puede llegar a pesar unos 15 kg.
Cuando están jóvenes tienen una coloración con tonos verdes y al ir madurando predomina un color grisáceo con crestas o espinas en su espalda.
La alimentación de la iguana va variando según su etapa de vida, pero la mayor parte de sus años son herbívoras.
Viven en lugares tropicales con mucha vegetación y es un animal que puede ser domesticado.</p>
<img scr="./assets/img_iguana/iguana-1.jpg" alt ="foto iguana info" >
</div>
</section>
<section class="caracteris">
<h2>Caracteristicas</h2>
<div class="contenerdor_caracteristica">
<div class="tarjeta">
<i class="fa-solid fa-eye"></i>
<h3>Tercer ojo</h3>
</div>
<div class="tarjeta">
<i class="fa-brands fa-angellist"></i>
<h3>Pacificas</h3>
</div>
<div class="tarjeta">
<i class="fa-solid fa-paintbrush"></i>
<h3>Cambian de color</h3>
</div>
</div>
</section>
<section class="galeria">
<div>
<img scr="./assets/img_iguana/iguana-2.jpg" alt ="foto iguana 1">
<img scr="../assets/img_iguana/iguana-3.jpg" alt ="foto iguana 2">
<img scr="./assets/img_iguana/iguana-4.jpg" alt ="foto iguana 3">
</div>
</section>
</main>
<footer class="text-white">
<p>Visita https://www.anipedia.net/iguanas/iguana-verde/ para conocer más.</p>
<a href= "index.html"> Regresar a pagina principal Jose Venegas <br></a>
</footer>
</body>