-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcursos.html
129 lines (117 loc) · 6.58 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
<!DOCTYPE html>
<html lang="en">
<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>Dulces Delicias</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">Dulces <span class="logo__bold">Delicias</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">
<h1 class="no-margin">Blog de Pastelería con consejos y cursos</h1>
<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="inscripcion">
<img src="img/curso1.jpg" alt="img1Curso" class="inscripcion__img">
<div class="inscripcion__texto">
<h4 class="no-margin">4 Recetas de cookies exquisitas</h4>
<p class="widget-curso__label">Precio:
<span class="widget-curso__info">$7000</span>
</p>
<p class="widget-curso__label">Modalidad:
<span class="widget-curso__info">Virtual</span>
</p>
<p class="widget-curso__label">Cupo:
<span class="widget-curso__info">30</span>
</p>
<p>Integer maximus erat purus, ac tempus nisi ultrices sagittis. Aenean et turpis vel orci interdum
tempus nec eu nulla. Aliquam ac consectetur erat, eu pulvinar nisl. Aliquam molestie leo libero,
placerat luctus tortor tincidunt nec. Sed posuere feugiat malesuada. Sed at consequat nunc. Interdum
et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum
primis in faucibus. Suspendisse ut pellentesque quam, a lacinia augue. Donec consequat auctor
gravida. Nam feugiat pulvinar orci non auctor. Nullam volutpat arcu sit amet leo condimentum,
euismod mattis eros accumsan. Fusce non justo libero.</p>
</div>
</div>
<div class="inscripcion">
<img src="img/curso2.jpg" alt="img2Curso">
<div class="inscripcion__texto">
<h4 class="no-margin">Masas básicas de repostería</h4>
<p class="widget-curso__label">Precio:
<span class="widget-curso__info">Gratis</span>
</p>
<p class="widget-curso__label">Modalidad:
<span class="widget-curso__info">Presencial</span>
</p>
<p class="widget-curso__label">Cupo:
<span class="widget-curso__info">10</span>
</p>
<p>Integer maximus erat purus, ac tempus nisi ultrices sagittis. Aenean et turpis vel orci interdum
tempus nec eu nulla. Aliquam ac consectetur erat, eu pulvinar nisl. Aliquam molestie leo libero,
placerat luctus tortor tincidunt nec. Sed posuere feugiat malesuada. Sed at consequat nunc. Interdum
et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum
primis in faucibus. Suspendisse ut pellentesque quam, a lacinia augue. Donec consequat auctor
gravida. Nam feugiat pulvinar orci non auctor. Nullam volutpat arcu sit amet leo condimentum,
euismod mattis eros accumsan. Fusce non justo libero.</p>
</div>
</div>
<div class="inscripcion">
<img src="img/curso3.jpg" alt="img3Curso" class="inscripcion__img">
<div class="inscripcion__texto">
<h4 class="no-margin">Tipos de merengues</h4>
<p class="widget-curso__label">Precio:
<span class="widget-curso__info">$5000</span>
</p>
<p class="widget-curso__label">Modalidad:
<span class="widget-curso__info">Virtual</span>
</p>
<p class="widget-curso__label">Cupo:
<span class="widget-curso__info">50</span>
</p>
<p>Integer maximus erat purus, ac tempus nisi ultrices sagittis. Aenean et turpis vel orci interdum
tempus nec eu nulla. Aliquam ac consectetur erat, eu pulvinar nisl. Aliquam molestie leo libero,
placerat luctus tortor tincidunt nec. Sed posuere feugiat malesuada. Sed at consequat nunc. Interdum
et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum
primis in faucibus. Suspendisse ut pellentesque quam, a lacinia augue. Donec consequat auctor
gravida. Nam feugiat pulvinar orci non auctor. Nullam volutpat arcu sit amet leo condimentum,
euismod mattis eros accumsan. Fusce non justo libero.</p>
</div>
</div>
</main>
<footer class="footer">
<div class="contenedor barra">
<a href="index.html" class="logo">
<h1 class="logo__nombre no-margin centrar-texto">Dulces <span class="logo__bold">Delicias</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>
</footer>
<script src="js/modernizr.js"></script>
</body>
</html>