https://github.com/noras2001/floralia_shop
Shop with CSS and Bootstrap
https://github.com/noras2001/floralia_shop
bootstrap css html
Last synced: 21 days ago
JSON representation
Shop with CSS and Bootstrap
- Host: GitHub
- URL: https://github.com/noras2001/floralia_shop
- Owner: Noras2001
- License: mit
- Created: 2024-10-29T18:39:00.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2025-02-06T20:16:20.000Z (over 1 year ago)
- Last Synced: 2025-02-27T06:54:27.557Z (over 1 year ago)
- Topics: bootstrap, css, html
- Homepage:
- Size: 5.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Floralia - Интернет-магазин цветов
Этот репозиторий содержит веб-страницу для интернет-магазина "Floralia", разработанную с использованием фреймворка Bootstrap. Страница включает адаптивную навигацию, карусель изображений, карточки с продуктами и аккордеоны для дополнительных описаний.
## Описание
Страница представляет собой основной интерфейс интернет-магазина, где пользователи могут просматривать букеты цветов, ознакомиться с их описаниями и ценами, а также сделать покупку.
### Основные компоненты
- **Навигация**: Используется адаптивная навигационная панель с логотипом и меню, которое меняет свою форму в зависимости от размера экрана.
- **Карусель**: На главной странице отображается карусель с изображениями цветов.
- **Карточки с продуктами**: Каждая карточка содержит изображение букета, его описание и кнопку для покупки.
- **Аккордеоны**: Для каждого элемента есть секция с дополнительной информацией, которая открывается по клику.
- **Футер**: В футере представлены иконки социальных сетей (Instagram, Facebook, Telegram).
## Как запустить
1. Клонируйте репозиторий:
```bash
git clone https://github.com/your-username/floralia.git
```
2. Откройте файл `index.html` в браузере.
Для работы с этой страницей не требуется дополнительных зависимостей, так как все необходимые стили и скрипты загружаются через CDN.
## Структура проекта
- **HTML**: Основной файл страницы `index.html`, который содержит разметку для всей страницы.
- **CSS**: Стили Bootstrap подключаются через CDN, поэтому дополнительная настройка CSS не требуется.
- **JavaScript**: Bootstrap JavaScript файлы также подключены через CDN для реализации функционала карусели, аккордеонов и других интерактивных элементов.
## Лицензия MIT