-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (78 loc) · 2.71 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
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Eiffel</title>
<style>
body {
background-color: blueviolet;
padding: 30px;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
h2 {
color: white;
}
.titulo-principal {
color: yellow;
}
.imagen-centrada {
margin: auto;
display: block;
border-radius: 700px;
}
</style>
</head>
<body>
<a href="./torre.html" target="_blank"> Ir a ver la torre</a>
<h1>LA GRAN TORRE</h1>
<a href="#septimo">Septimo titulo</a>
<h2 class="titulo-principal">Mi primer subtitulo en html</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere, aperiam,
ipsam enim tenetur minus illum voluptatem numquam omnis id sit repellat
illo est, commodi iusto impedit suscipit nemo dolorem nam.
</p>
<img class="imagen-centrada" src="eiffel.jpg" alt="Eiffel tower" />
<h2>Mi segundo subtitulo</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero
facilis, nesciunt architecto ea neque, optio ad eius inventore, id
tenetur. Corporis deserunt deleniti, dolore iusto ullam modi sapiente
molestiae.
</p>
<h2>Mi tercer subtitulo</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero
facilis, nesciunt architecto ea neque, optio ad eius inventore, id
tenetur. Corporis deserunt deleniti, dolore iusto ullam modi sapiente
molestiae.
</p>
<h2>Mi cuarto subtitulo</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero
facilis, nesciunt architecto ea neque, optio ad eius inventore, id
tenetur. Corporis deserunt deleniti, dolore iusto ullam modi sapiente
molestiae.
</p>
<h2>Mi quinto subtitulo</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero
facilis, nesciunt architecto ea neque, optio ad eius inventore, id
tenetur. Corporis deserunt deleniti, dolore iusto ullam modi sapiente
molestiae.
</p>
<h2>Mi sexto subtitulo</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero
facilis, nesciunt architecto ea neque, optio ad eius inventore, id
tenetur. Corporis deserunt deleniti, dolore iusto ullam modi sapiente
molestiae.
</p>
<h2 id="septimo">Mi septimo subtitulo</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt vero
facilis, nesciunt architecto ea neque, optio ad eius inventore, id
tenetur. Corporis deserunt deleniti, dolore iusto ullam modi sapiente
molestiae.
</p>
</body>
</html>