Skip to content

LiliaBilous/TEST__JuniorFE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Тестове завдання для 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 для секції з головною картинкою та додала стилі, що полегшують навігацію користувачам, що використовують клавіатуру.