-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
87 lines (68 loc) · 4.87 KB
/
entrada.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlogDeCafé</title>
<meta name="description" content="Página web de blog de café">
<link rel="icon" href="img/cafe-icon.svg" />
<!-- Prefetch -->
<link rel="prefetch" href="nosotros.html" as="document">
<!-- Preload -->
<link rel="preload" href="css/normalize.css" as="style">
<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=Open+Sans&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="preload" href="css/style.css" as="style">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="barra">
<a href="index.html" class="logo">
<h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegacion">
<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="cursos.html" class="navegacion__enlace">Cursos</a>
<a href="contacto.html" class="navegacion__enlace">Contacto</a>
</nav>
</div>
</div>
<div class="header__texto">
<h2 class="no-margin">Blog de Café con Consejos y Código</h2>
<p class="no-margin">Aprende de los expertos con las mejores recetas y consejos</p>
</div>
</header>
<div class="contenedor">
<h3 class="centrar-texto">Técnicas de Extracción de Café</h3>
<img src="img/blog1.jpg" alt="Imagen del blog">
<p>
Cum dolorem adipisci impedit saepe ea consequuntur assumenda, ipsam modi itaque aperiam quod perferendis consequatur corporis asperiores enim libero rem? Nostrum quia ut quod? Aliquid voluptatibus quidem quasi eos perferendis, libero asperiores dolorum nihil voluptate, quam, repudiandae nam culpa nostrum quisquam suscipit alias qui commodi mollitia? Dolor reprehenderit inventore distinctio ipsa, velit vel magnam eum exercitationem accusantium sunt beatae officia nemo est, cumque adipisci blanditiis esse consequuntur itaque, consequatur deleniti doloribus! Perspiciatis est consectetur commodi dolores optio ea dolorem quisquam sint doloremque. Quaerat dicta ab rem doloribus aspernatur vel quae ad nostrum.
</p>
<p>
Nam, sed rerum suscipit nulla hic nihil perferendis. Quibusdam incidunt dolore vero cumque, harum ratione saepe est! Eos, quibusdam provident cupiditate repellendus voluptate reprehenderit maxime maiores ex nobis ut! Perspiciatis magnam velit aliquid architecto, ducimus, cumque expedita cum, possimus quaerat molestiae aliquam minima est itaque ab deserunt fugiat quia soluta. Modi ipsum placeat quibusdam eligendi aspernatur. Cupiditate ipsum laborum nesciunt voluptatum dolor magnam, soluta natus deleniti quaerat excepturi praesentium maxime quo? Placeat perferendis deleniti dicta quibusdam at est consequatur repellendus vitae. Obcaecati velit quas consectetur deleniti veritatis temporibus dolorem facilis incidunt nam.
</p>
<p>
Debitis minus autem provident repudiandae ut nisi alias explicabo voluptate earum similique harum nam iste vitae qui odio, quaerat doloribus molestiae aut ipsam repellendus. Ullam veniam, aperiam esse odio officiis, nihil numquam tenetur nostrum in eius earum? Ipsum fugit id ex voluptatem accusamus inventore nihil, voluptates unde nostrum minima iusto. Voluptatem veritatis ducimus consequatur laboriosam deserunt odio ratione perspiciatis mollitia obcaecati dolor provident quia incidunt necessitatibus, rem, illum ullam quis itaque dolore.
</p>
</div>
<footer class="footer">
<div class="contenedor">
<div class="barra">
<a href="index.html" class="logo">
<h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegacion">
<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="cursos.html" class="navegacion__enlace">Cursos</a>
<a href="contacto.html" class="navegacion__enlace">Contacto</a>
</nav>
</div>
</div>
</footer>
<script src="js/modernizr.js"></script>
</body>
</html>