-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
71 lines (62 loc) · 4.26 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
<!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 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="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin center-text">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegation">
<a href="nosotros.html" class="navegation__link">Nosotros</a>
<a href="cursos.html" class="navegation__link">Cursos</a>
<a href="contacto.html" class="navegation__link">Contacto</a>
</nav>
</div>
</div>
<div class="header__text">
<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="container">
<h3 class="center-text">Tipos de Granos de Café</h3>
<img src="img/blog1.jpg" alt="imagen del blog">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin neque at erat ultrices, a venenatis quam venenatis. Aliquam erat volutpat. Curabitur sed metus vel nibh molestie consectetur sit amet sed est. Aliquam a vehicula velit. Nullam porttitor, nibh molestie auctor iaculis, nibh nisl interdum erat, lobortis aliquet dui diam eu dolor. Donec tempus, eros nec condimentum maximus, massa magna venenatis mauris, id finibus ante magna ut nisl. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin eget rhoncus tortor. Suspendisse non lacinia ex, et varius ipsum. Proin auctor non lorem vitae mollis. Curabitur feugiat lacus eu tincidunt eleifend. Aenean mi diam, pellentesque id rhoncus nec, eleifend ac ante.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacinia pulvinar diam, nec lobortis mauris sodales eu. Quisque nulla eros, venenatis eu elit in, pharetra porttitor felis. Ut sollicitudin et lorem vel ultrices. Donec feugiat volutpat ex quis interdum. Phasellus ut velit at turpis feugiat condimentum a vitae tortor. Donec varius lacus a sapien ultrices, vel tempus erat volutpat. Duis at lacus ac nisi sollicitudin tincidunt in ac ante. Vivamus malesuada at dui egestas vestibulum. Phasellus orci justo, ullamcorper ac quam sed, ullamcorper luctus nulla. Morbi leo sem, vulputate sed accumsan vel, interdum quis lorem. Suspendisse luctus facilisis cursus. Vestibulum suscipit nisi et nunc tincidunt, id interdum lacus porttitor. Etiam eu justo orci.
</p>
<p>
Nunc commodo nunc et ante vestibulum, in rhoncus libero auctor. Aliquam lorem augue, pretium vel tempor et, faucibus eget mauris. Maecenas dapibus arcu id ante semper, at laoreet dui vulputate. In vulputate suscipit nibh, sed vehicula tellus rhoncus finibus. Ut at semper nibh. Vivamus dictum diam est, id tristique libero luctus eu. Donec laoreet eros id vehicula congue.
</p>
</main>
<footer class="footer">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin center-text">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="navegation">
<a href="nosotros.html" class="navegation__link">Nosotros</a>
<a href="cursos.html" class="navegation__link">Cursos</a>
<a href="contacto.html" class="navegation__link">Contacto</a>
</nav>
</div>
</div>
</footer>
<script src="js/modernizr.js"></script>
</body>
</html>