-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
85 lines (71 loc) · 4 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!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>BlogCafé</title>
<!--Preload-->
<link rel="preload" href="/css/normalize.css" as="style">
<link rel="stylesheet" href="/css/normalize.css">
<link rel="preload" href="/css/style.css" as="style">
<link rel="stylesheet" href="/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Open+Sans&family=PT+Sans:wght@400;700&display=swap" crossorigin="crossorigin" as="fonts">
<link rel="stylesheet" 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 concejos y cursos</h2>
<p class="no-margin">Aprende de los expertos con las mejores recetas y concejos</p>
</div>
</header>
<main class="contenedor">
<h3 class="centrar-texto">Sobre Nosotros</h3>
<img loading="lazy" src="img/blog1.jpg" alt="Imagen Blog">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis aliquam soluta in quaerat at error accusamus
eius perferendis inventore laborum iste quae dolor, ex mollitia doloribus nisi dolorem asperiores cumque?
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Temporibus ipsa quam neque consectetur voluptates,
repudiandae odit perspiciatis ut sed molestiae reiciendis fuga, et delectus commodi, culpa quia placeat in
iusto.</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis provident dicta ipsum delectus tempore
corporis sequi aperiam amet cupiditate exercitationem quaerat eligendi porro animi eveniet corrupti
voluptates, fugit repellat, Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium deleniti
consequuntur praesentium, assumenda consectetur voluptas repellendus quibusdam optio cupiditate quod
architecto quasi, rerum dolorum totam, dolores quas nostrum voluptatibus illo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis aliquam soluta in quaerat at error accusamus
eius perferendis inventore laborum iste quae dolor, ex mollitia doloribus nisi dolorem asperiores cumque?
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Temporibus ipsa quam neque consectetur voluptates,
repudiandae odit perspiciatis ut sed molestiae reiciendis fuga, et delectus commodi, culpa quia placeat in
iusto.</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>
<script src="/js/script.js"></script>
</body>
</html>