-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
69 lines (54 loc) · 4.36 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
<!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=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="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">Sobre Nosotros</h3>
<img src="img/blog1.jpg" alt="imagen del blog">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sodales lobortis urna mattis hendrerit. Donec vel sem id lectus ultrices laoreet. Sed tincidunt risus ac auctor tincidunt. Nulla ac enim congue, accumsan arcu sed, pellentesque quam. Nunc pharetra felis a pellentesque lacinia. In commodo a purus quis semper. Morbi non ipsum congue, suscipit elit tincidunt, pharetra ex. Duis nec luctus felis. Donec vitae augue odio. In hac habitasse platea dictumst. Nullam nec volutpat est. Maecenas feugiat blandit nibh ut hendrerit. Maecenas sed rutrum urna. Cras tellus elit, convallis a lobortis in, interdum at mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus quis viverra eros, ac tincidunt elit.</p>
<p>In ac metus fermentum, venenatis leo in, dictum erat. Ut lacus magna, accumsan sed fringilla eget, porttitor vitae arcu. Fusce eleifend ex id justo tempor tincidunt. Aliquam aliquet nisl eu nisl semper, nec maximus ligula semper. Vivamus lorem metus, facilisis vitae odio eget, facilisis placerat velit. Nulla facilisi. Proin cursus porttitor tristique. Aliquam finibus sapien lectus, vitae consectetur purus placerat ac. Mauris vitae tempor leo. Vivamus sed urna blandit, dapibus orci vel, ultrices lectus. Etiam posuere faucibus metus. In feugiat dui eu quam porttitor euismod. Donec eget lectus non lacus lacinia bibendum a eget magna.</p>
<p>Nunc mollis in velit quis bibendum. Cras luctus a sem nec scelerisque. Nullam efficitur nunc dui, sit amet rutrum neque ullamcorper a. Integer mollis finibus mollis. In ac porttitor leo. Nam in lacinia erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut sagittis, lacus luctus condimentum vehicula, orci augue consequat est, quis venenatis odio elit nec elit. Donec ut libero eget felis efficitur vestibulum. Integer nec elementum risus. Phasellus metus dolor, ullamcorper vitae neque nec, eleifend placerat ipsum. Etiam blandit mi sit amet vestibulum tempus. Quisque odio ligula, vulputate id pharetra a, pellentesque at arcu. Nunc blandit enim at risus porttitor euismod ac vitae neque. Proin sit amet dui dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</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>
<script src="js/modernizr.js"></script>
</body>
</html>