-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcursos.html
95 lines (83 loc) · 4.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<title>Blog de Café</title>
</head>
<body>
<header class="site-header">
<div class="contenedor">
<div class="barra">
<a href="index.html">
<h1 class="no-margin">Blog<span>DeCafé</span></h1>
</a>
<nav class="navegacion">
<a href="nosotros.html">Nosotros</a>
<a href="cursos.html">Cursos</a>
<a href="contacto.html">Contacto</a>
</nav>
</div> <!-- Barra -->
<div class="texto-header">
<h2>Blog de Café con consejos y Cursos</h2>
<p>Aprende de los expertos con las mejores recetas y consejos</p>
</div>
</div> <!-- Contenedor -->
</header>
<main class="contenedor">
<h2 class="centrar-texto">Nuestros Próximos Cursos y Talleres</h2>
<article class="curso grid">
<div class="columnas-4">
<img src="img/curso1.jpg" alt="Imagen Curso">
</div>
<div class="columnas-8">
<h4 class="no-margin">Técnicas de extracción de café</h4>
<p class="no-margin">Fecha: <span>20/08/2019</span></p>
<p class="no-margin">Precio: <span>Gratis</span></p>
<p class="no-margin">Cupo: <span>20</span></p>
<p class="descripcion">In hac habitasse platea dictumst. Pellentesque nec diam fermentum, viverra odio sit amet, vulputate nulla. Fusce elementum dictum bibendum. Quisque non nunc vitae ipsum aliquam condimentum. Nam dictum lectus nec bibendum vehicula. Proin eget est cursus nisl pellentesque lobortis. Curabitur iaculis lacinia rhoncus. Suspendisse commodo blandit lectus ac dignissim. Curabitur id ante tristique, vestibulum sem sit amet, vulputate ipsum. </p>
</div>
</article>
<article class="curso grid">
<div class="columnas-4">
<img src="img/curso2.jpg" alt="Imagen Curso">
</div>
<div class="columnas-8">
<h4 class="no-margin">Taller para tostar y moler granos</h4>
<p class="no-margin">Fecha: <span>24/08/2019</span></p>
<p class="no-margin">Precio: <span>Gratis</span></p>
<p class="no-margin">Cupo: <span>20</span></p>
<p class="descripcion">In hac habitasse platea dictumst. Pellentesque nec diam fermentum, viverra odio sit amet, vulputate nulla. Fusce elementum dictum bibendum. Quisque non nunc vitae ipsum aliquam condimentum. Nam dictum lectus nec bibendum vehicula. Proin eget est cursus nisl pellentesque lobortis. Curabitur iaculis lacinia rhoncus. Suspendisse commodo blandit lectus ac dignissim. Curabitur id ante tristique, vestibulum sem sit amet, vulputate ipsum. </p>
</div>
</article>
<article class="curso grid">
<div class="columnas-4">
<img src="img/curso3.jpg" alt="Imagen Curso">
</div>
<div class="columnas-8">
<h4 class="no-margin">4 Recetas de café para principiantes</h4>
<p class="no-margin">Fecha: <span>29/08/2019</span></p>
<p class="no-margin">Precio: <span>Gratis</span></p>
<p class="no-margin">Cupo: <span>20</span></p>
<p class="descripcion">In hac habitasse platea dictumst. Pellentesque nec diam fermentum, viverra odio sit amet, vulputate nulla. Fusce elementum dictum bibendum. Quisque non nunc vitae ipsum aliquam condimentum. Nam dictum lectus nec bibendum vehicula. Proin eget est cursus nisl pellentesque lobortis. Curabitur iaculis lacinia rhoncus. Suspendisse commodo blandit lectus ac dignissim. Curabitur id ante tristique, vestibulum sem sit amet, vulputate ipsum. </p>
</div>
</article>
</main>
<footer class="site-footer">
<div class="contenedor">
<div class="barra">
<p class="no-margin">Blog<span>DeCafé</span></p>
<nav class="navegacion">
<a href="nosotros.html">Nosotros</a>
<a href="cursos.html">Cursos</a>
<a href="contacto.html">Contacto</a>
</nav>
</div>
</div>
</footer>
</body>
</html>