barbershop-adaptive

Макеты дизайна разработаны в HTML Academy.

Описание проекта:

Сайт "Барбершоп «Бородинский»" состоит из трех страниц:

• Главная страница
• Форма записи на стрижку
• Галерея готовых работ

Использованные технологии:

• HTML5
• CSS3
• JavaScript
• БЭМ
• SASS
• GULP (описание автоматизации и использованные плагины приведено в файле galpfile.js в корне проекта)
• Flexbox

Особенности верстки:

• Адаптивная, валидная, семантическая, кроссбраузерная верстка (IE10+)
• Оптимизированный вес сайта и его загрузка
• Легкая поддержка сайта благодаря использованию БЭМ методологии и грамотного внедрения SASS препроцессора

Компиляция сайта

1. Скачайте и установите Node.js
2. Скачайте и установите Git Bash
3. Загрузите проект локально себе на компьютер с помощью команды:
   git clone https://github.com/haosmos/barbershop-adaptive.git .
4. Установите все вспомогательные пакеты, которые были использованные в проекте:
   npm i
5. Выполните сборку проекта
   npm run build
   В папке проекта появится папка build, которая содержит скомпилированный проект на выпуск в продакшн.

Для разработчиков:

Для выполнения компиляции и запуска локального сервера с автообновлением на изменения, используйте команду npm start.

Опубликованная версия проекта доступна по адресу: https://haosmos.bitbucket.io