/
vikiii
/
bakery
Обзор
Документация
Войти
/
vikiii
/
bakery
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
267 строк
14 KB
Ваше Имя
Выполнена практика 9
18 май 2026, 12:09
18 май 2026, 12:09
f06058e
Код
Авторство
О чём код?
<!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 href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link rel="icon" href="favicon.ico" type="image/x-icon"> <style> html { scroll-behavior: smooth; } </style> </head> <body> <header class="header"> <img src="img/logo.png" alt="Логотип пекарни" class="logo"> <h1>Пекарня "Колобок"</h1> <nav> <ul id="navbar"> <li><a href="#about">О нас</a></li> <li class="has-submenu"> <a href="#menu">Наше меню</a> <ul class="submenu"> <li><a href="#bread">Хлебная корзина</a></li> <li><a href="#pastry">Сдобная выпечка</a></li> <li><a href="#sweet">Сладкое настроение</a></li> <li><a href="#drinks">Напитки</a></li> </ul> </li> <li><a href="#prices">Цены</a></li> <li><a href="#gallery">Галерея</a></li> <li><a href="#contacts">Контакты</a></li> <li><a href="https://eda.yandex.ru" target="_blank" rel="noopener">Доставка</a></li> <li><a href="form.html">Заказ</a></li> </ul> </nav> <button class="scroll-to-top" id="scrollTopBtn">↑</button> </header> <main id="home"> <section id="about"> <h2>О нас</h2> <p>Пекарня "Колобок" — это место, где традиции встречаются с качеством, а каждый продукт создаётся с любовью и заботой.</p> <article> <h3>Наша история</h3> <p>Основанная в 2010 году, наша пекарня начинала с небольшой семейной кухни, где мы пекли хлеб по старинным рецептам. Сегодня "Колобок" — это современное производство, сохранившее дух домашней выпечки. Мы по-прежнему используем только натуральные ингредиенты, без искусственных добавок и консервантов.</p> </article> <section> <h3>Наши принципы</h3> <ul style="list-style-type: square;"> <li>Качество — мука от проверенных поставщиков, свежие фермерские продукты</li> <li>Традиции — рецепты, передаваемые из поколения в поколение</li> <li>Инновации — сочетание классики и новых технологий выпечки</li> <li>Экологичность — биоразлагаемая упаковка и ответственное производство</li> </ul> </section> <section> <h3>Ассортимент</h3> <p>Ежедневно мы готовим для вас:</p> <ol style="list-style-type: lower-roman;"> <li>Свежий хлеб на закваске и дрожжевой</li> <li>Сдобную выпечку по домашним рецептам</li> <li>Десерты — от классических круассанов до авторских пирожных</li> <li>Сезонные новинки — только вдохновленные природой вкусы</li> </ol> </section> <article> <h3>Наша команда</h3> <p>За каждой буханкой хлеба и сладким шедевром стоит труд наших мастеров-пекарей и кондитеров. Мы искренне верим, что хорошая выпечка может сделать день ярче!</p> <p>Приходите в "Колобок" — где каждый каравай рассказывает свою вкусную историю!</p> <p><strong>"От души — к душе через хлеб"</strong></p> <p>Ваша пекарня "Колобок"</p> </article> </section> <section id="menu-table"> <h2>Меню пекарни "Колобок"</h2> <div class="table-wrapper"> <table class="menu-table"> <caption>Вся выпечка готовится ежедневно с 4 утра по старинным рецептам из натуральных ингредиентов</caption> <thead> <tr><th colspan="4" id="bread">🥖 Хлебная корзина</th></tr> </thead> <tbody> <tr><th>Название</th><th>Вес</th><th colspan="2">Описание</th></tr> <tr><td>Бородинский</td><td>500 г</td><td colspan="2">На ржаной закваске с солодом и тмином</td></tr> <tr><td>Деревенский</td><td>650 г</td><td colspan="2">Пшенично-ржаной на живых дрожжах</td></tr> <tr><td>Чиабатта</td><td>400 г</td><td colspan="2">Итальянский хлеб с хрустящей корочкой</td></tr> <tr><td>Безглютеновый</td><td>350 г</td><td colspan="2">Из гречневой и кукурузной муки</td></tr> </tbody> <thead> <tr><th colspan="4" id="pastry">🥐 Сдобная выпечка</th></tr> </thead> <tbody> <tr><th>Название</th><th>Вес</th><th colspan="2">Описание</th></tr> <tr><td>Круассан классический</td><td>-</td><td colspan="2">Слоёное тесто на французском масле</td></tr> <tr><td>Пирожки</td><td>150 г</td><td colspan="2">С вишней/картошкой/капустой</td></tr> <tr><td>Булочки "Обнимашки"</td><td>-</td><td colspan="2">С корицей или шоколадом</td></tr> <tr><td>Багет французский</td><td>-</td><td colspan="2">С хрустящей корочкой</td></tr> </tbody> <thead> <tr><th colspan="4" id="sweet">🍰 Сладкое настроение</th></tr> </thead> <tbody> <tr><th>Название</th><th>Вес</th><th colspan="2">Описание</th></tr> <tr><td>Тирамису</td><td>-</td><td colspan="2">Классический итальянский десерт</td></tr> <tr><td>Эклеры</td><td>-</td><td colspan="2">С заварным кремом</td></tr> <tr><td>Медовик</td><td>-</td><td colspan="2">По бабушкиному рецепту</td></tr> <tr><td>Пирожные "Картошка"</td><td>-</td><td colspan="2">С грецкими орехами</td></tr> </tbody> <thead> <tr><th colspan="4" id="drinks">☕ Напитки</th></tr> </thead> <tbody> <tr><th>Название</th><th colspan="3">Описание</th></tr> <tr> <td colspan="4">Свежесваренный кофе из зерен собственной обжарки</td> </tr> <tr> <td colspan="4">🍹 Домашний квас и морсы</td> </tr> <tr> <td colspan="4">🍵 Травяные чаи с мёдом</td> </tr> </tbody> <tfoot> <tr> <td colspan="4"><strong>✅ Всегда в наличии:</strong> Бездрожжевой хлеб • Веганская выпечка • Продукты без сахара</td> </tr> <tr> <td colspan="4"><em>Цены указаны за штуку/упаковку. Ассортимент может меняться в зависимости от сезона.</em></td> </tr> <tr> <td colspan="4"><strong>P.S. Каждое утро с 7:00 до 9:00 — скидка 20% на всю выпечку!</strong></td> </tr> </tfoot> </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>Телефон: <a href="tel:+74951234567">+7 (495) 123-45-67</a></dd> <dd>Email: <a href="mailto:kolobok@bakery.ru">kolobok@bakery.ru</a></dd> <dd>Соцсети: @kolobok_bakery (ВК, Telegram, Instagram)</dd> <dt> Служба доставки:</dt> <dd>Доставка: с 9:00 до 20:00 (в пределах МКАД — бесплатно от 1000 ₽)</dd> <dd>Сроки выпечки под заказ: 1–2 дня</dd> <dd>Торты на заказ: минимальный заказ — 3 кг</dd> <dt> Реквизиты:</dt> <dd>ООО "Колобок" ИНН 1234567890 ОГРН 1234567890123</dd> <dt> Как добраться:</dt> <dd>Наш фирменный фургон с изображением Колобка припаркован у входа. От метро: автобусы 12, 45 до остановки "Пекарный ряд".</dd> </dl> <p><strong>Ждём вас за ароматным хлебом и душевными беседами! Ваш "Колобок" — где каждый кусочек с любовью!</strong></p> </section> <section id="gallery"> <h2>Наша выпечка</h2> <div class="products-grid"> <div class="product-card"> <div class="badge">Хит!</div> <img src="cart/bread.jpg" alt="Ржаной хлеб" class="product-image"> <div class="product-content"> <h3 class="product-title">Ржаной хлеб</h3> <p class="product-description">Натуральная закваска, без дрожжей. Вес: 500 г.</p> <div class="product-footer"> <span class="price">120 ₽</span> <button class="buy-btn">В корзину</button> </div> </div> </div> <div class="product-card"> <div class="badge">Новинка!</div> <img src="cart/croissant.jpg" alt="Круассан" class="product-image"> <div class="product-content"> <h3 class="product-title">Круассан классический</h3> <p class="product-description">Слоёное тесто на французском масле.</p> <div class="product-footer"> <span class="price">80 ₽</span> <button class="buy-btn">В корзину</button> </div> </div> </div> <div class="product-card"> <div class="badge">Популярное</div> <img src="cart/cake.jpg" alt="Тирамису" class="product-image"> <div class="product-content"> <h3 class="product-title">Тирамису</h3> <p class="product-description">Классический итальянский десерт.</p> <div class="product-footer"> <span class="price">250 ₽</span> <button class="buy-btn">В корзину</button> </div> </div> </div> <div class="product-card"> <div class="badge">Хит!</div> <img src="cart/pie.jpg" alt="Пирожок" class="product-image"> <div class="product-content"> <h3 class="product-title">Пирожки</h3> <p class="product-description">С вишней, картошкой или капустой. Вес: 150 г.</p> <div class="product-footer"> <span class="price">60 ₽</span> <button class="buy-btn">В корзину</button> </div> </div> </div> </div> </section> </section> </main> <script> document.getElementById('scrollTopBtn').addEventListener('click', function(){ window.scrollTo({ top: 0, behavior: 'smooth' }); }); </script> <footer> <p>© 2026 Пекарня "Колобок"</p> <p> <a href="https://vk.com" target="_blank" rel="noopener">ВКонтакте</a> | <a href="https://instagram.com" target="_blank" rel="noopener">Instagram</a> | <a href="https://t.me" target="_blank" rel="noopener">Telegram</a> </p> <p><a href="#home">Наверх ↑</a></p> </footer> </body> </html>