🖼️ Gallery

Адаптивна веб-галерея, створена з використанням HTML, CSS та JavaScript. Реалізовано карусельний слайдер, асинхронне завантаження контенту та гнучке позиціонування елементів.

⚙️ Технології

• HTML5 — семантична розмітка, структура сторінки
• CSS3 — стилізація з використанням flex, position, media queries, адаптивна верстка, медіа-запити
• JavaScript — логіка слайдера, fetch-запити, інтерактивність, без бібліотек

🔧 Реалізовано

• 🎠 Карусельний слайдер — з можливістю запуску з будь-якого елемента або кнопки Start Slider
• 🔄 Fetch-запити — для завантаження даних та компонентів
• 🧩 Модульна структура — компоненти винесені в окремі файли
• 📱 Адаптивна верстка — оптимізована для мобільних, планшетів і десктопів
• 🧭 Гнучке позиціонування — використано flex, position: absolute/relative, z-index
• 🖼️ Галерея — інтерактивна, з плавною прокруткою і стилізованими елементами

🎥 Візуальна демонстрація

📱 Адаптивність

Сайт коректно відображається на:

• 📱 Мобільних пристроях
• 💻 Планшетах
• 🖥️ Десктопах

🚀 Запуск

1. Клонувати репозиторій:

   git clone https://github.com/1Oleksandra/Gallery.git

2. Відкрити index.html у браузері