-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
245 lines (230 loc) · 8.37 KB
/
index.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<title>Café con Codely News</title>
<meta name="description" content="Café con Codely news" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<header class="header">
<div class="header__image">
<img alt="Logo de Codely" src="./assets/logo-codelytv.png">
</div>
<nav class="header__menu">
<ul>
<li>
<a href="https://codely.tv/pro/cursos">Cursos</a>
</li>
<li>
<a href="https://codely.tv/pro/teams">Empresas</a>
</li>
<li>
<a href="https://codely.tv/pro/comunidades">Comunidades</a>
</li>
<li>
<a href="https://www.youtube.com/CodelyTV">Youtube</a>
</li>
<li>
<a href="https://codely.tv/blog/">Blog</a>
</li>
<li>
<a href="mailto:soporte@codely.tv?Subject=[CodelyTV]%20Contacto%20web">Contacta</a>
</li>
</ul>
</nav>
<a class="header__subscribe" href="https://codely.tv/pro/cursos">Subscríbete</a>
</header>
<main class="courses">
<article class="course-card">
<div class="course-card__image">
<img src="./assets/de-javascript-a-typescript.png" alt="Portada curso De JavaScript a TypeScript">
</div>
<h3 class="course-card__title">🏗️ De JavaScript a TypeScript</h3>
<p class="course-card__description">
🏍️ Aprende TypeScript partiendo de un ejemplo de JavaScript en el que haremos el proceso de refactor poco a
poco y analizando las principales características de TypeScript.
</p>
<p>¡Después de este curso no querrás volver a JavaScript!</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img src="./assets/css-grid.jpg" alt="Portada curso CSS Grid a fondo">
</div>
<h3 class="course-card__title">🍱 CSS Grid a fondo</h3>
<p class="course-card__description">
Aprende a sacar provecho de CSS Grid para crear layouts flexibles sin necesidad de recurrir a frameworks.
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img src="./assets/light-dark-themes.jpg" alt="Portada curso Light and Dark themes accesibles">
</div>
<h3 class="course-card__title">🌚🌝 Light & Dark themes accesibles</h3>
<p class="course-card__description">
Aprende a implementar temas claros y oscuros en una página web de forma accesible, cómo integrarlo en tu
arquitectura CSS y cómo adaptar los diseños para que te queden unos temas finísimos.
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img src="./assets/domain-driven-design.jpg" alt="Portada curso Domain-Drive Design">
</div>
<h3 class="course-card__title">🕋 Domain-Driven Design</h3>
<p class="course-card__description">
Aprende a modelar tus aplicaciones centrándote en tu dominio, definir Bounded Contexts, agregados, value
objects, y mucho más. Todo de forma práctica y con ejemplos de código ⚡
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img src="./assets/php-8.jpg" alt="Portada curso PHP 9 Ejemplos para el Mundo Real">
</div>
<h3 class="course-card__title">🐘 PHP 8: Novedades y ejemplos para el Mundo Real™</h3>
<p class="course-card__description">
Migra tus aplicaciones a PHP 8 paso a paso, consigue tests más mantenibles gracias a Named Arguments, Value
Objects más simples con Constructor Property Promotion, reemplaza PECL (obsoleto), y mucho más.
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img class="course-card__image" src="./assets/api-http-go-hexagonal.jpg"
alt="Portada curso API HTTP en Go con arquitectura hexagonal">
</div>
<h3 class="course-card__title">⛳ API HTTP en Go aplicando Arquitectura Hexagonal</h3>
<p class="course-card__description">
Aprende a desarrollar tu primera API HTTP en Go aplicando algunos de los fundamentos de la Arquitectura
Hexagonal.
</p>
<p>
!Sin olvidarnos de su adorable mascota!
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img class="course-card__image" src="./assets/setup-linux.jpg" alt="Portada curso Setup Linux para programar">
</div>
<h3 class="course-card__title">🐧 Setup Linux para Programar</h3>
<p class="course-card__description">
Configura tu ordenador con Linux tal y cómo lo tiene Dani para programar lo más cómodamente posible.
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img class="course-card__image" src="./assets/js-moderno.jpg" alt="Portada curso JavaScript moderno">
</div>
<h3 class="course-card__title">🐥 JavaScript moderno: Buenas prácticas para empezar y refactorizar aplicaciones
</h3>
<p class="course-card__description">
Aprende buenas prácticas para empezar aplicaciones JavaScript vanilla desde 0 y refactorizar código legacy dando
soporte a navegadores antiguos.
</p>
</article>
<article class="course-card">
<div class="course-card__image">
<img class="course-card__image" src="./assets/testing-frontend.jpg" alt="Portada curso Testing en frontend">
</div>
<h3 class="course-card__title">🐙 Testing en frontend</h3>
<p class="course-card__description">
Aprende cómo testear tus aplicaciones frontend, aplicando buenas prácticas para conseguir unos tests mantenibles
que aporten confianza.
</p>
</article>
</main>
<section class="pricing">
<article class="pricing-tier">
<div class="pricing-tier__title">
<h3>Plan Individual</h3>
<p>¡Ahorra 50€!</p>
<p>299€ / año</p>
<button class="pricing-tier__subscribe">
Subscribete
</button>
</div>
<div class="pricing-tier__perks">
<ul>
<li>
✅ Acceso a todos los cursos.
</li>
<li>
✅ Centraliza todo en un único pago.
</li>
<li>
✅ El mejor ahorro para el plan individual.
</li>
<li>
✅ Contenido de calidad impartido por profesionales.
</li>
<li>
✅ Nuevo contenido cada semana.
</li>
<li>
✅ Acceso a la comunidad CodelyTV
</li>
<li>
✅ Certificados al completar los cursos
</li>
</ul>
</div>
</article>
<article class="pricing-tier">
<div class="pricing-tier__title">
<h3>Plan Individual</h3>
<p>29€ / mes</p>
<button class="pricing-tier__subscribe">
Subscribete
</button>
</div>
<div class="pricing-tier__perks">
<ul>
<li>
✅ Acceso a todos los cursos.
</li>
<li>
✅ Contenido de calidad impartido por profesionales.
</li>
<li>
✅ Nuevo contenido cada semana.
</li>
<li>
✅ Acceso a la comunidad CodelyTV
</li>
<li>
✅ Certificados al completar los cursos
</li>
</ul>
</div>
</article>
<article class="pricing-tier">
<div class="pricing-tier__title">
<h3>Plan Empresas</h3>
<p>desde 168€</p>
<button class="pricing-tier__subscribe">
Subscribete
</button>
</div>
<div class="pricing-tier__perks">
<ul>
<li>
✅ Gestión centralizada de cuentas.
</li>
<li>
✅ Todo los beneficios del plan individual.
</li>
<li>
✅ Reducción de precios por incremento de cuentas.
</li>
<li>
✅ Informe trimestral de progreso.
</li>
<li>
✅ Y muchos más beneficios.
</li>
</ul>
</div>
</article>
</section>
</body>
</html>