-
Notifications
You must be signed in to change notification settings - Fork 0
/
entrada.html
58 lines (57 loc) · 4.34 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
<!DOCTYPE html>
<html lang="es">
<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="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/styles.css" as="style">
<link rel="stylesheet" href="css/styles.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 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 del Blog</h3>
<img src="img/blog1.jpg" alt="imagen entrada">
<p>Proin viverra bibendum nunc eu varius. Suspendisse aliquet ornare nunc at fringilla. Praesent vitae interdum tortor. Duis tincidunt consectetur elit, vel venenatis lacus tristique ut. Mauris iaculis eros turpis, ac accumsan augue pellentesque at. Duis sollicitudin, nulla at placerat porta, massa turpis feugiat erat, et aliquam nisl enim quis mi. Etiam in eros nec lectus congue auctor. Vestibulum est erat, rutrum et ipsum ut, imperdiet placerat urna. In hac habitasse platea dictumst. Nullam pharetra pretium pellentesque. Praesent commodo augue id justo dapibus aliquet. Nulla et eros et mauris varius sollicitudin eu convallis libero. Sed ut libero magna. Donec sit amet condimentum diam.</p>
<p>Sed ante neque, luctus ac risus id, malesuada cursus leo. Aliquam erat volutpat. Fusce sit amet venenatis purus. Fusce eget diam venenatis felis viverra faucibus. Duis fermentum leo vitae enim pretium fermentum. In blandit ante eu nibh rhoncus pellentesque. Sed gravida turpis eu feugiat porttitor. Sed a condimentum nulla, a sagittis lectus. Nullam auctor gravida diam non pulvinar. Nulla facilisi. Suspendisse tincidunt, sapien sed placerat ornare, lectus turpis tincidunt dolor, eget placerat erat sem sed sem. Donec hendrerit mattis nisl, ut rutrum metus pretium id. Aenean commodo molestie facilisis. Curabitur ac congue erat, eu molestie enim. Proin felis massa, volutpat a semper a, bibendum vel sem.</p>
<p>Vestibulum tellus odio, pulvinar sed aliquet in, commodo non nulla. Praesent vitae erat a massa auctor facilisis. Sed magna nunc, tincidunt ac justo ut, tincidunt imperdiet sem. Quisque sodales bibendum elit vel eleifend. In tempor libero quis lobortis imperdiet. Pellentesque ultricies lobortis nibh. Donec eros sapien, venenatis sed condimentum non, faucibus a erat. Nam neque sem, tempus nec fringilla et, scelerisque et urna. Donec suscipit lorem sed dui pellentesque, id porta sem volutpat. Nam at ligula nec nibh elementum sollicitudin. Mauris tempor erat at pretium lobortis.</p>
</main>
<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>
</body>
</html>