1
00:00:00,590 --> 00:00:08,380
La idea de esta sección es que por ejemplo tengamos los talleres y puedas dar click en talleres y se

2
00:00:08,390 --> 00:00:12,400
oculta en los demás y te muestra además talleres conferencias seminarios.

3
00:00:12,440 --> 00:00:19,650
De esa forma esto lo haremos con Kairi quizás más adelante y la estructura será la misma.

4
00:00:19,700 --> 00:00:25,580
Sin embargo vamos a nada más a cargar la primera sección que son los talleres y vamos a cargar dos.

5
00:00:25,610 --> 00:00:34,630
En este video queremos crear un dip con un Heydi talleres así que por ejemplo hay talleres le podremos

6
00:00:34,630 --> 00:00:44,440
poner talleres y conferencias ir a conferencias y seminarios ir a seminarios y tendremos 3:10 aquí abajo

7
00:00:44,690 --> 00:00:50,580
pero eso igual hasta que lleguemos a la parte de Quarry veremos eso cómo hacerlo un ejemplo práctico.

8
00:00:52,650 --> 00:01:02,260
Aquí también hay una clase que diga info curso esto para poderlo darle estilos con CSS ocultar porque

9
00:01:02,350 --> 00:01:12,290
al darle clic esta clase nos servirá mucho y como esto va a tener algunos floods de una vez le ponemos

10
00:01:12,290 --> 00:01:13,100
un clip Fix.

11
00:01:13,850 --> 00:01:21,150
Cerramos este día talleres y dentro vamos a poner la depa y vamos a poner el detalle.

12
00:01:21,170 --> 00:01:33,560
Evento vamos a ponerle un H3 y el primero va a decir HTML5 CSS3 y Javascript que es el primero que tenemos

13
00:01:34,240 --> 00:01:46,440
en este diseño pues vamos a crear un p el P iba a tener la hora la hora que vendría siendo 16 horas.

14
00:01:48,440 --> 00:01:56,820
Ahorita vamos a agregar el ícono pegamos dos veces y este va a tener 10 de diciembre y por último este

15
00:01:56,820 --> 00:02:08,030
va a tener el nombre del autor Juan Pablo De la Torre Valdez que es esta parte aquí recargo y en la

16
00:02:08,030 --> 00:02:16,400
parte inferior vamos que tenemos HTML5 CSS 3 y JavaScript 16 horas desde diciembre y quién es el autor

17
00:02:17,760 --> 00:02:28,610
podemos copiar este ícono y pegarlo aquí dentro de los Petz y nada más cambiar el nombre del ícono.

18
00:02:28,720 --> 00:02:36,450
El primero va a ser Klock o el segundo va a ser Calendar y por último el tercero va a ser cerrado le

19
00:02:36,470 --> 00:02:43,960
damos cambios y recargamos vamos que tenemos el reloj el calendario y quién es el usuario con esta estructura

20
00:02:43,960 --> 00:02:52,320
podemos copiar esto y pegarlo aquí abajo y nada más cambiar los detalles del segundo evento que el segundo

21
00:02:52,320 --> 00:03:01,880
será responsa guapísima Responsive Web Design y vamos a cambiarle la hora a las 20 horas.

22
00:03:04,070 --> 00:03:11,950
Y sería el mismo día el 10 de diciembre el mismo usuario guardo cambio si recargo quedará hacia HTML5

23
00:03:11,980 --> 00:03:24,720
y responsivo empiezan fuera de este vamos a poner a vamos a poner una clase Button o botón y vamos a

24
00:03:24,720 --> 00:03:30,180
poner aquí de una vez me quería Florrick porque este botón va a estar alineado a la derecha y lo ideal

25
00:03:30,360 --> 00:03:35,460
en este caso lo haremos con un flat ride ya hasta aquí el clip freaks fue falta crear esa clase de Flurry

26
00:03:36,380 --> 00:03:44,540
podremos ver todos recargamos y tenemos ya la estructura ahora nos queremos a partir del siguiente video

27
00:03:44,570 --> 00:03:51,060
es tratar de acomodar todo esto arriba del video y hacer que este video tome el 100 por ciento porque

28
00:03:51,060 --> 00:03:53,480
aquí podemos darle escarola hacia los lados.

29
00:03:53,730 --> 00:03:57,380
Todos esos ajustes los veremos a partir del siguiente video.