Eerste merksite voor Cucina Food.

Statische HTML/CSS/JS: homepage, productlijnen, recepten, zoekbare winkelvinder.
2026-08-29 14:34:18 +02:00
commit 10e510682c
33 changed files with 4091 additions and 0 deletions
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="nl">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Waar te koop — Cucina Food</title>
+  <meta name="description" content="Vind Cucina Food in een supermarkt bij jou in de buurt.">
+  <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/">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="section" style="padding-bottom:0">
+      <div class="wrap">
+        <p class="crumbs"><a href="/">Home</a> / Waar te koop</p>
+        <h1>Waar ligt Cucina?</h1>
+        <p class="lede">Cucina ligt in supermarkten in Nederland en België. Zoek op plaats of postcode.</p>
+      </div>
+    </section>
+    
+<section class="lime-band" data-finder>
+  <div class="wrap">
+    <h2>Waar ligt Cucina?</h2>
+    <p class="lede">Zoek op plaats of postcode. Geen muur van 500 adressen.</p>
+    <form class="search" role="search">
+      <input type="search" name="q" placeholder="Plaats of postcode" autocomplete="off">
+      <button type="submit">Zoek</button>
+    </form>
+    <p class="muted" data-status>Typ een plaats of postcode.</p>
+    <ul class="store-list" data-results></ul>
+  </div>
+</section>
+
+    <section class="section">
+      <div class="wrap">
+        <h2>Verkrijgbaar bij</h2>
+        <div class="retail">
+          <img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-6.png" alt="Retailpartner">
+          <img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-7.png" alt="Retailpartner">
+          <img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-8.png" alt="Retailpartner">
+          <img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Group-1000002471.svg" alt="Retailpartner">
+        </div>
+      </div>
+    </section>
+
+  </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 &amp; 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>