-
Notifications
You must be signed in to change notification settings - Fork 0
/
entrada.html
101 lines (79 loc) · 4.43 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="css/normalize.css" />
<link
href="https://fonts.googleapis.com/css2?family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Staatliches&display=swap"
rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Staatliches&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="nav">
<a class="logo" href="index.html">
<h1 class="logo__nombre no-margin centrar-texto">
Blog<span class="logo__span">DeCafé</span>
</h1>
</a>
<nav class="navblog">
<a href="nosotros.html" class="navblog__enlace">Nosotros</a>
<a href="cursos.html" class="navblog__enlace">Cursos</a>
<a href="contacto.html" class="navblog__enlace">Contacto</a>
</nav>
</div>
</div> <!-- contenedor -->
<div class="header__texto centrar-texto">
<h2 class="no-margin">Blog de cafe con consejos y cursos</h2>
<p class="no-margin">Aprende de los expertos con las mejores recetas y consejos </p>
</div> <!-- header__texto -->
</header>
<main class="contenedor">
<h3 class="centrar-texto">Entrada de Blog</h3>
<img src="/img/blog1.jpg" alt="sobre nosotros">
<p class="centrar-texto"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vitae, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vitae, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vitae, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?</p>
<p class="centrar-texto"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vita
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vitae, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vitae, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga quibusdam
nesciunt illum esse reiciendis aliquam illo vitae, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?e, repudiandae architecto iusto quidem labore!
Sequi, id. Dignissimos libero laborum hic dolor?</p>
</main>
<footer class="footer">
<div class="contenedor">
<div class="nav">
<a class="logo" href="index.html">
<h1 class="logo__nombre no-margin centrar-texto">
Blog<span class="logo__span">DeCafé</span>
</h1>
</a>
<nav class="navblog">
<a href="nosotros.html" class="navblog__enlace">Nosotros</a>
<a href="cursos.html" class="navblog__enlace">Cursos</a>
<a href="contacto.html" class="navblog__enlace">Contacto</a>
</nav>
</div>
</div>
</footer>
</body>
</html>