1
00:00:00,210 --> 00:00:04,830
Vamos a continuar nuestra siguiente sección que es el formulario de contacto y puedes ver que en éste

2
00:00:04,830 --> 00:00:10,440
por ejemplo los labels están alineados te mostraré como alinear los elementos con Flex Box y crear un

3
00:00:10,440 --> 00:00:14,280
formulario responsive.

4
00:00:14,410 --> 00:00:19,330
Aquí nosotros copiar todo y vamos a poner aquí contacto punto HTML.

5
00:00:19,450 --> 00:00:26,540
Tengamos todo esto y voy a eliminar todo este texto aquí el primer paso de nueva cuenta se crea un Moine

6
00:00:26,610 --> 00:00:35,260
con una clase de contenedor y después un HD2 con la clase centrar texto iba a decir contacto.

7
00:00:35,750 --> 00:00:42,390
Contacto de esta forma si abrimos nuestro proyecto y damos clic en contacto de momento nada más esto

8
00:00:42,940 --> 00:00:49,410
se continuar vamos a abrir lo que viene siendo nuestro código vamos a crear un DIV con la clase Grit

9
00:00:50,180 --> 00:00:55,830
y vamos a poner columnas 12 ahora tal vez por qué columnas 12 y 12 vendría siendo el 100 por ciento

10
00:00:56,310 --> 00:00:59,390
y por defaults el deba tomar todo el 100 por ciento.

11
00:01:00,360 --> 00:01:10,260
Es el estándar también declarar incluso las 12 columnas CMG contacto punto JPG que vamos a poner Alt

12
00:01:11,900 --> 00:01:20,260
Alt imagen contacto ahora va a ser muy sencillo porque como mencioné este toma todo el espacio disponible

13
00:01:21,330 --> 00:01:28,100
Seki vamos a poner de punto columnas 12 Fleck cero cero Calc 100 por ciento de hecho ni siquiera se

14
00:01:28,100 --> 00:01:33,710
ocupa el 100 por ciento aquí y eso va a hacer que tome todo el espacio disponible y seguimos siendo

15
00:01:33,710 --> 00:01:35,700
consistentes con nuestro Grid.

16
00:01:35,720 --> 00:01:41,600
Ahora si lo vemos en un móvil pequeño pues queda de esta forma que es igual a lo que tenemos aquí que

17
00:01:41,610 --> 00:01:49,350
se va viendo bien el siguiente paso es abrir contacto y después de estas columnas voy a crear el siguiente

18
00:01:49,350 --> 00:01:55,970
selector voy a poner aquí formulario contacto y va a crear un forum no hemos visto por ejemplo el foro

19
00:01:56,010 --> 00:01:58,620
que dice Aktion no hemos visto qué es eso.

20
00:01:58,620 --> 00:02:03,090
De momento ignora Lopnna quién sino de Gatto lo veremos más a detalle más adelante mucho más adelante

21
00:02:03,090 --> 00:02:04,140
en el curso.

22
00:02:04,140 --> 00:02:09,770
Este Auction usualmente está más relacionado ya con la parte de PHP al menos ya para este curso.

23
00:02:10,080 --> 00:02:14,580
Puedes ver que cada uno de estos lenguajes está posicionado de esta forma vamos a utilizar Flex Books.

24
00:02:14,580 --> 00:02:22,300
Por lo tanto requerimos un padre campo aquí íbamos a poner la ley Wolford nombre y ponemos nombre para

25
00:02:22,330 --> 00:02:26,880
través de y porque qué nos hace negrita porque básicamente no va a ser tanto como el Grit sino que le

26
00:02:26,880 --> 00:02:38,230
daremos una base al laBolsa fijo un tamaño sin Tex y aquí va a ponerle namas necesarios para leer los

27
00:02:38,230 --> 00:02:45,520
valores con un lenguaje de Bakken y Pleiss Goldar aquí vamos a poner tu nombre es el más amplio de esta

28
00:02:45,520 --> 00:02:51,520
parte es más fácil de ver o copiar de aquí porque va a crear otro puedes ver que requerimos nombre y

29
00:02:51,520 --> 00:02:59,540
medio un mensaje entonces ya creamos el input text para el nombre en qué iba a ser e-mail y qué iba

30
00:02:59,560 --> 00:03:03,350
a decir email y el text muy importante.

31
00:03:03,610 --> 00:03:11,140
También va a ser Maila que iba a ser tu email o tu correo electrónico electrónico de esta forma si guardamos

32
00:03:11,140 --> 00:03:15,940
cambios de momento vamos a llevar dos inputs difíciles de ver pero están de este lado entonces tenemos

33
00:03:15,940 --> 00:03:22,760
uno dos y tres los corregimos para que se posicionen bien se ha creado otro campo con una clase llamada

34
00:03:22,760 --> 00:03:25,610
mensaje porque puedes ver que este texto es mucho más amplio.

35
00:03:25,610 --> 00:03:35,680
Por lo tanto utilizaremos mensaje para especificar un tamaño y voy a copiar únicamente el lei vueles

36
00:03:35,700 --> 00:03:43,990
en lo que me interesa no me interesa Limpopo que eliminamos todo esto y que voy a poner mensaje y aquí

37
00:03:44,030 --> 00:03:51,030
iba a decir el mensaje y aquí abajo vamos a poner un texto àrea con un Heydi.

38
00:03:51,080 --> 00:03:56,750
Este no es necesario pero el mensaje como mencioné anteriormente Cols y rods es algo que podemos hacer

39
00:03:57,410 --> 00:03:59,310
con CSS.

40
00:03:59,400 --> 00:04:01,880
Si los cambios que tenemos tres campos.

41
00:04:01,970 --> 00:04:08,470
Nos hace falta el que envía el formulario por lo tanto campo y enviar y eso va a ser un input Summit.

42
00:04:09,700 --> 00:04:16,590
Y su valor va a decir enviar si guardamos cambios y abrimos el proyecto que se coloca a este lado entonces

43
00:04:16,690 --> 00:04:21,340
se va viendo bien pero hay detalles por ejemplo puede ser que este contenido está centrado tampoco hacia

44
00:04:21,340 --> 00:04:25,630
arriba extrae o le quita un pedazo a la imagen es una imagen.

45
00:04:25,660 --> 00:04:30,950
Todo eso lo veremos y darles tiros este proyecto ya para finalizar en el siguiente video.