2025-06-05 19:38:44 +02:00

447 lines
21 KiB
PHP

<?php the_header(
'Welcome',
'Discover and purchase top-rated games and software to elevate your entertainment and productivity. Explore our curated selection for the best deals and exclusive offers!',
'frontpage',
[
['robots', 'nofollow, noindex'],
['keywords', 'keys, programms, games, xbox, pc, playstation']
]);
?>
<div class="container">
<div class="quote">
<h2><span class="black-qoute-word">Your</span> Fridge. <span class="black-qoute-word">Your</span> Rules.
<span class="black-qoute-word">Our</span> Recipes.
</h2>
</div>
<div class="latest-recipes">
<h2 class="title">Latest Recipes Added</h2>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="recent-recipe">
<div class="recipe-img">
<img src="media/recipe1.png" alt="Recipe 1" class="recipe-img__img">
</div>
<div class="recipe-info">
<p class="recipe-info__title">Spaghetti Bolognese</p>
<p class="recipe-info__meta"><i class="fa-solid fa-user"></i> GreenDavid004</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="recent-recipe">
<div class="recipe-img">
<img src="media/recipe1.jpeg" alt="Recipe 1" class="recipe-img__img">
</div>
<div class="recipe-info">
<p class="recipe-info__title">Spaghetti Bolognese</p>
<p class="recipe-info__meta"><i class="fa-solid fa-user"></i> GreenDavid004</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="recent-recipe">
<div class="recipe-img">
<img src="media/recipe1.jpeg" alt="Recipe 1" class="recipe-img__img">
</div>
<div class="recipe-info">
<p class="recipe-info__title">Spaghetti Bolognese</p>
<p class="recipe-info__meta"><i class="fa-solid fa-user"></i> GreenDavid004</p>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div class="categories">
<h2 class="title">Categories</h2>
<div class="swiper categories-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
<div class="swiper-slide">
<div class="category">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div class="recent-reviews">
<h2 class="title">Recent User Reviews</h2>
<div class="reviews-grid">
<div class="recent-review">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
</div>
<h3 class="review-title-text">Just Like Mom's</h3>
</div>
<div class="review-text">
<p>I made this spaghetti last night and it was absolutely delicious! The sauce was rich and
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
</div>
<h3 class="review-title-text">Just Like Mom's</h3>
</div>
<div class="review-text">
<p>I made this spaghetti last night and it was absolutely delicious! The sauce was rich and
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
</div>
<h3 class="review-title-text">Just Like Mom's</h3>
</div>
<div class="review-text">
<p>I made this spaghetti last night and it was absolutely delicious! The sauce was rich and
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
</div>
<h3 class="review-title-text">Just Like Mom's</h3>
</div>
<div class="review-text">
<p>I made this spaghetti last night and it was absolutely delicious! The sauce was rich and
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
</div>
<h3 class="review-title-text">Just Like Mom's</h3>
</div>
<div class="review-text">
<p>I made this spaghetti last night and it was absolutely delicious! The sauce was rich and
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
</div>
<h3 class="review-title-text">Just Like Mom's</h3>
</div>
<div class="review-text">
<p>I made this spaghetti last night and it was absolutely delicious! The sauce was rich and
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
</div>
</div>
<div class="daily-meals">
<h2 class="title">Your Menu for Monday</h2>
<div class="daily-meals-grid">
<div class="daily-meal">
<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">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
</div>
</div>
<div class="daily-meal">
<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">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
</div>
</div>
<div class="daily-meal">
<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">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
</div>
</div>
<div class="daily-meal">
<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">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
</div>
</div>
<div class="daily-meal">
<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">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
</div>
</div>
<div class="daily-meal">
<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">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<?php the_footer(array(
ASSETS_PATH . '/swiper/swiper-bundle.min.js',
ASSETS_PATH . '/js/index.js',
)); ?>