-
Notifications
You must be signed in to change notification settings - Fork 1
/
Timeline.html
369 lines (328 loc) · 21.3 KB
/
Timeline.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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Timeline</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/album/">
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
</style>
</head>
<body>
<nav class="navbar navbar-light bg-light static-top">
<div class="container">
<a class="navbar-brand" href="index.html">The industrie 4.0<img src=""></a>
<!--Creo que le puedo poner un icono aquí-->
<a class="btn btn-primary" href="https://www.facebook.com/100721631314462/posts/825202282199723/">Watch Now</a>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container position-relative">
<div class="row justify-content-center">
<div class="col-xl-6">
<div class="text-center text-white">
<!-- Page heading-->
<h1 class="mb-5">An event focused on the dissemination of 4.0 technologies</h1>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="album py-5 bg-light">
<div class="container">
<h2 class="mb-5">Friday 24</h2>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Viernes_1.png" alt="">
<div class="card-body">
<p class="card-text">We will make an overview of IoT services in Azure, consider the reference architecture and choose the right way to build your solution that depends on your requirements.
</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/825202282199723/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/VIernes_2.png" alt="">
<div class="card-body">
<p class="card-text">Build an augmented reality app in Flutter with plugins like ARCore and ARKit that support Android and iOS devices.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/825202282199723/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Viernes_3.png" alt="">
<div class="card-body">
<p class="card-text">Un flujo de tareas / datos es una construcción lógica que representa un proceso dividido en fases. Estos flujos son necesarios para estructurar tareas e interconectar servicios, lo que nos lleva a una nueva necesidad, el tener que orquestar dichos flujos y sus procesos. La pregunta natural sería: ¿cómo se relaciona esto con el ML y qué herramientas podemos utilizar para sacarle provecho?</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/825202282199723/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Viernes_4.png" alt="">
<div class="card-body">
<p class="card-text">En esta sesión, veremos cómo crear una solución completa de Azure IoT/Digital Twin utilizando dispositivos populares como Raspberry Pi, SeeedStudio reTerminal y una puerta real.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/825202282199723/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="album py-5 bg-light">
<div class="container">
<h2 class="mb-5">Saturday 25</h2>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Sabado_1.png" alt="">
<div class="card-body">
<p class="card-text">Veremos el uso de Pronunciation Assessment para realizar evaluación asistida por computadora e impulsada por IA que puede hacer que la retroalimentación sea más atractiva y accesible para cualquier estudiante, lo que permite practicar y mejorar su pronunciación para que puedan hablar y presentar con confianza los alumnos. </p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/827831345270150/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Sabado_2.png" alt="">
<div class="card-body">
<p class="card-text">Análisis de datos, por medio de herramientas de Business Intelligence. Power BI</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/827831345270150/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Sabado_3.png" alt="">
<div class="card-body">
<p class="card-text">La neurotecnología es un espacio emocionante! En esta plática veremos el estado actual, empresas destacadas en el campo y oportunidades para involucrarse! Desarrollar tecnología que lea la mente ya no es exclusivo a la ciencia ficción o a laboratorios multimillonarios estadounidenses, además que con la velocidad de desarrollo de esta tecnología y el crecimiento de problemas de salud mental, es el mejor momento en la historia para empezar en el campo :) </p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/827831345270150/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Sabado_4.png" alt="">
<div class="card-body">
<p class="card-text">Rumbo a la Certificación.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/827831345270150/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="album py-5 bg-light">
<div class="container">
<h2 class="mb-5">Sunday 26</h2>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Domingo_1.png" alt="">
<div class="card-body">
<p class="card-text">La ciberseguridad corresponde a todas las áreas, desde Económicas, Políticas, Sociales entre otras. Pero también nos corresponde a nosotros, los usuarios, entender que información hay en el internet de nosotros y a que nos enfrentamos.
En esta sesión aprenderemos desde conceptos básicos de cyberseguridad, para aprender a protegernos, pero también casos puntuales dónde es difícil discernir entre la realidad y la estafa.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/828633255189959/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Domingo_2.png" alt="">
<div class="card-body">
<p class="card-text">En esta charla exploraremos los diferentes roles de datos como Machine Learning Engineer, Data Engineer, Data Scientist, entre otros y cómo es que puedes prepararte e involucrarte en todo este mundo y así poder desempeñarte en estos roles.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/828633255189959/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Domingo_3.png" alt="">
<div class="card-body">
<p class="card-text">And the winner is... Join us to see who wins this amazing competition.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/828633255189959/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img src="assets/img/Timeline/Domingo_4.png" alt="">
<div class="card-body">
<p class="card-text">Bye bye...</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a class="btn btn-sm btn-outline-secondary" href="https://www.eventbrite.com.mx/e/the-40-tickets-304303438777">Register</a>
<a class="btn btn-sm btn-outline-secondary" href="https://www.facebook.com/100721631314462/posts/828633255189959/">Watch</a>
</div>
<small class="text-muted">50 mins</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer bg-light">
<div class="container">
<div class="row">
<div class="col-lg-6 h-100 text-center text-lg-start my-auto">
<p class="text-muted small mb-4 mb-lg-0">©The Industrie 4.0 2022. All Rights Reserved.</p>
</div>
<div class="col-lg-6 h-100 text-center text-lg-end my-auto">
<a href="#">Back to top</a>
<ul class="list-inline mb-0">
<li class="list-inline-item me-4">
<a href="#!"><i class="bi-facebook fs-3"></i></a>
</li>
<li class="list-inline-item me-4">
<a href="https://www.youtube.com/channel/UCPRgxKakkccxRlzmpt6GHaw"><i class="bi-youtube fs-3"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/thefourpointzero/"><i class="bi-instagram fs-3"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>