/layout-designer-project-59

Chat layout. Third Hexlet layout designer education project.

Primary LanguageCSS

Chat layout

Hexlet tests and linter status:

Actions Status

chat

This Bootstrap layout has two pages. Main page contains chat placeholder. Chat page contains chat itself. Both pages contain sidebar with nav panel to navigate between user contacts, profile and messages.

The layout is also adapted for mobile devices.

contacts-mobile

Stack

scss, gulp, pug, Bootstrap

Setup

$ make install

Run lint

make lint

Build && run gulp server

make start

Deploy

This layout was deployed on Surge. Follow this link.

Credits

This layout was created as my final project during my Hexlet "Layout designer" education course.