Actividad 5: Layout con flex
- Bootstrap
- CSS
- HTML
Descripción de la actividad
Desarrolla una estructura de página web usando las propiedades flexbox para crear nuestras estructuras. Presentaremos los contenidos en una única página (one page), como en los siguientes ejemplos:
http://www.formationstone.com/
https://roma.domesticworkers.org/
https://plant22.co/
Tareas a realizar
- Búsqueda de contenidos, armonía de color y fuentes – 1,5h
- Creación de prototipo: wireframe y prototipo a alta resolución – 4h
- Desarrollo de interfície (html) y contenido con su formato – ?
1. Crear elementos html estructurales
2. Crear elementos html para asignar formato al contenido - Desarrollo de reglas de estilo: Mobile first – ?
Especificaciones
- Contenidos a elegir entre uno de estos tres personajes: Frida Kahlo, Batman o Leonardo da Vinci (o algún personaje de libre elección)
- Secciones: Inicio, Sobre mí (About), Servicios, Equipo (Team), Mi trabajo (Portfolio) y Contacto.
- Colores corporativos: escoger dos entre #3f3c36, #29120e, #759a71, #849e9b y #d3d0b9 (o alguna armonía de libre elección)
- Fuentes: Cualquier Google Font. Por ejemplo: Roboto (https://www.google.com/fonts#UsePlace:use/Collection:Roboto)
- Adaptación a diferentes pantallas: Tenemos que empezar a crear reglas para que la estructura y contenidos sean responsivos