-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
65 lines (53 loc) · 4.08 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 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>BlogDeCafé</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/syles.css">
</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">Tipos de Grano de Café</h3>
<img src="img/blog1.jpg" alt="imagen del blog">
<p>Aliquam malesuada vel augue at interdum. Nullam pharetra turpis tellus, viverra semper velit hendrerit sit amet. Nullam ultricies nisl vitae maximus ultricies. Etiam sit amet massa egestas, pulvinar velit et, ornare tortor. Etiam sem libero, scelerisque in dui eget, commodo laoreet tellus. Vestibulum bibendum sagittis leo, venenatis ultricies mauris venenatis vitae. Donec vel eros id leo ornare luctus. Ut consectetur gravida suscipit. Proin id lorem id metus ornare pulvinar vehicula nec tellus. Morbi eget dolor sem. Nulla fringilla elit in risus ullamcorper, a luctus augue aliquet. Duis ut ipsum feugiat lectus scelerisque venenatis at sit amet lectus. Sed vel erat consectetur nisl rhoncus rhoncus. Pellentesque feugiat condimentum augue in interdum. Sed sit amet nulla lobortis, tempus eros et, mattis lorem.</p>
<p>Integer dui felis, feugiat in imperdiet sit amet, vestibulum at ex. Quisque felis nulla, feugiat in nunc a, gravida eleifend magna. Aenean a consequat nulla. Mauris tortor ligula, ultrices sit amet aliquet sed, posuere a libero. Suspendisse potenti. Curabitur eleifend eu eros nec dictum. Nam dapibus, ligula sit amet lacinia rutrum, risus magna congue erat, at hendrerit metus mi quis leo. Etiam semper eleifend finibus. Mauris enim metus, imperdiet vel lacus quis, convallis semper ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent ex dui, auctor ac felis in, mattis suscipit felis. Cras sit amet elit malesuada, fermentum risus vitae, eleifend purus.</p>
<p>Maecenas sagittis, enim vel convallis pellentesque, risus neque feugiat neque, in maximus mauris massa sed odio. Integer malesuada nulla eu odio placerat efficitur. Vivamus pharetra augue ut neque auctor, eget pharetra felis sodales. Morbi sed libero nulla. Maecenas tristique mi eget quam placerat, quis molestie nisl porta. Suspendisse convallis ultrices malesuada. Nullam molestie odio in lectus ornare tincidunt.</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>