NovusHaus - сайт візитка
Індивідуальний проект.
- веб-сторінка зібрана та побудована за допомогою PARCEL;
- респонсивна-гумова верстка, що підстосовується під будь який розмір екрану;
- виконаний імпорт SVG зображень, із онлайн сервісу;
- підключення зовнішніх шрифтів через GOOGLE FONTS;
- створення CSS змінних для легкого редагування кольорів, шрифтів та ін. при подільшій потребі;
- такі кнопки, яу "дізнатися більше" або "додати до кошика" відображаються лише як частина інтерфейсу і не виконують жодної іншої функції, ніж декоративний елемент.
Початкове анімування елементів сторіннки при завантажені реалізовано за допомогою сторонньої бібліотеки ScrollReveal.
У секції "Testimonials" знаходиться слайдер із відгуками, функціонал котрого дозволяє гортати відгуки не натискаючи на кнопки, а чіпляючи за саму секцію відгука, що досить зручно використовувати на смартфонах. Даний слайдер реалізовано за допомогою бібліотеки Swiper.
На загал у проекті JavaScript використовувся мінімально, для реалізацію мобільного меню, налаштування раніше підключених сторонніх бібліотек.
- веб-сторінка зібрана та побудована за допомогою PARCEL;
- респонсивна-гумова верстка, що підстосовується під будь який розмір екрану;
- виконаний імпорт SVG зображень, із онлайн сервісу;
- підключення зовнішніх шрифтів через GOOGLE FONTS;
- створення CSS змінних для легкого редагування кольорів, шрифтів та ін. при подільшій потребі;
- такі кнопки, яу "дізнатися більше" або "додати до кошика" відображаються лише як частина інтерфейсу і не виконують жодної іншої функції, ніж декоративний елемент.
Початкове анімування елементів сторіннки при завантажені реалізовано за допомогою сторонньої бібліотеки ScrollReveal.
У секції "Testimonials" знаходиться слайдер із відгуками, функціонал котрого дозволяє гортати відгуки не натискаючи на кнопки, а чіпляючи за саму секцію відгука, що досить зручно використовувати на смартфонах. Даний слайдер реалізовано за допомогою бібліотеки Swiper.
На загал у проекті JavaScript використовувся мінімально, для реалізацію мобільного меню, налаштування раніше підключених сторонніх бібліотек.