-
Notifications
You must be signed in to change notification settings - Fork 2
/
03-imagenes.html
executable file
·82 lines (65 loc) · 3.57 KB
/
03-imagenes.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
<!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, shrink-to-fit=no">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<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=Dosis:wght@400;500&display=swap" rel="stylesheet">
<!-- Mis hojas de estilo personalizadas -->
<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
<h2>Imágenes</h2>
<main>
<div>
<article>
<header>
<h1>Visita Londres este Verano</h1>
<img src="img/imagen_01.jpg" class="img-fluid">
</header>
<p>Curabitur luctus massa neque, sed efficitur dolor mollis sed. Mauris feugiat urna in lacus facilisis
tristique. Sed
tristique tincidunt felis, at condimentum urna. Duis vel arcu turpis. Nunc cursus rutrum suscipit. Curabitur
lacinia
quam non purus blandit bibendum. Nulla vitae molestie lorem, vitae feugiat enim. Praesent ullamcorper accumsan
est, non euismod justo dapibus sit amet. Sed interdum purus dictum sem porta accumsan.</p>
<img src="img/imagen_02.jpg" class="img-fluid img-thumbnail float-start me-4">
<p>Nunc vestibulum ipsum et sollicitudin tempus. Donec elit felis, accumsan nec tortor ut, semper egestas sem.
Integer
a est quis leo mattis hendrerit ac id massa. Suspendisse fringilla aliquam lorem, eget condimentum enim
iaculis
quis. Vestibulum ex urna, porta at malesuada rutrum, faucibus non mauris. Etiam eleifend neque eget risus
rhoncus,
a consequat est molestie. Ut nisl velit, ultrices in volutpat eu, pellentesque eget diam. In hac habitasse
platea
dictumst. Maecenas in dui erat. Curabitur quis blandit ante, quis porttitor quam. Phasellus hendrerit sagittis
elit. Nulla ipsum purus, pretium sed ipsum ut, gravida placerat erat. Vivamus pulvinar erat eu sagittis
laoreet.
Etiam et interdum diam, suscipit tristique ex.
<img src="img/imagen_03.jpg" class="img-fluid img-thumbnail float-end ms-4 mt-4">
<p>Nullam commodo auctor nibh, a lobortis nisi fringilla non. In laoreet quis diam non ultrices. Proin urna
ante,
interdum vel nunc a, condimentum malesuada orci. Suspendisse potenti. Sed pharetra scelerisque faucibus.
Nullam
ante nunc, mattis vel elit sed, tempor blandit turpis. Vestibulum vitae ornare dolor, eu posuere ligula.
Integer
non tellus sit amet odio feugiat posuere. Praesent vel ante ac ipsum dapibus fermentum. Mauris tristique
lobortis
pellentesque. Nullam luctus lectus sed ante semper hendrerit. Curabitur ut est vitae mauris porttitor rhoncus
vitae in turpis. Etiam malesuada metus a nunc egestas, a efficitur ligula cursus. Morbi diam nisi, pretium
quis
odio at, tristique venenatis nisi. Mauris quam mi, cursus non lectus eget, auctor hendrerit odio. Cras ligula
eros, bibendum porttitor hendrerit at, tristique non felis.</p>
<div>
<img src="img/imagen_04.jpg" class="img-fluid rounded">
</div>
</article>
</div>
</main>
</body>
</html>