En este video hemos comenzado a trabajar con estas tablas de precios.
Vamos a agregar algunos efectos de CCS unas animaciones sencillas pero que harán que se vea bastante
bien.
Primero haremos la parte del HTML así que le ponemos sección y un poco de scroll para que se vea un
poco mejor más centrado.
Glass precios y nuestra clase de sección que hemos creado que es lo que hace es que nos agregan Padín
section y vamos a poner un H2 que diga precios H2 precios y guardamos cambios y recargamos que tenemos
nuestros precios.
Ya se ve un poco de información cargada gracias a las clases que hemos estado utilizando y reutilizando
un nivel que va a decir contenedor no nuevo.
Este contenido estará dentro del contenedor de 1200 píxeles no se va a ir hasta las orillas como si
se va lo que viene siendo esta imagen así que lo ponemos contenedor y ponemos L con la clase
expone el estilista precios irán un clip fix de nuevo porque vamos a flotar todo esto a la izquierda.
Vamos una ley y dentro de una ley puedes colocar lo que tú quieras hay mucha gente que dice que no he
leído y no debe decir nada.
Sin embargo la regla dice que dentro de la ley puede ir cualquier cosa que vaya dentro del body así
que aquí la vamos a poner un dip que va a tener tabla precio como clase luego a CH3 cabe decir pase
por día que vendría siendo esta sección de aquí estoy aquí y aquí he borrado este texto.
Y le ponemos un número Recuerdas esta clase ya lo habíamos creado y aquí iba a tener precio el primero
es de 30 30 y cerramos el párrafo siguiente creamos otro un Order List y vascón Lehi bocadillos gratis.
Puedes ver que en el diseño tienes las palomitas aquí no los vamos a poner nosotros por medio de CSS
y lo dice todas las conferencias así que todas las conferencias y por último le ponemos todos los talleres
y después del 1 Order les vamos a crear un enlace que va a tener la clase de Button y también va a tener
una clase que se lo vamos a ver qué es esa clase de foro y vamos a quitar el espacio aquí
sí guardo cambios y recargamos vemos que tenemos nuestra tabla un poco salida de su lugar sin embargo
la estructura aquí esta podemos copiar este Lehi y crear dos más copias puedes ver que nuestro diseño
tenemos tres en total así que vamos a ir por la segunda que esta medida se que todos los días y tiene
un precio de 50.
Este no tiene el diseño de jalo así que lo quitamos aquí.
Y por último tenemos el pase por dos días dos días.
Este tiene un precio de 45 45 y este si tienen geólogo así que guardo cambio si recargo vemos que tenemos
30 50 y 45 pases por día todos los días o pase por dos días así que en el siguiente vídeo le vamos a
dar algunos estilos para que esto se vea como en el diseño.
Además agregarle algo de CSS 3 para que se vea una transición a una animación un poco más interesante.