734 lines
48 KiB
HTML
734 lines
48 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Меню на неделю — рецепты с фото и КБЖУ</title>
|
||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🍳</text></svg>">
|
||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{--primary:#FF6B6B;--secondary:#4ECDC4;--accent:#FFE66D;--dark:#2C3E50;--light:#F7F9FC;--success:#95E1D3;--warning:#F38181;--text:#333;--gray:#666}
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
body{font:16px/1.6 'Open Sans',sans-serif;color:var(--text);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}
|
||
.container{max-width:1200px;margin:0 auto;padding:0 20px}
|
||
.hero{background:rgba(255,255,255,0.95);padding:80px 20px;text-align:center;border-radius:20px;margin:40px auto;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
|
||
.hero h1{font:800 48px/1.1 'Montserrat',sans-serif;background:linear-gradient(135deg,var(--primary),#FF8E53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}
|
||
.hero p{font-size:18px;color:var(--gray);max-width:600px;margin:0 auto 30px}
|
||
.nav-days{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
|
||
.nav-day{background:linear-gradient(135deg,var(--secondary),#45B7AF);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s;box-shadow:0 4px 15px rgba(78,205,196,0.3)}
|
||
.nav-day:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(78,205,196,0.4)}
|
||
.section{padding:40px 20px}
|
||
.section h2{font:800 36px/1.2 'Montserrat',sans-serif;color:#fff;text-align:center;margin-bottom:40px;text-shadow:0 2px 10px rgba(0,0,0,0.2)}
|
||
.day-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 40px rgba(0,0,0,0.15)}
|
||
.day-title{font:800 32px/1.2 'Montserrat',sans-serif;color:var(--dark);margin-bottom:30px;display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:3px solid var(--secondary)}
|
||
.meals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
|
||
.meal-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.1);transition:all 0.3s;border:1px solid #eee}
|
||
.meal-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px rgba(0,0,0,0.15)}
|
||
.meal-img{width:100%;height:220px;object-fit:cover}
|
||
.meal-content{padding:25px}
|
||
.meal-type{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:15px;letter-spacing:1px}
|
||
.meal-type.breakfast{background:linear-gradient(135deg,#FFEAA7,#FDCB6E);color:#D68910}
|
||
.meal-type.lunch{background:linear-gradient(135deg,#81ECEC,#74B9FF);color:#0984E3}
|
||
.meal-type.dinner{background:linear-gradient(135deg,#FAB1A0,#E17055);color:#C0392B}
|
||
.meal-type.snack{background:linear-gradient(135deg,#A8E6CF,#58D68D);color:#27AE60}
|
||
.meal-title{font:700 20px/1.3 'Montserrat',sans-serif;margin-bottom:12px;color:var(--dark)}
|
||
.meal-desc{color:var(--gray);font-size:14px;line-height:1.7;margin-bottom:15px}
|
||
.kbzu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--light);padding:15px;border-radius:12px;margin-bottom:15px}
|
||
.kbzu-item{text-align:center}
|
||
.kbzu-value{font:800 16px/1 'Montserrat',sans-serif;color:var(--primary)}
|
||
.kbzu-label{font-size:11px;color:var(--gray);text-transform:uppercase}
|
||
.meal-meta{display:flex;gap:15px;font-size:13px;color:var(--gray);margin-bottom:15px}
|
||
.meal-meta span{display:flex;align-items:center;gap:5px}
|
||
.btn-recipe{background:linear-gradient(135deg,var(--secondary),#45B7AF);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;width:100%;transition:all 0.3s;font-size:14px}
|
||
.btn-recipe:hover{transform:scale(1.02);box-shadow:0 5px 20px rgba(78,205,196,0.4)}
|
||
.ingredients{background:linear-gradient(135deg,#F0F9FF,#E0F2FE);padding:20px;border-radius:12px;margin-top:15px;display:none}
|
||
.ingredients h4{font:700 14px/1.5 'Montserrat',sans-serif;color:var(--dark);margin-bottom:10px}
|
||
.ingredients ul,.ingredients ol{padding-left:20px;font-size:14px;color:var(--gray);line-height:1.8}
|
||
.ingredients li{margin-bottom:5px}
|
||
@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
|
||
.reveal{opacity:0;transition:opacity 0.6s ease,transform 0.6s ease}
|
||
.reveal.in{opacity:1;transform:none;animation:fadeIn 0.6s ease}
|
||
@media(max-width:768px){.hero h1{font-size:32px}.day-title{font-size:24px}.meals-grid{grid-template-columns:1fr}.kbzu{grid-template-columns:repeat(2,1fr)}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<section class="hero">
|
||
<h1>🍳 Меню на неделю</h1>
|
||
<p>Планируйте питание легко! 7 дней вкусных блюд без духовки — только плита, мультиварка и гриль</p>
|
||
<div class="nav-days">
|
||
<a href="#day1" class="nav-day">Пн</a>
|
||
<a href="#day2" class="nav-day">Вт</a>
|
||
<a href="#day3" class="nav-day">Ср</a>
|
||
<a href="#day4" class="nav-day">Чт</a>
|
||
<a href="#day5" class="nav-day">Пт</a>
|
||
<a href="#day6" class="nav-day">Сб</a>
|
||
<a href="#day7" class="nav-day">Вс</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<h2>📅 План питания с КБЖУ</h2>
|
||
|
||
<!-- Понедельник -->
|
||
<div id="day1" class="day-section reveal">
|
||
<div class="day-title">🌟 Понедельник</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/oatmeal,porridge" alt="Овсянка" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Овсянка с ягодами и мёдом</h3>
|
||
<p class="meal-desc">Нежная каша на молоке со свежими ягодами и орехами</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">8г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">48г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">320</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 15 мин</span><span>🍽️ 1 порция</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Овсяные хлопья — 60г</li><li>Молоко 2.5% — 200мл</li><li>Ягоды — 100г</li><li>Мёд — 1 ст.л.</li><li>Миндаль — 20г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Залить овсянку молоком, варить 5-7 мин</li><li>Выложить в тарелку, украсить ягодами</li><li>Полить мёдом, посыпать орехами</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/chicken,soup" alt="Куриный суп" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Куриный суп с лапшой</h3>
|
||
<p class="meal-desc">Ароматный домашний суп с овощами и зеленью</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">6г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">24г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">220</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 40 мин</span><span>🍽️ 4 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Куриное филе — 400г</li><li>Лапша — 100г</li><li>Морковь — 1 шт</li><li>Лук — 1 шт</li><li>Картофель — 2 шт</li><li>Зелень — пучок</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Сварить бульон из курицы (25 мин)</li><li>Добавить нарезанные овощи</li><li>Засыпать лапшу, варить 5 мин</li><li>Посыпать свежей зеленью</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/salmon,pan" alt="Лосось" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Лосось на гриле с овощами</h3>
|
||
<p class="meal-desc">Сочная рыба с брокколи и цветной капустой</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">32г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">350</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 25 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Филе лосося — 300г</li><li>Брокколи — 200г</li><li>Цветная капуста — 150г</li><li>Лимон — ½ шт</li><li>Масло оливковое — 1 ст.л.</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Рыбу посолить, поперчить</li><li>Овощи разобрать на соцветия</li><li>Жарить на гриле по 5-7 мин</li><li>Полить соком лимона</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/yogurt,fruit" alt="Перекус" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Греческий йогурт с фруктами</h3>
|
||
<p class="meal-desc">Лёгкий белковый перекус</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">15г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">5г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">20г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">180</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 5 мин</span><span>🍽️ 1 порция</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Вторник -->
|
||
<div id="day2" class="day-section reveal">
|
||
<div class="day-title">🌟 Вторник</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/pancakes" alt="Панкейки" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Панкейки с бананом</h3>
|
||
<p class="meal-desc">Пышные блинчики на кефире</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">10г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">52г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">360</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Мука — 150г</li><li>Кефир — 150мл</li><li>Яйцо — 1 шт</li><li>Банан — 1 шт</li><li>Сахар — 2 ст.л.</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Смешать муку, кефир, яйцо</li><li>Жарить на сухой сковороде 2 мин</li><li>Украсить бананом</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/pasta,carbonara" alt="Паста" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Паста с курицей и грибами</h3>
|
||
<p class="meal-desc">Сытное блюдо в сливочном соусе</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">22г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">58г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">480</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 25 мин</span><span>🍽️ 3 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Паста — 250г</li><li>Курица — 300г</li><li>Грибы — 150г</li><li>Сливки 20% — 200мл</li><li>Сыр — 50г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Отварить пасту</li><li>Обжарить курицу с грибами</li><li>Влить сливки, потушить 5 мин</li><li>Смешать, посыпать сыром</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/chicken,salad" alt="Салат" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Салат с курицей и овощами</h3>
|
||
<p class="meal-desc">Лёгкий салат с авокадо</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">24г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">10г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">260</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Куриная грудка — 200г</li><li>Авокадо — ½ шт</li><li>Помидоры — 2 шт</li><li>Огурцы — 2 шт</li><li>Масло оливковое — 1 ст.л.</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Грудку отварить или на гриле</li><li>Нарезать все ингредиенты</li><li>Смешать, заправить маслом</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/nuts,dried" alt="Перекус" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Орехи и сухофрукты</h3>
|
||
<p class="meal-desc">Энергетический перекус</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">6г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">220</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 1 мин</span><span>🍽️ 1 порция</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Среда -->
|
||
<div id="day3" class="day-section reveal">
|
||
<div class="day-title">🌟 Среда</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/eggs,toast" alt="Тост" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Тост с яйцом и авокадо</h3>
|
||
<p class="meal-desc">Сытный завтрак на скорую руку</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">28г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">340</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 10 мин</span><span>🍽️ 1 порция</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Хлеб цельнозерновой — 2 ломтика</li><li>Яйцо — 2 шт</li><li>Авокадо — ½ шт</li><li>Кунжут — 1 ч.л.</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Поджарить хлеб</li><li>Приготовить яйцо-пашот или глазунью</li><li>Выложить на тост с авокадо</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/borscht" alt="Борщ" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Борщ домашний</h3>
|
||
<p class="meal-desc">Классический суп со свёклой</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">8г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">22г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">210</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 60 мин</span><span>🍽️ 6 порций</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Говядина — 400г</li><li>Свёкла — 2 шт</li><li>Капуста — 300г</li><li>Картофель — 3 шт</li><li>Морковь, лук — по 1 шт</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Сварить бульон (40 мин)</li><li>Добавить овощи</li><li>Заправить свёклой</li><li>Подавать со сметаной</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/fish,grill" alt="Рыба" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Рыба на гриле</h3>
|
||
<p class="meal-desc">Белая рыба с овощами</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">28г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">10г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">260</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 25 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Треска — 300г</li><li>Кабачок — 1 шт</li><li>Перец болгарский — 1 шт</li><li>Лимон — ½ шт</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Рыбу приправить</li><li>Овощи нарезать</li><li>Жарить на гриле 10-12 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/kefir,banana" alt="Кефир" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Кефир с бананом</h3>
|
||
<p class="meal-desc">Лёгкий вечерний перекус</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">8г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">4г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">24г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">160</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 3 мин</span><span>🍽️ 1 порция</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Четверг -->
|
||
<div id="day4" class="day-section reveal">
|
||
<div class="day-title">🌟 Четверг</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/smoothie,bowl" alt="Смузи" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Смузи-боул с гранолой</h3>
|
||
<p class="meal-desc">Витаминный завтрак</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">10г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">44г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">320</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 10 мин</span><span>🍽️ 1 порция</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Банан — 1 шт</li><li>Ягоды — 100г</li><li>Йогурт — 150г</li><li>Гранола — 40г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Взбить банан, ягоды, йогурт</li><li>Выложить в тарелку</li><li>Украсить гранолой</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/rice,chicken" alt="Ризотто" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Рис с курицей и овощами</h3>
|
||
<p class="meal-desc">Простое сытное блюдо</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">20г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">52г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">400</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 30 мин</span><span>🍽️ 3 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Рис — 200г</li><li>Курица — 300г</li><li>Морковь — 1 шт</li><li>Горошек — 100г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Обжарить курицу</li><li>Добавить рис и овощи</li><li>Залить водой, тушить 20 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/meatballs" alt="Тефтели" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Тефтели из индейки</h3>
|
||
<p class="meal-desc">Диетические котлетки</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">26г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">8г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">250</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 30 мин</span><span>🍽️ 3 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Фарш индейки — 400г</li><li>Рис — 50г</li><li>Томатная паста — 2 ст.л.</li><li>Лук — 1 шт</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Смешать фарш с рисом</li><li>Сформировать шарики</li><li>Тушить в томатном соусе 25 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/apple,cheese" alt="Перекус" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Яблоко с творогом</h3>
|
||
<p class="meal-desc">Полезный десерт</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">6г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">22г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">190</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 5 мин</span><span>🍽️ 1 порция</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Пятница -->
|
||
<div id="day5" class="day-section reveal">
|
||
<div class="day-title">🌟 Пятница</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/shakshuka" alt="Шакшука" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Шакшука</h3>
|
||
<p class="meal-desc">Яйца в томатном соусе</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">280</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Яйца — 4 шт</li><li>Помидоры — 4 шт</li><li>Перец — 1 шт</li><li>Лук — 1 шт</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Обжарить овощи</li><li>Добавить томаты</li><li>Вбить яйца, готовить 7 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/caesar,salad" alt="Цезарь" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Салат Цезарь</h3>
|
||
<p class="meal-desc">Классика с курицей</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">22г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">290</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Курица — 200г</li><li>Салат ромэн — 150г</li><li>Пармезан — 40г</li><li>Сухарики — 50г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Курицу на гриле</li><li>Собрать салат</li><li>Полить соусом</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/beef,vegetables" alt="Рагу" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Рагу из говядины</h3>
|
||
<p class="meal-desc">Тушёное мясо с овощами</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">24г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">20г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">290</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 50 мин</span><span>🍽️ 4 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Говядина — 400г</li><li>Картофель — 4 шт</li><li>Морковь — 2 шт</li><li>Горошек — 100г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Обжарить мясо</li><li>Добавить овощи</li><li>Тушить 40 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/cottage,cheese" alt="Творог" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Творог с ягодами</h3>
|
||
<p class="meal-desc">Белковый перекус</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">6г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">190</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 5 мин</span><span>🍽️ 1 порция</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Суббота -->
|
||
<div id="day6" class="day-section reveal">
|
||
<div class="day-title">🌟 Суббота</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/french,toast" alt="Гренки" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Французские гренки</h3>
|
||
<p class="meal-desc">Сладкий завтрак</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">12г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">46г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">360</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 15 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Батон — 4 ломтика</li><li>Яйца — 2 шт</li><li>Молоко — 100мл</li><li>Корица — ½ ч.л.</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Взбить яйца с молоком</li><li>Обмакнуть хлеб</li><li>Жарить 3 мин с каждой стороны</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/pizza,home" alt="Пицца" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Домашняя пицца</h3>
|
||
<p class="meal-desc">Без теста, на лаваше</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">42г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">380</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 25 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Лаваш — 2 шт</li><li>Томатная паста — 3 ст.л.</li><li>Сыр — 100г</li><li>Начинка по вкусу</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Намазать лаваш соусом</li><li>Выложить начинку</li><li>Жарить под крышкой 10 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/shrimp,pasta" alt="Креветки" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Паста с креветками</h3>
|
||
<p class="meal-desc">Итальянский ужин</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">24г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">14г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">48г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">420</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Паста — 200г</li><li>Креветки — 250г</li><li>Сливки — 150мл</li><li>Чеснок — 2 зубчика</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Отварить пасту</li><li>Обжарить креветки</li><li>Влить сливки, смешать</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/trail,mix" alt="Перекус" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Трейл-микс</h3>
|
||
<p class="meal-desc">Орехи и сухофрукты</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">8г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">22г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">260</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 1 мин</span><span>🍽️ 1 порция</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Воскресенье -->
|
||
<div id="day7" class="day-section reveal">
|
||
<div class="day-title">🌟 Воскресенье</div>
|
||
<div class="meals-grid">
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/burrito" alt="Буррито" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type breakfast">🌅 Завтрак</span>
|
||
<h3 class="meal-title">Буррито с яйцом</h3>
|
||
<p class="meal-desc">Мексиканский завтрак</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">20г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">18г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">38г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">400</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Тортилья — 2 шт</li><li>Яйца — 3 шт</li><li>Фасоль — 100г</li><li>Сыр — 50г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Приготовить яичницу</li><li>Подогреть фасоль</li><li>Завернуть в тортилью</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/chicken,curry" alt="Карри" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type lunch">☀️ Обед</span>
|
||
<h3 class="meal-title">Курица карри</h3>
|
||
<p class="meal-desc">Индийское блюдо</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">26г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">16г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">44г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">440</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 35 мин</span><span>🍽️ 3 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Курица — 400г</li><li>Кокосовое молоко — 400мл</li><li>Карри — 2 ст.л.</li><li>Рис — 150г</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Обжарить курицу</li><li>Добавить карри, молоко</li><li>Тушить 25 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/stir,fry" alt="Стир-фрай" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type dinner">🌙 Ужин</span>
|
||
<h3 class="meal-title">Овощи вок с курицей</h3>
|
||
<p class="meal-desc">Азиатский стиль</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">22г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">10г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">24г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">270</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 20 мин</span><span>🍽️ 2 порции</span></div>
|
||
<button class="btn-recipe" onclick="toggleRecipe(this)">Показать рецепт</button>
|
||
<div class="ingredients">
|
||
<h4>Ингредиенты:</h4>
|
||
<ul><li>Курица — 300г</li><li>Овощи — 300г</li><li>Соевый соус — 3 ст.л.</li><li>Имбирь — 2 см</li></ul>
|
||
<h4>Приготовление:</h4>
|
||
<ol><li>Курицу обжарить</li><li>Добавить овощи</li><li>Влить соус, тушить 5 мин</li></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="meal-card">
|
||
<img src="https://loremflickr.com/600/400/fruit,salad" alt="Фрукты" class="meal-img" loading="lazy">
|
||
<div class="meal-content">
|
||
<span class="meal-type snack">🍎 Перекус</span>
|
||
<h3 class="meal-title">Фруктовый салат</h3>
|
||
<p class="meal-desc">Витаминный заряд</p>
|
||
<div class="kbzu">
|
||
<div class="kbzu-item"><div class="kbzu-value">2г</div><div class="kbzu-label">Белки</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">1г</div><div class="kbzu-label">Жиры</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">28г</div><div class="kbzu-label">Углеводы</div></div>
|
||
<div class="kbzu-item"><div class="kbzu-value">130</div><div class="kbzu-label">Ккал</div></div>
|
||
</div>
|
||
<div class="meal-meta"><span>⏱️ 10 мин</span><span>🍽️ 2 порции</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<script>
|
||
var io=new IntersectionObserver(function(entries){
|
||
entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add('in');});
|
||
},{threshold:0.1});
|
||
document.querySelectorAll('.reveal').forEach(function(el){io.observe(el);});
|
||
|
||
function toggleRecipe(btn){
|
||
var ing=btn.nextElementSibling;
|
||
if(ing.style.display==='block'){
|
||
ing.style.display='none';
|
||
btn.textContent='Показать рецепт';
|
||
}else{
|
||
ing.style.display='block';
|
||
btn.textContent='Скрыть рецепт';
|
||
}
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|