Що це за сайт?
Це демонстраційний статичний веб-сайт, створений для тестування різних функцій та можливостей платформи хостингу Netlify. Він демонструє кілька веб-технологій, що працюють разом у сучасному адаптивному дизайні.
🎯 Мета
Дослідити та перевірити, як Netlify обробляє розгортання статичних сайтів, включаючи HTML, CSS, JavaScript, зображення та конфігураційні файли.
Використані технології
HTML5
Семантична розмітка з правильною структурою та функціями доступності.
CSS3
Сучасне стилізування з Grid, Flexbox, анімаціями та користувацькими властивостями.
JavaScript
Ванільний JS для інтерактивності, анімацій та динамічного контенту.
SVG графіка
Масштабована векторна графіка для чітких візуальних елементів будь-якого розміру.
Local Storage
Зберігання в браузері для збереження користувацьких налаштувань та даних.
Netlify Forms
Вбудована обробка форм без серверного коду.
Ключові особливості
- ✅ Адаптивна навігація з мобільним меню-гамбургером
- ✅ Анімовані лічильники та плавна прокрутка
- ✅ Галерея зображень з лайтбоксом
- ✅ Контактна форма з валідацією на стороні клієнта
- ✅ CSS анімації та переходи
- ✅ Перемикання темної теми з збереженням у localStorage
- ✅ Семантичний HTML для кращого SEO
- ✅ Оптимізовано для продуктивності та доступності
Чому Netlify?
Netlify - це відмінна платформа для хостингу статичних веб-сайтів, оскільки пропонує:
Швидке розгортання
Розгортайте за секунди з безперервною інтеграцією з Git
Глобальна CDN
Контент доставляється з крайових локацій по всьому світу
HTTPS за замовчуванням
Автоматичні SSL сертифікати для безпечних з'єднань
Легкий попередній перегляд
Попередній перегляд для кожного pull request
Готові до розгортання?
Цей сайт готовий до розгортання на Netlify. Просто підключіть свій Git репозиторій або перетягніть файли!