-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathentrada.html
More file actions
80 lines (70 loc) · 7 KB
/
Copy pathentrada.html
File metadata and controls
80 lines (70 loc) · 7 KB
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
<!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">
<title>GuitarLA: Entrada</title>
<link rel="stylesheet" href="css/normalize.css">
<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=Outfit:wght@400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/app.css">
</head>
<body>
<header class="header">
<div class="header__contenedor">
<div class="header__barra">
<a href="/" class="header__enlace">
<img class="header__logo"src="./img/logo.svg" alt="logo">
</a>
<nav class="navegacion">
<a href="./index.html" class="navegacion__enlace">Inicio</a>
<a href="./nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="./blog.html" class="navegacion__enlace">Blog</a>
<a href="./tienda.html" class="navegacion__enlace">Tienda</a>
</nav>
</div><!-- .header__barra -->
</header><!-- .fin header -->
<main class="entrada__contenedor">
<h2 class="entrada__heading">¿Cómo elegir tu primer guitarra?</h2>
<article class="entrada">
<img src="./img/blog_1.jpg" alt="Entrada imagen blog" class="entrada__imagen">
<div class="entrada__contenido">
<h3 class="entrada__titulo">¿Cómo elegir tu primer guitarra?</h3>
<p class="entrada__fecha">20 de Enero 2023</p>
<p class="entrada__texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora consectetur vitae dignissimos eum, dolores quibusdam iste eius, architecto eaque velit quod aliquam? Deleniti ullam sint qui praesentium labore voluptas quos.</p>
<p class="entrada__texto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo mollitia cupiditate rem animi dolorum, repellat et sed rerum natus est architecto voluptatem, laboriosam non suscipit temporibus perspiciatis accusantium quis nobis.
Fugit, praesentium eum mollitia in quibusdam vitae ratione? Magni, id ut quam deleniti fugiat quis nostrum inventore consequuntur, in ab adipisci nesciunt ducimus, laboriosam officia illum amet quasi quod excepturi?
Tempore velit recusandae voluptatem aut harum provident! Nobis, nemo placeat libero voluptatum nisi, dignissimos nam quis soluta perferendis saepe iusto eveniet quae recusandae quas impedit dolorum mollitia tenetur veniam itaque.
Hic ea molestiae minima repellat, reprehenderit sint alias dolorem quaerat tenetur esse mollitia illo, culpa nobis ex amet autem necessitatibus ducimus voluptatum, laborum suscipit? Atque, doloremque. Beatae nemo sit fugit?
Tempora ut exercitationem nemo repellat nesciunt. Molestiae reiciendis necessitatibus quis accusantium voluptatibus, veritatis voluptate odit magni doloribus porro tempore itaque vitae, ad eius doloremque cupiditate, error nam aspernatur exercitationem? Aliquid.
Necessitatibus dolorem deserunt labore nisi porro enim quod commodi cumque perferendis. Quos et dignissimos, optio aut vitae laudantium sint suscipit, libero necessitatibus aperiam quam facilis voluptas officia harum illum quis.
Placeat necessitatibus laudantium hic aut corporis quibusdam officiis eveniet et veniam saepe suscipit nihil officia, voluptas sed asperiores obcaecati ipsam? Consequuntur facilis ratione repudiandae ad quo ipsam in sint vero?
Est aspernatur officiis minus distinctio alias aliquam temporibus dicta repellendus rem nihil, autem aliquid odio ad. Nihil, quia asperiores vel magni officiis maxime et velit sapiente culpa quisquam dignissimos placeat.
Explicabo at error distinctio officia voluptatem incidunt eveniet qui repellendus a maxime perspiciatis et ex dicta cumque asperiores sint, unde provident ratione numquam! Maxime animi quos nulla magnam aliquam doloribus.
Delectus inventore nam doloremque at laborum provident fuga neque sapiente aperiam dolor nemo qui, sunt asperiores quasi nesciunt quae ipsa dicta libero minus debitis, pariatur, omnis tempora! Illo, aspernatur nobis.
Voluptas facilis, voluptatem, labore fuga placeat quod sit illo, eum voluptatum molestias quae omnis? Vel tenetur sed, quisquam, repellat nisi possimus veritatis incidunt ipsam nam impedit temporibus quia natus dicta!
Reprehenderit ratione nam illum a perspiciatis eveniet quidem! Consequatur architecto rem vero excepturi, culpa inventore animi nihil assumenda velit ratione quas saepe. Unde modi doloribus, deserunt esse impedit dolorum earum!
Iste exercitationem reprehenderit magni quis quidem voluptate cum laboriosam nostrum eos odit doloribus optio fugit, laudantium repudiandae accusantium odio porro laborum recusandae iure sed, enim, fuga maiores! Culpa, ratione alias.
Fuga dicta nulla labore? Tenetur eveniet vitae maiores harum officiis quod alias neque molestiae ducimus, esse delectus quam minus? Quas atque quaerat qui omnis debitis quos, expedita quis ipsa unde.</p>
<p class="entrada__texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora consectetur vitae dignissimos eum, dolores quibusdam iste eius, architecto eaque velit quod aliquam? Deleniti ullam sint qui praesentium labore voluptas quos.</p>
<p class="entrada__texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora consectetur vitae dignissimos eum, dolores quibusdam iste eius, architecto eaque velit quod aliquam? Deleniti ullam sint qui praesentium labore voluptas quos.</p>
<p class="entrada__texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora consectetur vitae dignissimos eum, dolores quibusdam iste eius, architecto eaque velit quod aliquam? Deleniti ullam sint qui praesentium labore voluptas quos.</p>
<p class="entrada__texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora consectetur vitae dignissimos eum, dolores quibusdam iste eius, architecto eaque velit quod aliquam? Deleniti ullam sint qui praesentium labore voluptas quos.</p>
</div>
</article>
</main>
<footer class="footer">
<div class="footer__contenedor footer__contenido">
<nav class="footer__nav">
<a href="./index.html" class="footer__enlace">Inicio</a>
<a href="./nosotros,html" class="footer__enlace">Nosotros</a>
<a href="./blog.html" class="footer__enlace">Blog</a>
<a href="./tienda.html" class="footer__enlace">Tienda</a>
</nav>
<p class="footer__copyright">Todos los derechos reservados © 2023. </p>
</div>
</footer>
</body>
</html>