-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (119 loc) · 6.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="./css/styles.css">
<title>Actividad 2</title>
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">Inicio</a></li>
</ul>
<ul>
<li><a href="#">Nosotros</a></li>
</ul>
<ul>
<li><a href="#">Perros</a></li>
</ul>
<ul>
<li><a href="#">Gatos</a></li>
</ul>
<ul>
<li><a href="#">Nosotros</a></li>
</ul>
</div>
<div class="main">
<div class="section aqua">
<h2>Lorem ipsum dolor sit.</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore ab
iusto dolor aliquam corrupti in ex omnis blanditiis recusandae
ducimus, velit fugiat nostrum provident aut magnam! Labore quam vero
porro numquam dolores ratione doloremque veritatis corporis
cupiditate, assumenda itaque? Ipsam suscipit ex nesciunt tenetur
laboriosam nihil praesentium, vel distinctio aliquam sequi enim
impedit illum exercitationem doloremque voluptas ea veritatis harum
eius! Nemo nostrum totam asperiores impedit neque voluptatibus cumque,
earum, similique a sapiente sunt sequi vel, consequatur modi numquam
maxime in corporis? Laborum magni expedita modi temporibus praesentium
veniam quidem omnis, quos maiores eum consequuntur non! Ipsam
accusamus tempore autem veritatis ipsa animi doloribus, cupiditate
quisquam, incidunt nostrum eius mollitia assumenda cum sapiente, at
enim ducimus quidem? Earum, perspiciatis reprehenderit. Voluptas ipsam
esse quae dignissimos magni hic quidem a nisi. Omnis incidunt animi
sit quia sint similique alias numquam fugiat magnam eveniet, officiis
atque nulla mollitia! Inventore ipsam expedita sint.
</p>
</div>
<div class="section amarillo">
<h2>Lorem ipsum dolor sit.</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore ab
iusto dolor aliquam corrupti in ex omnis blanditiis recusandae
ducimus, velit fugiat nostrum provident aut magnam! Labore quam vero
porro numquam dolores ratione doloremque veritatis corporis
cupiditate, assumenda itaque? Ipsam suscipit ex nesciunt tenetur
laboriosam nihil praesentium, vel distinctio aliquam sequi enim
impedit illum exercitationem doloremque voluptas ea veritatis harum
eius! Nemo nostrum totam asperiores impedit neque voluptatibus cumque,
earum, similique a sapiente sunt sequi vel, consequatur modi numquam
maxime in corporis? Laborum magni expedita modi temporibus praesentium
veniam quidem omnis, quos maiores eum consequuntur non! Ipsam
accusamus tempore autem veritatis ipsa animi doloribus, cupiditate
quisquam, incidunt nostrum eius mollitia assumenda cum sapiente, at
enim ducimus quidem? Earum, perspiciatis reprehenderit. Voluptas ipsam
esse quae dignissimos magni hic quidem a nisi. Omnis incidunt animi
sit quia sint similique alias numquam fugiat magnam eveniet, officiis
atque nulla mollitia! Inventore ipsam expedita sint.
</p>
</div>
<div class="section naranjo">
<h2>Lorem ipsum dolor sit.</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore ab
iusto dolor aliquam corrupti in ex omnis blanditiis recusandae
ducimus, velit fugiat nostrum provident aut magnam! Labore quam vero
porro numquam dolores ratione doloremque veritatis corporis
cupiditate, assumenda itaque? Ipsam suscipit ex nesciunt tenetur
laboriosam nihil praesentium, vel distinctio aliquam sequi enim
impedit illum exercitationem doloremque voluptas ea veritatis harum
eius! Nemo nostrum totam asperiores impedit neque voluptatibus cumque,
earum, similique a sapiente sunt sequi vel, consequatur modi numquam
maxime in corporis? Laborum magni expedita modi temporibus praesentium
veniam quidem omnis, quos maiores eum consequuntur non! Ipsam
accusamus tempore autem veritatis ipsa animi doloribus, cupiditate
quisquam, incidunt nostrum eius mollitia assumenda cum sapiente, at
enim ducimus quidem? Earum, perspiciatis reprehenderit. Voluptas ipsam
esse quae dignissimos magni hic quidem a nisi. Omnis incidunt animi
sit quia sint similique alias numquam fugiat magnam eveniet, officiis
atque nulla mollitia! Inventore ipsam expedita sint.
</p>
</div>
<div class="section rojo">
<h2>Lorem ipsum dolor sit.</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore ab
iusto dolor aliquam corrupti in ex omnis blanditiis recusandae
ducimus, velit fugiat nostrum provident aut magnam! Labore quam vero
porro numquam dolores ratione doloremque veritatis corporis
cupiditate, assumenda itaque? Ipsam suscipit ex nesciunt tenetur
laboriosam nihil praesentium, vel distinctio aliquam sequi enim
impedit illum exercitationem doloremque voluptas ea veritatis harum
eius! Nemo nostrum totam asperiores impedit neque voluptatibus cumque,
earum, similique a sapiente sunt sequi vel, consequatur modi numquam
maxime in corporis? Laborum magni expedita modi temporibus praesentium
veniam quidem omnis, quos maiores eum consequuntur non! Ipsam
accusamus tempore autem veritatis ipsa animi doloribus, cupiditate
quisquam, incidunt nostrum eius mollitia assumenda cum sapiente, at
enim ducimus quidem? Earum, perspiciatis reprehenderit. Voluptas ipsam
esse quae dignissimos magni hic quidem a nisi. Omnis incidunt animi
sit quia sint similique alias numquam fugiat magnam eveniet, officiis
atque nulla mollitia! Inventore ipsam expedita sint.
</p>
</div>
</div>
</body>
</html>