Макеты дизайна разработаны в HTML Academy.
Сайт "Барбершоп «Бородинский»" состоит из трех страниц:
- HTML5
- CSS3
- JavaScript
- БЭМ
- SASS
- GULP (описание автоматизации и использованные плагины приведено в файле galpfile.js в корне проекта)
- Flexbox
- Адаптивная, валидная, семантическая, кроссбраузерная верстка (IE10+)
- Оптимизированный вес сайта и его загрузка
- Легкая поддержка сайта благодаря использованию БЭМ методологии и грамотного внедрения SASS препроцессора
- Скачайте и установите Node.js
- Скачайте и установите Git Bash
- Загрузите проект локально себе на компьютер с помощью команды:
git clone https://github.com/haosmos/barbershop-adaptive.git .
- Установите все вспомогательные пакеты, которые были использованные в проекте:
npm i
- Выполните сборку проекта
npm run build
В папке проекта появится папка build, которая содержит скомпилированный проект на выпуск в продакшн.
Для выполнения компиляции и запуска локального сервера с автообновлением на изменения, используйте команду npm start
.
Опубликованная версия проекта доступна по адресу: https://haosmos.bitbucket.io