Sistema de Mensajería

Ejercicio realizado para Desafío Latam.

Descripción

"La empresa Contact Me SPA está en proceso de maquetación de una de sus pantallas más importantes: el sistema de mensajería y contactos para generar conversaciones en la plataforma."

Requerimientos

1. Utilizar flexbox para posicionar las dos columnas principales: la de contactos y la de sección principal. (1 Punto)

2. Posicionar con flex en el centro de la sección principal el logo y textos. (2 Puntos)

3. Utilizar Flex para enlistar los contactos de forma vertical mostrando al menos el nombre de cada uno. (2 Puntos)

4. Dentro de cada contacto, mostrar la imagen y un texto con el último mensaje enviado, posicionando estos elementos con Flex. (2 Puntos)

5. Dentro de la sección de contactos, agregar el botón nuevo chat. El botón debe estar centrado y posicionado con Flex. (2 Puntos)

6. Al principio de la sección de contactos, agregar el estatus del usuario con la imagen e íconos como muestra la imagen 1. (1 Punto)

Dependencias

• CSS
• Font Awesome

Estructura

• Nav Vertical con 3 subsecciones:
  • menu
  • nav-newchat
  • chat-box
• Section

Autor

Alvaro Pelusa™ Cortés

Historial de Versiones

• 0.1
  • Primer release: Liberado sitio. Se integra display flexbox en CSS para cumplir objetivo de desafio

Licencia

Proyecto de propiedad de Alvaro Pelusa™ Cortés para Desafío Latam