-
Notifications
You must be signed in to change notification settings - Fork 0
/
cursos.html
103 lines (96 loc) · 5.28 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
<!DOCTYPE html>
<html>
<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 de Cafe</title>
<link rel="stylesheet" href="/css/main.css">
<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">
</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">Nuestros Cursos y Talleres</h3>
<div class="curso">
<div class="curso__imagen">
<img src="/img/curso1.jpg" alt="imagen de curso 1">
</div>
<div class="curso__informacion">
<h4 class="no-margin">Curso de Cafeteria Basica 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. Fugiat voluptatibus, maiores doloribus dolorum aliquam eius, ducimus accusamus nobis illo et inventore distinctio, officia quasi. Laboriosam at dicta fugiat distinctio velit vel laborum soluta dolore, esse ipsam asperiores ducimus reprehenderit explicabo ad, veritatis quas ab eos nobis consequuntur facilis quidem id?</p>
</div>
</div>
<div class="curso">
<div class="curso__imagen">
<img src="/img/curso2.jpg" alt="imagen de curso 1">
</div>
<div class="curso__informacion">
<h4 class="no-margin">Tecnicas para extraccion 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. Fugiat voluptatibus, maiores doloribus dolorum aliquam eius, ducimus accusamus nobis illo et inventore distinctio, officia quasi. Laboriosam at dicta fugiat distinctio velit vel laborum soluta dolore, esse ipsam asperiores ducimus reprehenderit explicabo ad, veritatis quas ab eos nobis consequuntur facilis quidem id?</p>
</div>
</div>
<div class="curso">
<div class="curso__imagen">
<img src="/img/curso3.jpg" alt="imagen de curso 1">
</div>
<div class="curso__informacion">
<h4 class="no-margin">Curso 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. Fugiat voluptatibus, maiores doloribus dolorum aliquam eius, ducimus accusamus nobis illo et inventore distinctio, officia quasi. Laboriosam at dicta fugiat distinctio velit vel laborum soluta dolore, esse ipsam asperiores ducimus reprehenderit explicabo ad, veritatis quas ab eos nobis consequuntur facilis quidem id?</p>
</div>
</div>
</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>
</body>
</html>