Skip to content

Адаптивная верстка по БЭМ с использованием SCSS со сборкой на gulp.

Notifications You must be signed in to change notification settings

haosmos/barbershop-adaptive

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Адаптивная верстка по БЭМ с использованием SCSS со сборкой на gulp.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published