Eerste merksite voor Cucina Food.
Statische HTML/CSS/JS: homepage, productlijnen, recepten, zoekbare winkelvinder.
This commit is contained in:
mo
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>To Go — Cucina Food</title>
|
||||
<meta name="description" content="Smaakvolle halal maaltijdsalades voor onderweg of als lunch. Verrassende combinaties, in een TO GO-verpakking.">
|
||||
<link rel="icon" href="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Group-1000002463-1.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:ital,wght@0,400;0,600;0,700;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/site.css">
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#inhoud">Naar de inhoud</a>
|
||||
<header class="site-header" data-header>
|
||||
<a class="brand" href="/">
|
||||
<img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Group-1000002463-1.png" width="42" height="42" alt="Cucina Halal Food">
|
||||
<span class="word">CUCINA</span>
|
||||
</a>
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-label="Menu">☰</button>
|
||||
<nav class="site-nav">
|
||||
<a href="/to-cook/">To Cook</a>
|
||||
<a href="/to-heat/">To Heat</a>
|
||||
<a href="/to-go/" aria-current="page">To Go</a>
|
||||
<a href="/halal-meat/">Meat</a>
|
||||
<a href="/recepten/">Recepten</a>
|
||||
<a href="/halal/">Halal</a>
|
||||
<a href="/over-ons/">Over</a>
|
||||
<a class="btn" href="/waar-te-koop/">Vind in de buurt</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="inhoud">
|
||||
|
||||
<section class="hero page-hero">
|
||||
<img class="bg" src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Cutting-Borad-and-Tomato.webp" alt="To Go">
|
||||
<div class="hero-copy">
|
||||
<div class="kicker">Halal maaltijdsalades</div>
|
||||
<h1>To Go</h1>
|
||||
<p>Smaakvolle halal maaltijdsalades voor onderweg of als lunch. Verrassende combinaties, in een TO GO-verpakking.</p>
|
||||
<div class="hero-actions">
|
||||
<a class="btn" href="/waar-te-koop/">Vind in de buurt</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="wrap">
|
||||
<ul class="serif"><li>Verpakt in handige TO GO-verpakkingen</li><li>Snel en vullend, zonder gedoe</li><li>Wereldse smaakcombinaties in één bak</li></ul>
|
||||
<div class="group"><h3>Halal PASTA en MAALTIJDSALADES</h3><div class="grid-3"><button class="tile" type="button" data-product='{"name": "rass el hanout met couscous", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/rass-el-hanout-met-couscous.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": null}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/rass-el-hanout-met-couscous.webp" alt="rass el hanout met couscous"><b>rass el hanout met couscous</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "couscous met falafel", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/couscous-met-falafel.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": null}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/couscous-met-falafel.webp" alt="couscous met falafel"><b>couscous met falafel</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "kisir metfetakaas", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/kisir-metfetakaas.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": null}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/kisir-metfetakaas.webp" alt="kisir metfetakaas"><b>kisir metfetakaas</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "penne caprese", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/penne-caprese.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": "penne-met-kipburgertjes-en-citroen-ricotta"}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/penne-caprese.webp" alt="penne caprese"><b>penne caprese</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "couscous met gegrilde groenten", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/couscous-met-gegrilde-groenten.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": null}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/couscous-met-gegrilde-groenten.webp" alt="couscous met gegrilde groenten"><b>couscous met gegrilde groenten</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "pennetomaten saus kip groene olijf", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/pennetomaten-saus-kip-groene-olijf.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": "penne-met-kipburgertjes-en-citroen-ricotta"}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/pennetomaten-saus-kip-groene-olijf.webp" alt="pennetomaten saus kip groene olijf"><b>pennetomaten saus kip groene olijf</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "pasta pesto kip", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/pasta-pesto-kip.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": null}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/pasta-pesto-kip.webp" alt="pasta pesto kip"><b>pasta pesto kip</b><span>Lunch · onderweg · kant-en-klaar</span></button><button class="tile" type="button" data-product='{"name": "pasta red chili kip", "image": "https://www-static.cucinafood.nl/wp-content/uploads/2025/02/pasta-red-chili-kip.webp", "blurb": "Lunch · onderweg · kant-en-klaar", "recipe": null}'><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/pasta-red-chili-kip.webp" alt="pasta red chili kip"><b>pasta red chili kip</b><span>Lunch · onderweg · kant-en-klaar</span></button></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<dialog class="drawer" id="product-drawer">
|
||||
<form method="dialog"><button class="drawer-close" aria-label="Sluiten">×</button></form>
|
||||
<div class="drawer-body">
|
||||
<img data-d-img alt="">
|
||||
<div>
|
||||
<h2 data-d-name></h2>
|
||||
<p class="serif" data-d-blurb></p>
|
||||
<a class="btn" data-d-recipe href="#">Naar het recept</a>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div>
|
||||
<strong>Cucina Food</strong>
|
||||
<p>Bos en Lommerplein 280<br>1055 RW Amsterdam<br>
|
||||
<a href="mailto:info@cucinafood.nl">info@cucinafood.nl</a></p>
|
||||
<div class="social">
|
||||
<a href="https://www.facebook.com/Cucinafoodnl/">Facebook</a>
|
||||
<a href="https://www.instagram.com/cucinafoodnl/">Instagram</a>
|
||||
<a href="https://www.tiktok.com/@cucinafood">TikTok</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<strong>Assortiment</strong>
|
||||
<ul>
|
||||
<li><a href="/to-cook/">To Cook</a></li>
|
||||
<li><a href="/to-heat/">To Heat</a></li>
|
||||
<li><a href="/to-go/">To Go</a></li>
|
||||
<li><a href="/halal-meat/">Halal Meat</a></li>
|
||||
<li><a href="/recepten/">Recepten</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<strong>Cucina</strong>
|
||||
<ul>
|
||||
<li><a href="/halal/">Halal beleid</a></li>
|
||||
<li><a href="/over-ons/">Over ons</a></li>
|
||||
<li><a href="/waar-te-koop/">Waar te koop</a></li>
|
||||
<li><a href="/contact/">Contact & samples</a></li>
|
||||
<li><a href="/privacy/">Privacy</a></li>
|
||||
<li><a href="/voorwaarden/">Voorwaarden</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="/js/site.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user