Проект «Cat energy» від HTML Academy

Адаптивна верстка макета інтернет-магазину фітнес харчування для котів
🙀😸🐟🍴🍗😹🐈

Демо проекту🔗

---

Команди для роботи з проектом

npm install – встановлення пакетів та залежностей

npm test – запуск перевірки наявності стилістичних помилок

npm start – збирання проекту в режимі розробки із запуском локального сервера

npm run build – фінальне збирання проекту

npm run deploy – фінальне збирання проекту із деплоєм його в GitHub Pages

npm run dist – фінальне збирання проекту із архівацією його в форматі zip

---

Використовувані технології:

• HTML5
• методологія БЕМ
• препроцесор SCSS
• Gulp для збирання проекту
• ванільний JS

---

Особливості проекту:

• Верстка повністю адаптивна та проходить тести на переповнення контентом
• Усі інтерактивні елементи доступні з клавіатури
• Використаня SVG спрайтів для іконок та логотипу
• Основний функціонал сайту доступний без JS
• Наявні зображення для екранів з високою густиною пікселів (Retina)
• Виконано оптимізацію швидкості завантаження
• Для забезпечення безпеки користувачів усім посиланням з атрибутом target="_blank" додано rel="nofollow noopener"