/
leraaa
/
ttt
Обзор
Документация
Войти
/
leraaa
/
ttt
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
330 строк
14 KB
nepa
Практические работы ПР №2-6
12 май 2026, 09:39
12 май 2026, 09:39
7229ec4
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Пекарня "Колобок"</title> <link rel="stylesheet" href="styles.css"> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;7 00&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> </head> <body> <header> <div style="display: flex; align-items: center; gap: 15px;"> <img src="img/logo.png" alt="Логотип пекарни Колобок" width="60" height="60"> <h1>Пекарня "Колобок"</h1> </div> <nav> <ul> <li><a href="#about">О нас</a></li> <li><a href="#menu">Наше меню</a></li> <li><a href="#gallery">Галерея</a></li> <li><a href="#prices">Цены</a></li> <li><a href="#contacts">Контакты</a></li> </ul> </nav> </header> <main id="home"> <section id="about"> <h2>О нас</h2> <p>Пекарня "Колобок" — это место, где традиции встречаются с качеством, а каждый продукт создаётся с любовью и заботой.</p> <article> <h3>Наша история</h3> <p>Основанная в 2010 году, наша пекарня начинала с небольшой семейной кухни, где мы пекли хлеб по старинным рецептам. Сегодня "Колобок" — это современное производство, сохранившее дух домашней выпечки. Мы по-прежнему используем только натуральные ингредиенты, без искусственных добавок и консервантов.</p> </article> <article> <h3>Наши принципы</h3> <ul class="principles-list"> <li>Качество — мука от проверенных поставщиков, свежие фермерские продукты</li> <li>Традиции — рецепты, передаваемые из поколения в поколение</li> <li>Инновации — сочетание классики и новых технологий выпечки</li> <li>Экологичность — биоразлагаемая упаковка и ответственное производство</li> </ul> </article> <article> <h3>Ассортимент</h3> <p>Ежедневно мы готовим для вас:</p> <ol class="assortment-list"> <li>Свежий хлеб на закваске и дрожжевой</li> <li>Сдобную выпечку по домашним рецептам</li> <li>Десерты — от классических круассанов до авторских пирожных</li> <li>Сезонные новинки — только вдохновленные природой вкусы</li> </ol> </article> <article> <h3>Наша команда</h3> <p>За каждой буханкой хлеба и сладким шедевром стоит труд наших мастеров-пекарей и кондитеров. Мы искренне верим, что хорошая выпечка может сделать день ярче!</p> <p>Приходите в "Колобок" — где каждый каравай рассказывает свою вкусную историю!</p> <p><em>"От души — к душе через хлеб"</em></p> <p>Ваша пекарня "Колобок"</p> </article> </section> <section id="menu"> <h2>Наше меню</h2> <div class="table-wrapper"> <table class="menu-table"> <caption>Вся выпечка готовится ежедневно с 4 утра по старинным рецептам из натуральных ингредиентов</caption> <thead> <tr> <th rowspan="4" class="category-cell">Хлебная<br>корзина</th> <th>Название</th> <th>Вес</th> <th>Описание</th> </tr> </thead> <tbody> <tr> <td>Бородинский</td> <td>500 г</td> <td>На ржаной закваске с солодом и тмином</td> </tr> <tr> <td>Деревенский</td> <td>650 г</td> <td>Пшенично-ржаной на живых дрожжах</td> </tr> <tr> <td>Чиабатта</td> <td>400 г</td> <td>Итальянский хлеб с хрустящей корочкой</td> </tr> <tr> <td>Безглютеновый</td> <td>350 г</td> <td>Из гречневой и кукурузной муки</td> </tr> </tbody> <thead> <tr> <th rowspan="4" class="category-cell">Сдобная<br>выпечка</th> <th>Название</th> <th>Вес</th> <th>Описание</th> </tr> </thead> <tbody> <tr> <td>Круассан классический</td> <td>-</td> <td>Слоёное тесто на французском масле</td> </tr> <tr> <td>Пирожки</td> <td>150 г</td> <td>С вишней/картошкой/капустой</td> </tr> <tr> <td>Булочки "Обнимашки"</td> <td>-</td> <td>С корицей или шоколадом</td> </tr> <tr> <td>Багет французский</td> <td>-</td> <td>С хрустящей корочкой</td> </tr> </tbody> <thead> <tr> <th rowspan="4" class="category-cell">Сладкое<br>настроение</th> <th>Название</th> <th>Вес</th> <th>Описание</th> </tr> </thead> <tbody> <tr> <td>Тирамису</td> <td>-</td> <td>Классический итальянский десерт</td> </tr> <tr> <td>Эклеры</td> <td>-</td> <td>С заварным кремом</td> </tr> <tr> <td>Медовик</td> <td>-</td> <td>По бабушкиному рецепту</td> </tr> <tr> <td>Пирожные "Картошка"</td> <td>-</td> <td>С грецкими орехами</td> </tr> </tbody> <thead> <tr> <th rowspan="3" class="category-cell">Напитки</th> <th colspan="3">Название и описание</th> </tr> </thead> <tbody> <tr> <td colspan="3">Свежесваренный кофе из зерен собственной обжарки</td> </tr> <tr> <td colspan="3">Домашний квас и морсы</td> </tr> <tr> <td colspan="3">Травяные чаи с мёдом</td> </tr> </tbody> <tfoot> <tr> <td colspan="4">✅ Всегда в наличии: Бездрожжевой хлеб • Веганская выпечка • Продукты без сахара</td> </tr> </tfoot> </table> </div> </section> <section id="gallery"> <h2>Наша выпечка</h2> <div class="gallery-container"> <div class="gallery-item"> <img src="img/baget-small.jpg" alt="Багета"> <p>Багета</p> </div> <div class="gallery-item"> <img src="img/baton-small.jpg" alt="Батона"> <p>Батона</p> </div> <div class="gallery-item"> <img src="img/kalach-small.jpg" alt="Калача"> <p>Калача</p> </div> <div class="gallery-item"> <img src="img/pshenichniy-small.jpg" alt="Пшеница"> <p>Пшеница</p> </div> <div class="gallery-item"> <img src="img/rjanoy-small.jpg" alt="ржаница"> <p>Ржаница</p> </div> </div> </section> <section id="prices"> <h2>Наши цены</h2> <div class="table-wrapper"> <table class="price-table"> <caption>Актуальные цены на основную продукцию</caption> <thead> <tr> <th scope="col">Наименование</th> <th scope="col">Цена</th> <th scope="col">Вес</th> <th scope="col">Действия</th> </tr> </thead> <tbody> <tr> <td data-label="Наименование">Хлеб ржаной</td> <td data-label="Цена">120 ₽</td> <td data-label="Вес">500 г</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Бородинский</td> <td data-label="Цена">150 ₽</td> <td data-label="Вес">500 г</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Деревенский</td> <td data-label="Цена">180 ₽</td> <td data-label="Вес">650 г</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Чиабатта</td> <td data-label="Цена">200 ₽</td> <td data-label="Вес">400 г</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Круассан</td> <td data-label="Цена">90 ₽</td> <td data-label="Вес">-</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Пирожки</td> <td data-label="Цена">70 ₽</td> <td data-label="Вес">150 г</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Медовик</td> <td data-label="Цена">250 ₽</td> <td data-label="Вес">200 г</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> <tr> <td data-label="Наименование">Кофе свежесваренный</td> <td data-label="Цена">150 ₽</td> <td data-label="Вес">250 мл</td> <td data-label="Действия"><button class="order-btn">Заказать</button></td> </tr> </tbody> </table> </div> </section> <section id="contacts"> <h2>Контакты</h2> <dl class="contacts-list"> <dt> Адрес:</dt> <dd>г. Москва, ул. Пряничная, д. 15 (5 минут от м. Сладковская)</dd> <dd>ТЦ "Золотой каравай", 3 этаж (ул. Мукомольная, 42)</dd> <dt> Часы работы:</dt> <dd>Пн-Пт: 7:00–21:00</dd> <dd>Сб-Вс: 8:00–22:00</dd> <dd>Без выходных и перерывов</dd> <dt> Телефон:</dt> <dd>+7 (495) 123-45-67</dd> <dt> Email:</dt> <dd>kolobok@bakery.ru</dd> <dt> Доставка:</dt> <dd>с 9:00 до 20:00 (в пределах МКАД — бесплатно от 1000 ₽)</dd> </dl> </section> </main> <footer> <p> 📱 Мы в соцсетях: <a href="https://instagram.com" target="_blank" rel="noopener">Instagram</a> | <a href="https://vk.com" target="_blank" rel="noopener">ВКонтакте</a> </p> <p> <a href="#home">⬆ Наверх</a> </p> <p>© 2024 Пекарня "Колобок"</p> </footer> </body> </html>