Ars28Fox / Sedona-adaptive-2020

Учебный проект - адаптивная версия сайта Седона

Home Page:https://ars28fox.github.io/Sedona-adaptive-2020/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Учебный проект «Седона»

Gulp tasks:

  • gulp start - starting dev
  • gulp build - compile prod

Project page. Это второй проект в рамках обучения.

Написан на чистом html, использовался препроцессор scss, javascript и сборщик gulp. В ходе учебного проекта было реализовано:

  • Кроссбраузерная семантичная верстка на HTML 5 (Браузеры Chrome, Firefox, Safari).
  • Реализована адаптивность под разрешения mobile, tablet, desktop (Применен принцип Mobile-first).
  • Все страницы активны.
  • Выполнена "ретинизация" изображений.
  • Сетка сайта построена с помощью CSS GRID и Flexbox моделей.
  • Именование класов по БЭМ методологии.
  • Стилизованны кастомные чекбоксы и радиокнопки на странице отправки отзыва.
  • Реализована базовая доступность сайта.
  • Реализованы модальные окна с валидацией при отправке формы и с сообщением об успешной отправке.
  • Настроен сборщик Gulp в рамках проекта.

About

Учебный проект - адаптивная версия сайта Седона

https://ars28fox.github.io/Sedona-adaptive-2020/


Languages

Language:HTML 52.6%Language:SCSS 42.7%Language:JavaScript 4.6%