-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (132 loc) · 5.82 KB
/
index.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="es">
<head>
<title>Cactus Land</title>
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="pagina para los amantes de los cactus">
<meta name="keywords" content="cactus, espinas, plantas, cuidados para cactus">
<link rel="stylesheet" href="css/stylecactus.css">
<script src="https://kit.fontawesome.com/036f49b8aa.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<div class="title">
<h1>CACTUS LAND</h1>
</div>
<div>
<ul>
<li><a href="nosotros.html">nosotros</a></li>
<li class="desplegable"><a href="servicios.html">servicios</a>
<ul>
<li><a href="servicios.html#wallpapers">Fondos de pantalla</a></li>
<li><a href="servicios.html#macetas">Venta de macetas</a></li>
<li><a href="servicios.html#terrarios">Terrarios</a></li>
<li><a href="servicios.html#lampara">Lámpara para interiores</a></li>
<li><a href="servicios.html#decoraciones">Decoraciones</a></li>
</ul>
</li>
<li><a href="contacto.html">contacto</a></li>
</ul>
</div>
</nav>
<div>
<section>
<p>Los cactus se hallan entre las plantas más resistentes a condiciones climáticas adversas, debido a ello, prosperan en regiones muy áridas. El grupo se caracteriza por su forma carnosa, la presencia de espinas y púas, así como por sus grandes flores solitarias de colores brillantes.</p>
</section>
<section>
<h2>Para los amantes de los cactus</h2>
</section>
</div>
</header>
<section class="principal">
<section class="unodetres">
<h3>Los cactus vienen en muchas formas, tamaños y colores.</h3>
</section>
<section class="dosdetres">
<a href="#tipos">
<h3>¿Cuántos tipos de cactus existen?</h3>
</a>
</section>
<section class="tresdetres">
<a href="#trasplantar">
<h3>¿Deseas plantar tu propio cactus?</h3>
</a>
</section>
</section>
<section class="secundario">
<p></p>
<a name="tipos"><h2>Tipos:</h2></a>
<ul>
<li>Cactus erizo <i>(Echinocactus grusonii)</i>
<img src="https://images-na.ssl-images-amazon.com/images/I/91lfFLvSR6L._AC_SX450_.jpg" alt="imagen de cactus erizo">
</li>
<li>Nopal <i>(Opuntia ficus-indica)</i>
<img src="https://bodegadecervezas.files.wordpress.com/2014/03/nopales.jpg" alt="imagen de nopal">
</li>
<li>Mamilaria <i>(Mammillaria fraileana)</i>
<img src="https://images-na.ssl-images-amazon.com/images/I/816y4Z9uDjL._AC_SL1500_.jpg" alt="imagen de mamilaria">
</li>
<li>Peyote <i>(Lophophora diffusa)</i>
<img src="https://www.llifle.com/photos/Lophophora_diffusa_28295_l.jpg" alt="imagen de peyote">
</li>
<li>Cactus navideño<i>(Schlumbergera truncata)</i>
<img src="https://www.hogarmania.com/archivos/201911/cactus-de-navidad-1280x720x80xX.jpg" alt="imagen de cactus navideño">
</li>
<li>Astrophytum<i>(Astrophytum myriostigma)</i>
<img src="https://cdn.webshopapp.com/shops/107930/files/168056129/astrophytum-asterias-seeigelkaktus-cites-not-outsi.jpg" alt="imagen de cactus estrella">
</li>
</ul>
<a name="trasplantar"><h4>Cómo podemos trasplantarlos</h4></a>
<video src="media/Cómo transplantar un cactus.mp4" controls=""></video>
</br>
<h6>Música para ambientar tu estadia en la página🌵💚</h6>
<audio controls loop>
<source src="media/Parcels - Overnight.mp3" type="audio/mp3">
</audio>
</section>
<footer>
<section class="footerSection">
<div class="footerInfo">
<h3>
Nuestra Marca
</h3>
<ul>
<li>
Sobre nosotros
</li>
<li>
Trabaja con nosotros
</li>
</ul>
</div>
<div class="footerInfo">
<h3>
Servicios
</h3>
<ul>
<li>Tipos de entrega</li>
<li>Tarjetas de Regalo</li>
</ul>
</div>
<div class="footerInfo">
<h3>¿Necesitas ayuda?</h3>
<ul>
<li>Contacto</li>
<li>Devoluciones</li>
</ul>
</div>
<div class="redes">
<a href="https://www.instagram.com/buenoscactus/?hl=en" target="_blank"> <i class="fab fa-2x fa-instagram"></i></a>
<a href="#"> <i class="fab fa-2x fa-reddit"></i></a>
<a href="#" class="facebook"><i class="fab fa-2x fa-facebook"></i></a>
<a href="#" class="twitter"> <i class="fab fa-2x fa-twitter"></i></a>
<a href="#" class="pinterest"><i class="fab fa-2x fa-pinterest"></i></a>
<a href="#" class="google plus"><i class="fab fa-2x fa-google-plus-g"></i></a>
<a href="#" class="vimeo"><i class="fab fa-2x fa-vimeo"></i></a>
</div>
</section>
</footer>
</body>
</html>