Vamos a continuar nuestra siguiente sección que es el formulario de contacto y puedes ver que en éste
por ejemplo los labels están alineados te mostraré como alinear los elementos con Flex Box y crear un
formulario responsive.
Aquí nosotros copiar todo y vamos a poner aquí contacto punto HTML.
Tengamos todo esto y voy a eliminar todo este texto aquí el primer paso de nueva cuenta se crea un Moine
con una clase de contenedor y después un HD2 con la clase centrar texto iba a decir contacto.
Contacto de esta forma si abrimos nuestro proyecto y damos clic en contacto de momento nada más esto
se continuar vamos a abrir lo que viene siendo nuestro código vamos a crear un DIV con la clase Grit
y vamos a poner columnas 12 ahora tal vez por qué columnas 12 y 12 vendría siendo el 100 por ciento
y por defaults el deba tomar todo el 100 por ciento.
Es el estándar también declarar incluso las 12 columnas CMG contacto punto JPG que vamos a poner Alt
Alt imagen contacto ahora va a ser muy sencillo porque como mencioné este toma todo el espacio disponible
Seki vamos a poner de punto columnas 12 Fleck cero cero Calc 100 por ciento de hecho ni siquiera se
ocupa el 100 por ciento aquí y eso va a hacer que tome todo el espacio disponible y seguimos siendo
consistentes con nuestro Grid.
Ahora si lo vemos en un móvil pequeño pues queda de esta forma que es igual a lo que tenemos aquí que
se va viendo bien el siguiente paso es abrir contacto y después de estas columnas voy a crear el siguiente
selector voy a poner aquí formulario contacto y va a crear un forum no hemos visto por ejemplo el foro
que dice Aktion no hemos visto qué es eso.
De momento ignora Lopnna quién sino de Gatto lo veremos más a detalle más adelante mucho más adelante
en el curso.
Este Auction usualmente está más relacionado ya con la parte de PHP al menos ya para este curso.
Puedes ver que cada uno de estos lenguajes está posicionado de esta forma vamos a utilizar Flex Books.
Por lo tanto requerimos un padre campo aquí íbamos a poner la ley Wolford nombre y ponemos nombre para
través de y porque qué nos hace negrita porque básicamente no va a ser tanto como el Grit sino que le
daremos una base al laBolsa fijo un tamaño sin Tex y aquí va a ponerle namas necesarios para leer los
valores con un lenguaje de Bakken y Pleiss Goldar aquí vamos a poner tu nombre es el más amplio de esta
parte es más fácil de ver o copiar de aquí porque va a crear otro puedes ver que requerimos nombre y
medio un mensaje entonces ya creamos el input text para el nombre en qué iba a ser e-mail y qué iba
a decir email y el text muy importante.
También va a ser Maila que iba a ser tu email o tu correo electrónico electrónico de esta forma si guardamos
cambios de momento vamos a llevar dos inputs difíciles de ver pero están de este lado entonces tenemos
uno dos y tres los corregimos para que se posicionen bien se ha creado otro campo con una clase llamada
mensaje porque puedes ver que este texto es mucho más amplio.
Por lo tanto utilizaremos mensaje para especificar un tamaño y voy a copiar únicamente el lei vueles
en lo que me interesa no me interesa Limpopo que eliminamos todo esto y que voy a poner mensaje y aquí
iba a decir el mensaje y aquí abajo vamos a poner un texto àrea con un Heydi.
Este no es necesario pero el mensaje como mencioné anteriormente Cols y rods es algo que podemos hacer
con CSS.
Si los cambios que tenemos tres campos.
Nos hace falta el que envía el formulario por lo tanto campo y enviar y eso va a ser un input Summit.
Y su valor va a decir enviar si guardamos cambios y abrimos el proyecto que se coloca a este lado entonces
se va viendo bien pero hay detalles por ejemplo puede ser que este contenido está centrado tampoco hacia
arriba extrae o le quita un pedazo a la imagen es una imagen.
Todo eso lo veremos y darles tiros este proyecto ya para finalizar en el siguiente video.