Skip to content

JessTeran/Vaccination_Practica_CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Clon de pagina -Vacunación-

thumb

Practica de CSS - Vaccination - 🦠 💉

Descripción:

Pagina Web donde se puede apreciar información de la Vacuna contra COVID-19, permite a los usuarios que se quieran vacunar registrarse, y motiva a hacerlo a los que aún no estan completamente convencidos. Está pagina es un clon de una imagen dadá por el MisionComander de la misión de FrontEnd, con el objetivo de utilizar lo aprendido para lograr que la pagina quede lo más parecido a lo requerido.

Como Funciona:

La pagina esta maquetada con HTML y se dieron los estilos con CSS, esta dividida en varias secciones:

  • Menu principal horizontal

  • Seccion Principal - Contiene información de como combatir el virus, dentro de esta sección encontramos el formulario de registro para vacunarse, se realiza con los siguientes datos: +Localidad - Selección a partir de una variedad de opciones, el estado al que pertenece el usuario. +Fecha - Selección en el calendario la fecha deseada. +Tipo de vacuna - Escribir el nombre de la vacuna, en automatico te da opciones posibles. +Boton de "Enviar" - Se da click en el boton una vez terminado de llenar el formulario, para enviar los datos a quin corresponda.

  • Segunda Sección - Apartado donde te da una serie de razones del porqué vacunarse, al sobreponer el mouse en cada opción se resaltará el área.

  • Tercera Sección - En esté apartado se encontrarán sugerencias para tomar en cuanta antes de vacunarse, para ver cada sugerencia más a detalle, el usuario puede hacer "click" en cada una de ella, las cuales se desplegarán o en caso contrario al volver a hacer "click" se contraera la información.

  • Cuarta Sección - Esta sección contiene datos de contacto para emergencias, se puede contactar con un medico de diferentes maneras, cada una tiene un boton, que cambia de color al sobreponer el puntero.

  • Pie de Pagina - Por ultimo encontramos que en el pie de pagina mas información sobre la organización, los Terminos y Condiciones y polizas de privacidad (actualmente no llevan a ningun sitio en particular, es meramente demostrativo).

Ver en:

Vaccination

Vaccination

About

Practica CSS - Vaccination

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published