https://github.com/bagmang/pizza-landing

Одностраничный сайт пиццерии "The Pizza" с информацией о меню, доставке и контактах.
https://github.com/bagmang/pizza-landing

bootstrap5 css frontend html js landing landing-page pizza portfolio

Last synced: 4 months ago
JSON representation

Одностраничный сайт пиццерии "The Pizza" с информацией о меню, доставке и контактах.

• Host: GitHub
• URL: https://github.com/bagmang/pizza-landing
• Owner: BagmanG
• License: mit
• Created: 2025-07-01T19:29:42.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-07-01T20:33:35.000Z (4 months ago)
• Last Synced: 2025-07-01T21:28:43.622Z (4 months ago)
• Topics: bootstrap5, css, frontend, html, js, landing, landing-page, pizza, portfolio
• Language: HTML
• Homepage:
• Size: 376 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# The Pizza - Сайт пиццерии

![Главная](docs/pic0.jpg)

Одностраничный сайт пиццерии "The Pizza" с информацией о меню, доставке и контактах.

## Описание проекта

![Информация](docs/pic1.jpg)

Этот сайт представляет собой современный адаптивный лендинг для пиццерии, который включает:

- Главную страницу с информацией о заведении

- Раздел меню с фотографиями и описанием пицц

- Информацию о компании

- Контактные данные и условия доставки

## Использованные технологии

![Меню](docs/pic2.jpg)

### Основные технологии

- **HTML5** - семантическая разметка страницы

- **CSS3** - стилизация элементов

- **JavaScript** - интерактивные элементы и анимации

### Фреймворки и библиотеки

- **Bootstrap 5** - адаптивная сетка и компоненты

- **Font Awesome** - иконки

- **Intersection Observer API** - анимации при скролле

![О нас](docs/pic3.jpg)

### Особенности реализации

- Полностью адаптивный дизайн (mobile-first подход)

- Плавная прокрутка к разделам

- Анимации элементов при появлении в области видимости

- Фиксированная навигационная панель с изменением прозрачности

- Оптимизированная загрузка изображений

## Установка и запуск

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

   ```bash

   git clone https://github.com/BagmanG/Pizza-Landing.git

   ```

2. Открыть файл index.html в браузере

## Структура проекта

```

Pizza-Landing/

├── index.html         # Главная страница

├── css/               # Стили

│   └── style.css      # Основной стиль

├── images/            # Изображения для сайта

└── README.md          # Документация

```

## Лицензия

MIT License