Skip to content

laaleksandrova/cld-adaptive-layout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cld-layout-desktop

The layout of the website version «Euclid»

Это проект по верстке сайта, выполненный в соответствии с заданными требованиями.

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

  • Сайт точно соответствует макету (pixel perfect).
  • Сайт адаптивен для разных устройств с шириной экрана от 320 до 3840 пикселей (от мобильных телефонов до 4К-мониторов).
  • Сайт использует семантические теги для лучшей структуры и доступности.
  • Сайт имеет все интерактивные элементы с плавной анимацией.
  • Сайт поддерживает навигацию по сайту с помощью клавиатуры.
  • Сайт работает с помощью скринридера NVDA (или VoiceOver) для пользователей с ограниченными возможностями.
  • Сайт кроссбраузерен и отображается корректно в разных браузерах.

Технологии и инструменты

  • При верстке использовалась методология Б.Э.М. для именования классов и организации кода.
  • Дополнительно использовались библиотеки Swiper для создания слайдеров и Accordion для создания аккордеонов.

Как запустить проект

Для того, чтобы запустить проект, вам нужно скачать файлы из этого репозитория и открыть файл cld_index.html в браузере.