-
Notifications
You must be signed in to change notification settings - Fork 0
/
cursos.html
107 lines (94 loc) · 5.29 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
<!DOCTYPE html>
<html lang="es">
<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>BLOG CAFE | Cursos</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/styles.css">
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="barra">
<a href="./index.html" class="logo">
<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 recursos</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">Nuestros Próximos cursos y talleres</h3>
<div class="curso">
<div class="curso__imagen">
<img src="./img/curso1.jpg" alt="Imagen Curso 1">
</div>
<div class="curso__informacion">
<h4 class="no-margin">Técnicas de Extracción de Café</h4>
<p class="curso__label">Precio: <span class="curso__info">Gratis</span></p>
<p class="curso__label">Cupo: <span class="curso__info">20</span></p>
<p class="curso__descripcion">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Culpa laborum fuga commodi ut ullam qui omnis assumenda fugit. Ex fuga quos minus reiciendis nam architecto corporis ea, cumque quod vel.
Et inventore fugiat autem similique, vel vero illum sint. Dolore, molestiae vero maiores ratione sunt sit tempora iure repudiandae? Neque id ullam ipsam minima quis quos ad, vel cum assumenda.
</p>
</div> <!--.curso__informacion-->
</div> <!--.curso-->
<div class="curso">
<div class="curso__imagen">
<img src="./img/curso2.jpg" alt="Imagen Curso 2">
</div>
<div class="curso__informacion">
<h4 class="no-margin">Taller para Tostar y Moler Granos</h4>
<p class="curso__label">Precio: <span class="curso__info">Gratis</span></p>
<p class="curso__label">Cupo: <span class="curso__info">20</span></p>
<p class="curso__descripcion">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Culpa laborum fuga commodi ut ullam qui omnis assumenda fugit. Ex fuga quos minus reiciendis nam architecto corporis ea, cumque quod vel.
Et inventore fugiat autem similique, vel vero illum sint. Dolore, molestiae vero maiores ratione sunt sit tempora iure repudiandae? Neque id ullam ipsam minima quis quos ad, vel cum assumenda.
</p>
</div> <!--.curso__informacion-->
</div> <!--.curso-->
<div class="curso">
<div class="curso__imagen">
<img src="./img/curso3.jpg" alt="Imagen Curso 3">
</div>
<div class="curso__informacion">
<h4 class="no-margin">4 Recetas de Café para Principiantes</h4>
<p class="curso__label">Precio: <span class="curso__info">Gratis</span></p>
<p class="curso__label">Cupo: <span class="curso__info">20</span></p>
<p class="curso__descripcion">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Culpa laborum fuga commodi ut ullam qui omnis assumenda fugit. Ex fuga quos minus reiciendis nam architecto corporis ea, cumque quod vel.
Et inventore fugiat autem similique, vel vero illum sint. Dolore, molestiae vero maiores ratione sunt sit tempora iure repudiandae? Neque id ullam ipsam minima quis quos ad, vel cum assumenda.
</p>
</div> <!--.curso__informacion-->
</div> <!--.curso-->
</main>
<footer class="footer">
<div class="contenedor">
<div class="barra">
<a href="./index.html" class="logo">
<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>