155 lines
6.0 KiB
PHP
155 lines
6.0 KiB
PHP
<?php
|
|
require_once(INCLUDES_PATH . '/Const/recipes.php');
|
|
|
|
the_header(
|
|
'Daily Meals',
|
|
'What do you want to eat today?',
|
|
'daily-meals-page',
|
|
[
|
|
['keywords', 'recipes, cooking, food, cuisine'],
|
|
|
|
]
|
|
);
|
|
?>
|
|
<div class="container">
|
|
<div class="daily-recipes">
|
|
<?php
|
|
foreach (DAYS_OF_WEEK as $day) {
|
|
?>
|
|
<div class="daily-meals">
|
|
<h2 class="title">Your Menu for <?= ucfirst($day) ?></h2>
|
|
<div class="daily-meals-grid">
|
|
<a href="#" class="daily-meal hover-anim">
|
|
<div class="meal-img">
|
|
<img src="media/recipe1.jpeg" alt="meal-img">
|
|
</div>
|
|
<div class="daily-meal-info">
|
|
<div class="daily-meal-title">
|
|
<h3>Goulash</h3>
|
|
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
|
|
</div>
|
|
<div class="daily-meal-ingredients">
|
|
<ul class="ingredients-list">
|
|
<li>Ground beef</li>
|
|
<li>Tomato sauce</li>
|
|
<li>Onion</li>
|
|
<li>Macaroni</li>
|
|
<li>Garlic</li>
|
|
<li>Cheese</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="daily-meal hover-anim">
|
|
<div class="meal-img">
|
|
<img src="media/recipe1.jpeg" alt="meal-img">
|
|
</div>
|
|
<div class="daily-meal-info">
|
|
<div class="daily-meal-title">
|
|
<h3>Goulash</h3>
|
|
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
|
|
</div>
|
|
<div class="daily-meal-ingredients">
|
|
<ul class="ingredients-list">
|
|
<li>Ground beef</li>
|
|
<li>Tomato sauce</li>
|
|
<li>Onion</li>
|
|
<li>Macaroni</li>
|
|
<li>Garlic</li>
|
|
<li>Cheese</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="daily-meal hover-anim">
|
|
<div class="meal-img">
|
|
<img src="media/recipe1.jpeg" alt="meal-img">
|
|
</div>
|
|
<div class="daily-meal-info">
|
|
<div class="daily-meal-title">
|
|
<h3>Goulash</h3>
|
|
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
|
|
</div>
|
|
<div class="daily-meal-ingredients">
|
|
<ul class="ingredients-list">
|
|
<li>Ground beef</li>
|
|
<li>Tomato sauce</li>
|
|
<li>Onion</li>
|
|
<li>Macaroni</li>
|
|
<li>Garlic</li>
|
|
<li>Cheese</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="daily-meal hover-anim">
|
|
<div class="meal-img">
|
|
<img src="media/recipe1.jpeg" alt="meal-img">
|
|
</div>
|
|
<div class="daily-meal-info">
|
|
<div class="daily-meal-title">
|
|
<h3>Goulash</h3>
|
|
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
|
|
</div>
|
|
<div class="daily-meal-ingredients">
|
|
<ul class="ingredients-list">
|
|
<li>Ground beef</li>
|
|
<li>Tomato sauce</li>
|
|
<li>Onion</li>
|
|
<li>Macaroni</li>
|
|
<li>Garlic</li>
|
|
<li>Cheese</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="daily-meal hover-anim">
|
|
<div class="meal-img">
|
|
<img src="media/recipe1.jpeg" alt="meal-img">
|
|
</div>
|
|
<div class="daily-meal-info">
|
|
<div class="daily-meal-title">
|
|
<h3>Goulash</h3>
|
|
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
|
|
</div>
|
|
<div class="daily-meal-ingredients">
|
|
<ul class="ingredients-list">
|
|
<li>Ground beef</li>
|
|
<li>Tomato sauce</li>
|
|
<li>Onion</li>
|
|
<li>Macaroni</li>
|
|
<li>Garlic</li>
|
|
<li>Cheese</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="daily-meal hover-anim">
|
|
<div class="meal-img">
|
|
<img src="media/recipe1.jpeg" alt="meal-img">
|
|
</div>
|
|
<div class="daily-meal-info">
|
|
<div class="daily-meal-title">
|
|
<h3>Goulash</h3>
|
|
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
|
|
</div>
|
|
<div class="daily-meal-ingredients">
|
|
<ul class="ingredients-list">
|
|
<li>Ground beef</li>
|
|
<li>Tomato sauce</li>
|
|
<li>Onion</li>
|
|
<li>Macaroni</li>
|
|
<li>Garlic</li>
|
|
<li>Cheese</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
<?php the_footer(); ?>
|