Skip to content

Latest commit

 

History

History
19 lines (12 loc) · 1.66 KB

README.md

File metadata and controls

19 lines (12 loc) · 1.66 KB

Тестове завдання для Smart Orange

Завдання

  • Адаптивна верстка по FIGMA макету, використовуючи препроцесор SASS(SCSS);
  • Використовувати SVG-іконки. В макеті їх немає, але можете знайти безкоштовні такі або схожі, в інтернеті не викличе складності;
  • Додати на свій розсуд CSS анімації, анімації при скролі;
  • Додати на свій розсуд зміну стану елементів (наприклад кнопок) при наведенні;

https://www.figma.com/file/Ilhc5jUaJLXgAXOqm12ri5/TEST-(Copy)?type=design&mode=design&t=KnhelFQJdojdcahR-1

Підсумок

На момент виконання цього тестового завдання я не мала практичного досвіду з SASS(SCSS), тож я швидко ознайомилась з цією технологією.

Також, оскільки в описі вакансії було згадано Webpack, з яким я раніше не працювала, я вирішила додати його до проекту у вільний час.

Крім виконання основних технічних вимог, я також інтегрувала Swiper для секції з головною картинкою та додала стилі, що полегшують навігацію користувачам, що використовують клавіатуру.