Ahoy! En este repositorio podreis encontrar los ficheros generados en la realización del proyecto final del Módulo 1 - Promo Radia. En él desarrollaremos nuestra primera web colaborativa creando una página con la información social de todos los miembros del equipo:
Durante la realización del proyecto se marcaron los siguientes objetivos en el grupo de trabajo:
El cliente Adalab nos solicitó que desarrollásemos una página web con las siguientes características:
Así mismo, la web estará integrada por distintas páginas:
Ambas páginas constarán de:
header
: aparecerá el nombre del equipo y un menú de navegación que debe mantenerse fijo en la parte superior de la ventana al hacer scroll. footer
: aparecerá el copyright, otro menú y el logo de Adalab.Nuestro cliente nos compartió el diseño que quería a través de Zeplin. Atendiendo a las indicaciónes nuestra página web colaborativa se elaboraría siguendo un esquema en particular.
En la página principal debe aparecer:
En la página de contacto podréis encontrar un formulario listo apra recoger la siguiente información: nombre completo, email, teléfono y mensaje. Además de el botón enviar está enlazado a Formspree para poder mandar las respuestas a un servidor.
Verde oscuro: #099d8d
Verde claro: #14d9c4
Blanco: #ffffff
Negro: #000000
Gris oscuro: #54585a
Gris claro: #b8b8b9
Gris de fondo: #f1f1f1
Puedes echar un vistazo a cómo quedó en Github Pages: https://beta.adalab.es/project-promo-r-module-1-team-2/
Esperamos que os guste.
Hemos creado toda la estructura HTML
de nuestra web en distintos partials
aplicando los conocmientos aprendidos en la clase de Automatización de tareas:
Así mismo, hemos utilizado la misma lógica para los estilos, pasando todo nuestro código CSS
a Sass
:
Creamos un ´partial´para nuestras ´variables´:
Y algunos partials
dentro de otros:
También nos gustaría destacar el empleo de BEM y de las mediaqueries
en nuestro proyecto:
Cualquier aportación será bien recibida.
¡Muchas gracias!