This repository has been archived on 2026-11-14. You can view files and clone it, but cannot push or open issues or pull requests.
yuldasheva.telecom.quest/index.html
2026-05-22 15:12:09 +05:00

1114 lines
46 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Простые рецепты — меню на каждый день</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: #fdf8f3;
color: #2c2c2c;
line-height: 1.6;
}
header {
background: linear-gradient(135deg, #ff8a65 0%, #f06292 100%);
color: white;
padding: 48px 24px;
text-align: center;
}
header h1 { font-size: 36px; font-weight: 700; margin-bottom: 8px; }
header p { font-size: 16px; opacity: 0.95; }
nav {
background: white;
border-bottom: 1px solid #eee;
position: sticky;
top: 0;
z-index: 10;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
nav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding: 12px 16px;
gap: 8px;
}
nav button {
background: transparent;
border: 2px solid transparent;
padding: 10px 18px;
border-radius: 24px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
color: #555;
transition: all 0.2s;
}
nav button:hover { background: #fff3e0; color: #ff6f00; }
nav button.active {
background: #ff8a65;
color: white;
border-color: #ff8a65;
}
main {
max-width: 1200px;
margin: 0 auto;
padding: 40px 24px;
}
.section { display: none; }
.section.active { display: block; }
.section-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 8px;
color: #d84315;
}
.section-desc {
color: #666;
margin-bottom: 32px;
font-size: 16px;
}
.recipes {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px;
}
.card {
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0,0,0,0.06);
transition: transform 0.2s, box-shadow 0.2s;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.card-emoji {
font-size: 56px;
text-align: center;
padding: 28px;
background: linear-gradient(135deg, #fff3e0, #ffe0b2);
}
.card-body { padding: 20px; }
.card-body h3 { font-size: 19px; margin-bottom: 10px; color: #333; }
.card-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
font-size: 13px;
color: #888;
margin-bottom: 12px;
}
.card-meta span {
display: flex;
align-items: center;
gap: 4px;
background: #fff3e0;
padding: 4px 10px;
border-radius: 12px;
color: #d84315;
font-weight: 500;
}
.card-body p.short { font-size: 14px; color: #555; }
.composition {
margin-top: 10px;
font-size: 13px;
color: #666;
background: #faf5f0;
padding: 8px 12px;
border-radius: 8px;
border-left: 3px solid #ff8a65;
}
.composition strong { color: #d84315; }
.recipe-details {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #eee;
}
.recipe-details h4 {
font-size: 14px;
color: #d84315;
margin: 12px 0 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.recipe-details ul, .recipe-details ol {
margin-left: 20px;
font-size: 14px;
color: #444;
}
.recipe-details li { margin-bottom: 4px; }
.kcal-box {
background: #e8f5e9;
border-left: 3px solid #66bb6a;
padding: 10px 14px;
border-radius: 8px;
margin-top: 12px;
font-size: 14px;
color: #2e7d32;
}
.kcal-box strong { color: #1b5e20; }
footer {
text-align: center;
padding: 32px;
color: #999;
font-size: 14px;
}
@media (max-width: 600px) {
header h1 { font-size: 28px; }
.section-title { font-size: 22px; }
}
</style>
</head>
<body>
<header>
<h1>🍳 Простые рецепты</h1>
<p>Меню на каждый день — быстро, вкусно, по-домашнему</p>
</header>
<nav>
<ul>
<li><button class="tab active" data-target="breakfast">☕ Завтраки</button></li>
<li><button class="tab" data-target="lunch">🍲 Обеды</button></li>
<li><button class="tab" data-target="dinner">🌙 Ужин</button></li>
<li><button class="tab" data-target="healthy">🥗 ПП питание</button></li>
<li><button class="tab" data-target="holiday">🎉 Праздничная сервировка</button></li>
</ul>
</nav>
<main>
<section id="breakfast" class="section active">
<h2 class="section-title">Завтраки</h2>
<p class="section-desc">Энергия с утра — лёгкие и сытные блюда за 10–15 минут.</p>
<div class="recipes">
<div class="card">
<div class="card-emoji">🥞</div>
<div class="card-body">
<h3>Творожные оладьи</h3>
<div class="card-meta">
<span>⏱ 15 мин</span>
<span>👥 2 порции</span>
<span>🔥 220 ккал</span>
</div>
<p class="short">Пышные, нежные, с тёплым мёдом или вареньем.</p>
<div class="composition">
<strong>Состав:</strong> творог, мука, яйцо, сахар.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Творог — 200 г</li>
<li>Яйцо — 1 шт</li>
<li>Мука — 3 ст.л.</li>
<li>Сахар — 2 ст.л.</li>
<li>Щепотка соли, ванилин</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Смешать творог, яйцо, сахар, соль.</li>
<li>Добавить муку, перемешать до однородности.</li>
<li>Жарить на разогретой сковороде по 2 мин с каждой стороны.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~220 ккал на порцию.<br>
БЖУ: белки 18 г, жиры 7 г, углеводы 22 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍳</div>
<div class="card-body">
<h3>Яичница с помидорами</h3>
<div class="card-meta">
<span>⏱ 10 мин</span>
<span>👥 1 порция</span>
<span>🔥 280 ккал</span>
</div>
<p class="short">Классика средиземноморского завтрака — шакшука по-простому.</p>
<div class="composition">
<strong>Состав:</strong> яйца, помидоры, лук, зелень.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Яйца — 2 шт</li>
<li>Помидор — 1 шт</li>
<li>Лук — 1/2 шт</li>
<li>Зелень, соль, перец</li>
<li>Масло растительное — 1 ст.л.</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Обжарить лук до прозрачности.</li>
<li>Добавить нарезанный помидор, тушить 3 мин.</li>
<li>Вбить яйца, посолить, готовить под крышкой 3–4 мин.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~280 ккал на порцию.<br>
БЖУ: белки 14 г, жиры 20 г, углеводы 8 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥣</div>
<div class="card-body">
<h3>Овсянка с фруктами</h3>
<div class="card-meta">
<span>⏱ 8 мин</span>
<span>👥 1 порция</span>
<span>🔥 320 ккал</span>
</div>
<p class="short">Полезный старт дня с бананом, ягодами и орехами.</p>
<div class="composition">
<strong>Состав:</strong> овсяные хлопья, молоко, фрукты, мёд, орехи.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Овсяные хлопья — 50 г</li>
<li>Молоко — 200 мл</li>
<li>Банан — 1 шт</li>
<li>Ягоды, орехи — горсть</li>
<li>Мёд — 1 ч.л.</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Залить хлопья молоком, варить 5 мин.</li>
<li>Выложить в тарелку, украсить фруктами.</li>
<li>Полить мёдом.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~320 ккал на порцию.<br>
БЖУ: белки 10 г, жиры 8 г, углеводы 52 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥪</div>
<div class="card-body">
<h3>Сэндвич с авокадо</h3>
<div class="card-meta">
<span>⏱ 7 мин</span>
<span>👥 1 порция</span>
<span>🔥 380 ккал</span>
</div>
<p class="short">Хрустящий тост, кремовое авокадо, яйцо пашот.</p>
<div class="composition">
<strong>Состав:</strong> цельнозерновой хлеб, авокадо, яйцо, лимон.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Хлеб цельнозерновой — 2 ломтика</li>
<li>Авокадо — 1/2 шт</li>
<li>Яйцо — 1 шт</li>
<li>Лимонный сок, соль, перец</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Поджарить хлеб в тостере.</li>
<li>Размять авокадо с лимоном и солью.</li>
<li>Намазать на хлеб, сверху яйцо пашот.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~380 ккал на порцию.<br>
БЖУ: белки 14 г, жиры 22 г, углеводы 32 г.
</div>
</div>
</div>
</div>
</div>
</section>
<section id="lunch" class="section">
<h2 class="section-title">Обеды</h2>
<p class="section-desc">Сытные блюда, которые согреют и насытят до вечера.</p>
<div class="recipes">
<div class="card">
<div class="card-emoji">🍲</div>
<div class="card-body">
<h3>Куриный суп с лапшой</h3>
<div class="card-meta">
<span>⏱ 45 мин</span>
<span>👥 4 порции</span>
<span>🔥 240 ккал</span>
</div>
<p class="short">Тёплый, домашний, с золотистым бульоном.</p>
<div class="composition">
<strong>Состав:</strong> курица, лапша, морковь, лук, картофель, зелень.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Куриное филе — 300 г</li>
<li>Лапша — 100 г</li>
<li>Морковь — 1 шт</li>
<li>Лук — 1 шт</li>
<li>Картофель — 3 шт</li>
<li>Лавровый лист, зелень, соль</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Сварить курицу 20 мин, достать, разобрать.</li>
<li>В бульон добавить картофель, морковь, лук.</li>
<li>Через 15 мин — лапшу, курицу, варить 5 мин.</li>
<li>Посыпать зеленью.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~240 ккал на порцию.<br>
БЖУ: белки 20 г, жиры 5 г, углеводы 28 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍝</div>
<div class="card-body">
<h3>Паста карбонара</h3>
<div class="card-meta">
<span>⏱ 20 мин</span>
<span>👥 2 порции</span>
<span>🔥 560 ккал</span>
</div>
<p class="short">Сливочный соус, бекон, пармезан — итальянская классика.</p>
<div class="composition">
<strong>Состав:</strong> спагетти, бекон, яичные желтки, пармезан, перец.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Спагетти — 200 г</li>
<li>Бекон — 100 г</li>
<li>Яичные желтки — 2 шт</li>
<li>Пармезан — 50 г</li>
<li>Чёрный перец, соль</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Сварить пасту al dente.</li>
<li>Обжарить бекон.</li>
<li>Смешать желтки с тёртым сыром.</li>
<li>Соединить пасту с беконом и соусом, не снимая с огня.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~560 ккал на порцию.<br>
БЖУ: белки 24 г, жиры 28 г, углеводы 52 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥘</div>
<div class="card-body">
<h3>Плов с курицей</h3>
<div class="card-meta">
<span>⏱ 60 мин</span>
<span>👥 4 порции</span>
<span>🔥 480 ккал</span>
</div>
<p class="short">Ароматный, рассыпчатый, с морковью и чесноком.</p>
<div class="composition">
<strong>Состав:</strong> рис, курица, морковь, лук, чеснок, специи.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Рис — 300 г</li>
<li>Курица — 500 г</li>
<li>Морковь — 2 шт</li>
<li>Лук — 1 шт</li>
<li>Чеснок — 1 головка</li>
<li>Специи для плова, соль, масло</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Обжарить курицу в казане.</li>
<li>Добавить лук, морковь соломкой.</li>
<li>Засыпать рис, залить водой на 2 см выше.</li>
<li>Воткнуть чеснок, готовить 25 мин под крышкой.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~480 ккал на порцию.<br>
БЖУ: белки 28 г, жиры 14 г, углеводы 58 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥟</div>
<div class="card-body">
<h3>Котлеты с картошкой</h3>
<div class="card-meta">
<span>⏱ 40 мин</span>
<span>👥 4 порции</span>
<span>🔥 520 ккал</span>
</div>
<p class="short">Домашние, сочные, с румяной корочкой.</p>
<div class="composition">
<strong>Состав:</strong> мясной фарш, лук, яйцо, хлеб, молоко, картофель.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Фарш — 500 г</li>
<li>Лук — 1 шт</li>
<li>Яйцо — 1 шт</li>
<li>Хлеб белый — 100 г</li>
<li>Молоко — 100 мл</li>
<li>Картофель — 6 шт</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Замочить хлеб в молоке.</li>
<li>Смешать фарш, лук, яйцо, хлеб, соль.</li>
<li>Сформировать котлеты, обжарить с двух сторон.</li>
<li>Картофель отварить или запечь.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~520 ккал на порцию.<br>
БЖУ: белки 26 г, жиры 22 г, углеводы 48 г.
</div>
</div>
</div>
</div>
</div>
</section>
<section id="dinner" class="section">
<h2 class="section-title">Ужин</h2>
<p class="section-desc">Лёгкие и быстрые блюда — чтобы вечер был приятным.</p>
<div class="recipes">
<div class="card">
<div class="card-emoji">🐟</div>
<div class="card-body">
<h3>Запечённая рыба с овощами</h3>
<div class="card-meta">
<span>⏱ 35 мин</span>
<span>👥 2 порции</span>
<span>🔥 340 ккал</span>
</div>
<p class="short">Лосось или треска в духовке с лимоном и травами.</p>
<div class="composition">
<strong>Состав:</strong> красная рыба, брокколи, морковь, перец, лимон, травы.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Рыба — 400 г</li>
<li>Брокколи — 200 г</li>
<li>Морковь — 1 шт</li>
<li>Перец болгарский — 1 шт</li>
<li>Лимон — 1/2 шт</li>
<li>Оливковое масло, розмарин, чеснок</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Овощи нарезать, выложить на противень.</li>
<li>Сверху рыба, полить маслом и лимоном.</li>
<li>Запекать 25 мин при 180°C.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~340 ккал на порцию.<br>
БЖУ: белки 32 г, жиры 18 г, углеводы 12 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥗</div>
<div class="card-body">
<h3>Тёплый салат с курицей</h3>
<div class="card-meta">
<span>⏱ 20 мин</span>
<span>👥 2 порции</span>
<span>🔥 290 ккал</span>
</div>
<p class="short">Сытно, но без тяжести — идеально на вечер.</p>
<div class="composition">
<strong>Состав:</strong> куриное филе, микс салатов, овощи, оливковое масло.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Куриное филе — 200 г</li>
<li>Микс салата — 100 г</li>
<li>Помидоры черри — 150 г</li>
<li>Огурец — 1 шт</li>
<li>Болгарский перец — 1 шт</li>
<li>Оливковое масло, бальзамик</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Обжарить курицу полосками.</li>
<li>Нарезать овощи, выложить на тарелку.</li>
<li>Сверху тёплая курица, заправить.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~290 ккал на порцию.<br>
БЖУ: белки 28 г, жиры 14 г, углеводы 10 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍳</div>
<div class="card-body">
<h3>Омлет с шпинатом и сыром</h3>
<div class="card-meta">
<span>⏱ 12 мин</span>
<span>👥 1 порция</span>
<span>🔥 310 ккал</span>
</div>
<p class="short">Лёгкий белковый ужин без углеводов.</p>
<div class="composition">
<strong>Состав:</strong> яйца, шпинат, сыр фета, молоко.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Яйца — 3 шт</li>
<li>Шпинат — горсть (50 г)</li>
<li>Сыр фета — 50 г</li>
<li>Молоко — 2 ст.л.</li>
<li>Соль, перец</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Взбить яйца с молоком и солью.</li>
<li>Вылить на сковороду, добавить шпинат.</li>
<li>Посыпать сыром, готовить под крышкой 5 мин.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~310 ккал на порцию.<br>
БЖУ: белки 24 г, жиры 22 г, углеводы 3 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍠</div>
<div class="card-body">
<h3>Овощное рагу</h3>
<div class="card-meta">
<span>⏱ 30 мин</span>
<span>👥 3 порции</span>
<span>🔥 180 ккал</span>
</div>
<p class="short">Кабачки, баклажаны, перец — томлёные в томатном соусе.</p>
<div class="composition">
<strong>Состав:</strong> кабачок, баклажан, перец, лук, помидоры, чеснок, зелень.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Кабачок — 1 шт</li>
<li>Баклажан — 1 шт</li>
<li>Перец — 2 шт</li>
<li>Лук — 1 шт</li>
<li>Помидоры — 3 шт</li>
<li>Чеснок, зелень, специи</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Нарезать овощи кубиками.</li>
<li>Обжарить лук, добавить остальное.</li>
<li>Тушить под крышкой 20 мин.</li>
<li>В конце — чеснок и зелень.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~180 ккал на порцию.<br>
БЖУ: белки 4 г, жиры 8 г, углеводы 22 г.
</div>
</div>
</div>
</div>
</div>
</section>
<section id="healthy" class="section">
<h2 class="section-title">ПП питание</h2>
<p class="section-desc">Полезное, сбалансированное, без сахара и лишних калорий.</p>
<div class="recipes">
<div class="card">
<div class="card-emoji">🥣</div>
<div class="card-body">
<h3>Чиа-пудинг</h3>
<div class="card-meta">
<span>⏱ 5 мин + ночь</span>
<span>👥 1 порция</span>
<span>🔥 240 ккал</span>
</div>
<p class="short">Завтрак с вечера — омега-3, клетчатка, белок.</p>
<div class="composition">
<strong>Состав:</strong> семена чиа, миндальное молоко, мёд, ягоды.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Семена чиа — 3 ст.л.</li>
<li>Молоко миндальное — 200 мл</li>
<li>Мёд или стевия — 1 ч.л.</li>
<li>Ягоды, фрукты — 100 г</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Смешать чиа с молоком и мёдом.</li>
<li>Оставить в холодильнике на ночь.</li>
<li>Утром добавить ягоды.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~240 ккал на порцию.<br>
БЖУ: белки 8 г, жиры 12 г, углеводы 24 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥦</div>
<div class="card-body">
<h3>Куриная грудка на гриле</h3>
<div class="card-meta">
<span>⏱ 25 мин</span>
<span>👥 2 порции</span>
<span>🔥 250 ккал</span>
</div>
<p class="short">Белок + овощи на пару — основа спортивного меню.</p>
<div class="composition">
<strong>Состав:</strong> куриное филе, брокколи, цветная капуста, лимон, травы.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Куриное филе — 300 г</li>
<li>Брокколи — 150 г</li>
<li>Цветная капуста — 150 г</li>
<li>Оливковое масло — 1 ст.л.</li>
<li>Лимон, паприка, травы</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Замариновать курицу в лимоне и травах 15 мин.</li>
<li>Обжарить на гриль-сковороде по 5 мин с каждой стороны.</li>
<li>Овощи приготовить на пару 8 мин.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~250 ккал на порцию.<br>
БЖУ: белки 36 г, жиры 8 г, углеводы 10 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥑</div>
<div class="card-body">
<h3>Боул с киноа</h3>
<div class="card-meta">
<span>⏱ 25 мин</span>
<span>👥 1 порция</span>
<span>🔥 420 ккал</span>
</div>
<p class="short">Полный набор: сложные углеводы, белок, жиры, овощи.</p>
<div class="composition">
<strong>Состав:</strong> киноа, авокадо, нут, овощи, тахини, лимон.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Киноа — 70 г</li>
<li>Авокадо — 1/2 шт</li>
<li>Нут варёный — 100 г</li>
<li>Огурец, помидор — по 1 шт</li>
<li>Шпинат — горсть</li>
<li>Тахини, лимон — по вкусу</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Сварить киноа 15 мин.</li>
<li>Нарезать овощи, выложить секторами.</li>
<li>Заправить тахини с лимоном.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~420 ккал на порцию.<br>
БЖУ: белки 16 г, жиры 18 г, углеводы 48 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍌</div>
<div class="card-body">
<h3>ПП-смузи зелёный</h3>
<div class="card-meta">
<span>⏱ 5 мин</span>
<span>👥 1 порция</span>
<span>🔥 180 ккал</span>
</div>
<p class="short">Витамины и энергия в одном стакане.</p>
<div class="composition">
<strong>Состав:</strong> шпинат, банан, яблоко, кокосовое молоко, семена льна.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Шпинат — горсть</li>
<li>Банан — 1 шт</li>
<li>Яблоко — 1 шт</li>
<li>Вода/кокосовое молоко — 200 мл</li>
<li>Семена льна — 1 ч.л.</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Все ингредиенты в блендер.</li>
<li>Взбить 30 секунд.</li>
<li>Подавать сразу.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~180 ккал на порцию.<br>
БЖУ: белки 4 г, жиры 5 г, углеводы 32 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍫</div>
<div class="card-body">
<h3>ПП-сырники в духовке</h3>
<div class="card-meta">
<span>⏱ 30 мин</span>
<span>👥 2 порции</span>
<span>🔥 200 ккал</span>
</div>
<p class="short">Без муки и сахара — творог + овсянка + банан.</p>
<div class="composition">
<strong>Состав:</strong> творог 5%, овсяные хлопья, банан, яйцо.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Творог 5% — 250 г</li>
<li>Овсяные хлопья — 3 ст.л.</li>
<li>Банан — 1 шт</li>
<li>Яйцо — 1 шт</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Размять банан, смешать с творогом и яйцом.</li>
<li>Добавить хлопья, перемешать.</li>
<li>Сформировать сырники, выложить на пергамент.</li>
<li>Запекать 20 мин при 180°C.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~200 ккал на порцию.<br>
БЖУ: белки 22 г, жиры 5 г, углеводы 18 г.
</div>
</div>
</div>
</div>
</div>
</section>
<section id="holiday" class="section">
<h2 class="section-title">Праздничная сервировка</h2>
<p class="section-desc">Идеи блюд и подачи для особых случаев.</p>
<div class="recipes">
<div class="card">
<div class="card-emoji">🦃</div>
<div class="card-body">
<h3>Запечённая курица целиком</h3>
<div class="card-meta">
<span>⏱ 90 мин</span>
<span>👥 6 порций</span>
<span>🔥 380 ккал</span>
</div>
<p class="short">Золотистая, с хрустящей корочкой — центр стола.</p>
<div class="composition">
<strong>Состав:</strong> курица, сливочное масло, чеснок, лимон, травы.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Курица — 1.8 кг</li>
<li>Сливочное масло — 80 г</li>
<li>Чеснок — 1 головка</li>
<li>Лимон — 1 шт</li>
<li>Розмарин, тимьян, паприка</li>
<li>Соль крупная</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Натереть курицу маслом со специями.</li>
<li>Внутрь — лимон и чеснок.</li>
<li>Запекать 70 мин при 200°C, поливая соком.</li>
<li>Подавать на блюде с веточками розмарина.</li>
</ol>
<h4>Сервировка</h4>
<ul>
<li>Большое белое блюдо, листья салата по краям.</li>
<li>Дольки запечённого лимона и апельсина.</li>
<li>Свежий розмарин и гранатовые зёрна для контраста.</li>
</ul>
<div class="kcal-box">
<strong>Калорийность:</strong> ~380 ккал на порцию.<br>
БЖУ: белки 38 г, жиры 24 г, углеводы 2 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥂</div>
<div class="card-body">
<h3>Канапе ассорти</h3>
<div class="card-meta">
<span>⏱ 30 мин</span>
<span>👥 8–10 шт</span>
<span>🔥 80 ккал/шт</span>
</div>
<p class="short">Маленькие шедевры на шпажках для фуршета.</p>
<div class="composition">
<strong>Состав:</strong> сыр, виноград, хамон, дыня, креветки, авокадо, моцарелла, помидоры черри.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Сыр твёрдый — 100 г</li>
<li>Виноград — 100 г</li>
<li>Хамон — 80 г</li>
<li>Дыня — 200 г</li>
<li>Креветки варёные — 100 г</li>
<li>Авокадо — 1 шт</li>
<li>Моцарелла мини, помидоры черри — по 100 г</li>
<li>Шпажки, оливки, базилик</li>
</ul>
<h4>Варианты сборки</h4>
<ul>
<li>Сыр + виноград + орех</li>
<li>Хамон + дыня + базилик</li>
<li>Креветка + авокадо + лимон</li>
<li>Помидор черри + моцарелла + оливка</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Нарезать сыр и моцареллу кубиками 1.5×1.5 см.</li>
<li>Помидоры черри и виноград промыть, обсушить.</li>
<li>Дыню очистить, нарезать кубиками, обернуть тонким ломтиком хамона.</li>
<li>Креветки очистить, сбрызнуть лимонным соком.</li>
<li>Авокадо нарезать кубиками, сбрызнуть лимоном (чтобы не потемнело).</li>
<li>Собрать канапе на шпажках по выбранным вариантам.</li>
<li>Выложить на блюдо, охладить 10 мин перед подачей.</li>
</ol>
<h4>Сервировка</h4>
<ol>
<li>Использовать деревянную доску или сланцевую плитку.</li>
<li>Чередовать цвета: красный, зелёный, белый.</li>
<li>Подавать на шпажках разной длины ярусами.</li>
</ol>
<div class="kcal-box">
<strong>Калорийность:</strong> ~80 ккал на штуку.<br>
БЖУ (на 1 шт): белки 4 г, жиры 5 г, углеводы 3 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🥗</div>
<div class="card-body">
<h3>Цезарь с креветками</h3>
<div class="card-meta">
<span>⏱ 25 мин</span>
<span>👥 4 порции</span>
<span>🔥 340 ккал</span>
</div>
<p class="short">Праздничный салат с домашним соусом и гренками.</p>
<div class="composition">
<strong>Состав:</strong> креветки, романо, пармезан, гренки, соус Цезарь.
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Креветки — 300 г</li>
<li>Салат романо — 1 кочан</li>
<li>Пармезан — 80 г</li>
<li>Багет — 1/2 шт</li>
<li>Соус: майонез — 4 ст.л., чеснок — 2 зубчика, анчоус — 2 шт, лимон, горчица</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Обжарить креветки на оливковом масле 3 мин.</li>
<li>Сделать гренки из багета (запечь 8 мин при 180°C).</li>
<li>Все ингредиенты соуса смешать в блендере.</li>
<li>Собрать салат, заправить.</li>
</ol>
<h4>Сервировка</h4>
<ul>
<li>Большая плоская тарелка, листья целиком.</li>
<li>Креветки сверху веером, стружка пармезана.</li>
<li>Гренки по краю, четвертинка лимона.</li>
</ul>
<div class="kcal-box">
<strong>Калорийность:</strong> ~340 ккал на порцию.<br>
БЖУ: белки 22 г, жиры 22 г, углеводы 14 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍰</div>
<div class="card-body">
<h3>Наполеон классический</h3>
<div class="card-meta">
<span>⏱ 3 часа</span>
<span>👥 8 порций</span>
<span>🔥 420 ккал</span>
</div>
<p class="short">Хрустящие коржи, нежный заварной крем.</p>
<div class="composition">
<strong>Состав:</strong> слоёное тесто, заварной крем (молоко, желтки, сахар, мука, масло, ваниль).
</div>
<div class="recipe-details">
<h4>Необходимые продукты</h4>
<ul>
<li>Слоёное тесто — 1 кг</li>
<li>Молоко — 1 л</li>
<li>Желтки — 6 шт</li>
<li>Сахар — 200 г</li>
<li>Мука — 80 г</li>
<li>Сливочное масло — 200 г</li>
<li>Ванилин</li>
</ul>
<h4>Приготовление</h4>
<ol>
<li>Раскатать тесто, нарезать 8 коржей, запечь по 12 мин при 200°C.</li>
<li>Сварить заварной крем: желтки + сахар + мука + молоко, варить до загустения.</li>
<li>Остудить, взбить с маслом.</li>
<li>Собрать торт, дать пропитаться 6 ч.</li>
</ol>
<h4>Сервировка</h4>
<ul>
<li>Подавать на стеклянной тортнице.</li>
<li>Посыпать крошкой, украсить ягодами.</li>
<li>Резать тёплым ножом тонкими ломтиками.</li>
</ul>
<div class="kcal-box">
<strong>Калорийность:</strong> ~420 ккал на порцию.<br>
БЖУ: белки 6 г, жиры 26 г, углеводы 42 г.
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-emoji">🍽️</div>
<div class="card-body">
<h3>Правила сервировки стола</h3>
<div class="card-meta">
<span>📋 шпаргалка</span>
</div>
<p class="short">Базовые принципы для красивого праздничного стола.</p>
<div class="composition">
<strong>Что понадобится:</strong> скатерть, посуда, приборы, бокалы, салфетки, декор.
</div>
<div class="recipe-details">
<h4>Скатерть и посуда</h4>
<ul>
<li>Белая или пастельная скатерть — универсально.</li>
<li>Тарелки на 2 см от края стола.</li>
<li>Под основную — сервировочная тарелка крупнее.</li>
</ul>
<h4>Приборы</h4>
<ul>
<li>Слева вилки, справа ножи и ложки.</li>
<li>Лезвия ножей повёрнуты к тарелке.</li>
<li>Десертные приборы — над тарелкой.</li>
</ul>
<h4>Бокалы</h4>
<ul>
<li>Справа сверху: для воды → вина → шампанского.</li>
<li>По диагонали от ножа.</li>
</ul>
<h4>Декор</h4>
<ul>
<li>Низкие композиции из цветов и свечей.</li>
<li>Льняные салфетки, кольца, именные карточки.</li>
<li>Единая цветовая палитра — 2–3 оттенка.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
Простые рецепты © 2026 — готовь с любовью 💛
</footer>
<script>
const tabs = document.querySelectorAll('.tab');
const sections = document.querySelectorAll('.section');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
const target = tab.dataset.target;
tabs.forEach(t => t.classList.remove('active'));
sections.forEach(s => s.classList.remove('active'));
tab.classList.add('active');
document.getElementById(target).classList.add('active');
window.scrollTo({ top: 0, behavior: 'smooth' });
});
});
</script>
</body>
</html>