-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (83 loc) · 4.32 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
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords"
content="Charles, Dickens, novelista, britanico, victoriana, Portsmouth, realismo">
<meta name="description"
content="Website dedicada al novelista británico Charles Dickens, dónde nació, estilo narrativo y obras principales.">
<link rel="stylesheet" href="./css/estilos.css">
<script src="https://kit.fontawesome.com/8032fc16b6.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Charles Dickens</title>
</head>
<body>
<header>
<div class="Imagen_Logo">
<img src="../images/Charles Dickens writting.jpg" alt="Charles Dickens escribiendo" />
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Home</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="./pages/biografia.html">Biografía</a>
<a class="nav-link" href="./pages/obra-literaria.html">Obra Literaria</a>
<a class="nav-link" href="./pages/museo.html">Museo</a>
<a class="nav-link" href="./pages/contacto.html">Contacto</a>
</div>
</div>
</div>
</nav>
</header>
<main class="home">
<div class="card mb-0" style="max-width: 40%;">
<div class="row g-0">
<div class="col-md-4">
<img src="./images/fondo_index.jpg" class="imagen_Fondo" alt="">
</div>
<div class="col-md-8">
<div class="card-body">
<div class="texto">
<strong><p>El hombre nunca sabe de lo que es capaz hasta que lo intenta.</p></strong><br>
<P>Fue un famoso novelista inglés,y uno de los más conocidos de la literatura universal,
quien supo manejar con maestría el género narrativo, el humor,
el sentimiento trágico de la vida, la ironía, con una aguda y álgida crítica social así como las descripciones de personas y lugares,
tanto reales como imaginarios.
Nacido en Portsmouth, Inglaterra.
Obras destacadas Oliver Twist (1839), David Copperfield (1850) -es en parte autobiográfica y trasunta sus sentimientos al respecto-
Canción de Navidad -tal vez la más popular con gran llegada a EE.UU.
y la de estructura literaria más compleja Nuestro común amigo.
</P>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="Footer">
<div class="logo_Twitter">
<a href="https://twitter.com/DickensMuseum" target="_blank"><i
class="fa-brands fa-twitter fa-3x"></i>Twitter</a>
</div>
<div class="logo_Facebook">
<a href="https://www.facebook.com/dickensmuseum/" target="_blank"><i
class="fa-brands fa-facebook fa-3x"></i>Facebook</a>
</div>
<div class="logo_Instagram">
<a href="https://www.instagram.com/dickensmuseum/" target="_blank"><i
class="fa-brands fa-instagram fa-3x"></i>Instagram</a>
</div>
<div class="logo_Email">
<a href=""><i class="fa-solid fa-at fa-3x"></i>[email protected]</a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>