En este video vamos a copiar lo que vienen siendo las imágenes aquí tengo algunas ya imágenes listas
para este proyecto así que no tienes que preocuparte si no tienes Photoshop no hay ningún problema yo
te estaré proveyendo lo que vienen siendo las imágenes los colores etcétera.
Puedes completar el proyecto sin ningún problema solo que a mí me gusta mucho trabajar con diseños de
Photoshop convirtiendo paso a paso en los archivos del curso encontrarás todos los archivos necesarios
para completar este diseño.
Vamos a copiar las carpetas de IE M.G. con todas las imágenes y abrimos nuestro proyecto que hemos creado
GDL webcam y abrimos la carpeta de imágenes y Ahí pegamos todas las imágenes lo siguiente que hacer
es abrir Hatoum y aquí después de este IHF vamos a eliminar la parte que dice que es dejarlo huir y
vamos a comenzar a escribir nuestro código que vamos a crear primero mujer poner una clase de TGD y
vamos a darle cerrar el aquí siguiente por normal.
Si recuerdas esta imagen así grande se le llama Jiro para la class y luego se imagen la estaremos utilizando
como fondo con CSS así que además podremos Rakı no va a tener la imagen y vamos a crear otra clase de
Clas contenido Getter para poder utilizarla con CSS y poder cambiar todo lo que tenemos aquí de diseño
si vemos nuestro diseño y vemos el orden lo primero es el menú de redes sociales.
De momento no va a imprimir los iconos.
Vamos a agregar una librería en los siguientes dos vídeos.
El siguiente paso para las redes sociales así podemos utilizar el selector o esta clase para escribir
el CSS para las redes sociales.
Y vamos a crear a y aquí va a decir Facebook.
Soy el primero que tenemos Facebook y lo copiamos éste pegamos Twitter pegamos.
El tercero es Pinterest.
El cuarto va a ser YouTube e Instagram
derritan.
Cuando agregamos los iconos esto lo quitaremos sin embargo es bueno tener la estructura de lo que vamos
a estar trabajando.
Vamos otro DIY y este se va a llamar información evento como dije yo siempre me gusta como darle nombres
descriptivos a mis contenedores.
Por ejemplo esta para mí es la información del evento ya que trae la fecha y el lugar así como estos
iconos y aquí la vamos a poner un párrafo con la clase fecha cerramos el párrafo iba a decir 10 12 de
diciembre creamos otro con la clase ciudad cerramos el párrafo y el 10 12 es este que está aquí y las
ciudades de Guadalajara MX Yo soy de esta ciudad de Guadalajara así que si un día me ves en la calle
no puedes saludar y siguiente vamos a ponerla aquí después información evento y la vas a poner un h
1 si recuerdas.
Dijimos que el H1 puede ser utilizado para poner el nombre del sitio web así que le ponemos el nombre
de sitio y le ponemos GDL web.
Puedes poner así como GDL webcam cualquier forma está bien podemos utilizar CSS para ponerlo todo en
mayúsculas vamos a abrirlo aquí recargarlas para ver cómo va nuestro diseño.
Luego tenemos Facebook Twitter Pinterest YouTube Instagram las fechas I.G de la webcam se ve mucho HTML
para lo que llevamos pero va a valer la pena porque ya tenemos estas clases agregadas va a ser más fácil
el flujo que estaremos usando en este curso será escribir en HTML CSS HTML CSS para ir avanzando de
una forma más rápida.
Creamos una clase que sea llama Logan y aquí se llama la mejor conferencia de diseño web.
Puedes ver que la parte de diseño web está como en negritas podemos utilizar un spam y ponemos la mejor
conferencia de spam diseño web y cerramos el párrafo.
Así que con eso tenemos toda la estructura casi de nuestro Jeddah en el siguiente y vamos a ver cómo
agregar estos iconos para que sea más fácil trabajar con ellos donde se agregará una librería llamada
oso qué lo va a hacer mucho más sencillo.