-
Notifications
You must be signed in to change notification settings - Fork 0
/
cursos.html
132 lines (109 loc) · 5.36 KB
/
cursos.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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">Nuestros Próximos Cursos y Talleres</h3>
<div class="curso">
<div class="curso__img">
<img src="img/curso1.jpg" alt="curso1" />
</div>
<div class="curso__info">
<h4 class="no-margin">Técnicas de Extracción de Café</h4>
<p class="widget-curso__label">Precio:
<span class="widget-curso__info">Gratis</span>
</p>
<p class="widget-curso__label">Cupo:
<span class="widget-curso__info">20</span>
</p>
<p class="curso__descripcion">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magni
accusantium qui eaque, corrupti, deleniti necessitatibus reprehenderit consequatur perferendis sequi
quos amet ea vel accusamus unde esse porro consequuntur quo?</p>
</div><!--Cierra-curso__info-->
</div> <!--Cierra-curso-->
<div class="curso">
<div class="curso__img">
<img src="img/curso2.jpg" alt="curso2" />
</div>
<div class="curso__info">
<h4 class="no-margin">Taller para Tostar y Moler Granos</h4>
<p class="widget-curso__label">Precio:
<span class="widget-curso__info">Gratis</span>
</p>
<p class="widget-curso__label">Cupo:
<span class="widget-curso__info">20</span>
</p>
<p class="curso__descripcion">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magni
accusantium qui eaque, corrupti, deleniti necessitatibus reprehenderit consequatur perferendis sequi
quos amet ea vel accusamus unde esse porro consequuntur quo?</p>
</div><!--Cierra-curso__info-->
</div> <!--Cierra-curso-->
<div class="curso">
<div class="curso__img">
<img src="img/curso3.jpg" alt="curso3" />
</div>
<div class="curso__info">
<h4 class="no-margin">4 Recetas de Café para principiantes</h4>
<p class="widget-curso__label">Precio:
<span class="widget-curso__info">Gratis</span>
</p>
<p class="widget-curso__label">Cupo:
<span class="widget-curso__info">20</span>
</p>
<p class="curso__descripcion">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore magni
accusantium qui eaque, corrupti, deleniti necessitatibus reprehenderit consequatur perferendis sequi
quos amet ea vel accusamus unde esse porro consequuntur quo?</p>
</div><!--Cierra-curso__info-->
</div> <!--Cierra-curso-->
</div>
</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>