-
Notifications
You must be signed in to change notification settings - Fork 0
/
entrada.html
65 lines (55 loc) · 4.37 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
<!DOCTYPE html>
<html>
<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>Blog de Cafe</title>
<link rel="stylesheet" href="/css/main.css">
<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">
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="barra">
<a class="logo" href="index.html">
<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 Cursos</h2>
<p class="no-margin"> Aprende de los expertos con las mejores recetas y consejos</p>
</div>
</header>
<main class="contenedor">
<h3 class="centrar-texto">Entrada de Blog</h3>
<img src="/img/blog1.jpg" alt="imagen__entrada">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque error eum asperiores porro possimus excepturi quaerat, provident cum officia voluptatibus consectetur quam aperiam dolorem officiis, saepe adipisci hic iusto explicabo aliquid blanditiis similique. Commodi dicta ipsa iure nesciunt soluta voluptates quos, accusamus laborum sint expedita quas, hic, officiis cumque atque illo ut veritatis possimus? Pariatur quos aperiam, ab expedita deserunt et dolorem ratione voluperspiciatis impedit sequi dignissimos dolorem illum suscipit magnam quo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque error eum asperiores porro possimus excepturi quaerat, provident cum officia voluptatibus consectetur quam aperiam dolorem officiis, saepe adipisci hic iusto explicabo aliquid blanditiis similique. Commodi dicta ipsa iure nesciunt soluta voluptates quos, accusamus laborum sint expedita quas, hic, officiis cumque atque illo ut veritatis possimus? Pariatur quos aperiam, ab expedita deserunt et dolorem ratione voluptas perferendis doloremque temporibus laboriosam ea consectetur assumenda necessitatibus fugiat in ut perferendis neque, optio quod! Veniam adipisci quis sint cumque, necessitatibus, quam illo magni expedita ipsam, perspiciatis impedit sequi dignissimos dolorem illum suscipit magnam quo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque error eum asperiores porro possimus excepturi quaerat, provident cum officia voluptatibus consectetur quam aperiam dolorem officiis, saepe adipisci hic iusto explicabo aliquid blanditiis similique. Commodi dicta ipsa iure nesciunt soluta voluptates quos, accusamus laborum sint expedita quas, hic, officiis cumque atque illo ut veritatis possimus? Pariatur quos aperiam, ab expedita deserunt et dolorem ratione voluptas perferendis doloremque temporibus laboriosam ea consectetur assumenda necessitatibus fugiat in ut perferendis neque, optio quod! Veniam adipisci quis sint cumque, necessitatibus, quam illo magni expedita ipsam, perspiciatis impedit sequi dignissimos dolorem illum suscipit magnam quo.</p>
</main>
<footer class="footer">
<div class="contenedor">
<div class="barra">
<a class="logo" href="index.html">
<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>
</body>
</html>