1114 lines
46 KiB
HTML
1114 lines
46 KiB
HTML
<!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>
|