376 lines
22 KiB
HTML
376 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Pizzeria da Marco — Artisan Pizza & Pasta</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,600;0,900;1,400&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<style>
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
:root {
|
|
--green: #3d8c40;
|
|
--red: #c0392b;
|
|
--cream: #faf3e8;
|
|
--dark: #1a1210;
|
|
--warm: #2d1f1a;
|
|
--gold: #d4a843;
|
|
--text: #e8ddd0;
|
|
--muted: #9a8a78;
|
|
}
|
|
html { scroll-behavior: smooth; }
|
|
body { font-family: 'DM Sans', sans-serif; background: var(--dark); color: var(--text); line-height: 1.6; overflow-x: hidden; }
|
|
|
|
/* ITALIAN FLAG ACCENT */
|
|
.flag-stripe { position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, var(--green) 33%, var(--cream) 33%, var(--cream) 66%, var(--red) 66%); }
|
|
|
|
/* NAV */
|
|
nav { position: fixed; top: 0; width: 100%; z-index: 100; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; }
|
|
nav.scrolled { background: rgba(26,18,16,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(212,168,67,0.1); }
|
|
.nav-logo { font-family: 'Fraunces', serif; font-size: 1.7rem; color: var(--cream); font-weight: 900; text-decoration: none; font-style: italic; }
|
|
.nav-logo span { color: var(--green); }
|
|
.nav-links { display: flex; gap: 2rem; list-style: none; }
|
|
.nav-links a { color: var(--muted); text-decoration: none; font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase; transition: color 0.3s; }
|
|
.nav-links a:hover { color: var(--cream); }
|
|
.nav-cta { background: var(--red); color: white; padding: 0.5rem 1.2rem; border-radius: 50px; font-weight: 600; font-size: 0.8rem; }
|
|
.nav-cta:hover { background: #a93226; color: white; text-decoration: none; }
|
|
|
|
/* HERO */
|
|
.hero { height: 100vh; min-height: 580px; position: relative; display: flex; align-items: center; overflow: hidden; }
|
|
.hero-bg { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(26,18,16,0.3) 0%, rgba(26,18,16,0.9) 65%, var(--dark) 100%), url('https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=1600&q=80') center/cover no-repeat; }
|
|
.hero-pizza-badge { position: absolute; bottom: 2rem; right: 2rem; width: 120px; height: 120px; border-radius: 50%; border: 3px solid var(--gold); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0.6; }
|
|
.hero-pizza-badge .badge-num { font-family: 'Fraunces', serif; font-size: 2.5rem; font-weight: 900; color: var(--gold); line-height: 1; }
|
|
.hero-pizza-badge .badge-label { font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gold); }
|
|
.hero-content { position: relative; z-index: 2; padding: 2rem 6rem; max-width: 750px; }
|
|
.hero-tag { font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--green); margin-bottom: 1rem; font-weight: 600; opacity: 0; animation: fadeUp 0.8s 0.2s forwards; }
|
|
.hero h1 { font-family: 'Fraunces', serif; font-size: clamp(3.5rem, 9vw, 6rem); line-height: 0.95; color: var(--cream); margin-bottom: 0.5rem; font-weight: 900; opacity: 0; animation: fadeUp 0.8s 0.4s forwards; }
|
|
.hero h1 em { color: var(--red); font-style: italic; }
|
|
.hero-subtitle { font-size: 1.1rem; color: var(--gold); margin-bottom: 1.5rem; font-weight: 300; opacity: 0; animation: fadeUp 0.8s 0.6s forwards; }
|
|
.hero-desc { font-size: 1rem; color: var(--muted); max-width: 480px; margin-bottom 2rem; opacity: 0; animation: fadeUp 0.8s 0.8s forwards; }
|
|
.hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; opacity: 0; animation: fadeUp 0.8s 1s forwards; }
|
|
.btn-primary { background: var(--red); color: white; padding: 0.9rem 2.2rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 0.85rem; letter-spacing: 0.05em; transition: all 0.3s; display: inline-block; }
|
|
.btn-primary:hover { background: #a93226; transform: translateY(-2px); }
|
|
.btn-ghost { border: 1px solid rgba(250,243,232,0.3); color: var(--cream); padding: 0.9rem 2.2rem; border-radius: 50px; text-decoration: none; font-size: 0.85rem; transition: all 0.3s; display: inline-block; }
|
|
.btn-ghost:hover { border-color: var(--cream); background: rgba(250,243,232,0.08); text-decoration: none; }
|
|
|
|
section { padding: 6rem 2rem; }
|
|
.container { max-width: 1100px; margin: 0 auto; }
|
|
.section-tag { font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--green); text-align: center; margin-bottom: 0.5rem; font-weight: 600; }
|
|
.section-title { font-family: 'Fraunces', serif; font-size: clamp(2rem, 5vw, 3rem); text-align: center; color: var(--cream); margin-bottom: 3rem; font-weight: 900; }
|
|
.section-title em { font-style: italic; color: var(--red); }
|
|
|
|
/* PIZZA GRID */
|
|
#pizzas { background: var(--warm); }
|
|
.pizza-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
|
|
.pizza-card { background: var(--dark); border-radius: 12px; overflow: hidden; border: 1px solid rgba(212,168,67,0.08); transition: transform 0.3s, border-color 0.3s; }
|
|
.pizza-card:hover { transform: translateY(-6px); border-color: rgba(212,168,67,0.25); }
|
|
.pizza-card img { width: 100%; height: 180px; object-fit: cover; }
|
|
.pizza-info { padding: 1.2rem; }
|
|
.pizza-info .pizza-name { font-family: 'Fraunces', serif; font-size: 1.2rem; color: var(--cream); margin-bottom: 0.4rem; font-weight: 600; }
|
|
.pizza-info .pizza-desc { font-size: 0.82rem; color: var(--muted); margin-bottom: 0.8rem; line-height: 1.5; }
|
|
.pizza-footer { display: flex; justify-content: space-between; align-items: center; }
|
|
.pizza-price { font-family: 'Fraunces', serif; font-size: 1.3rem; color: var(--green); font-weight: 900; }
|
|
.pizza-tag { font-size: 0.65rem; padding: 0.2rem 0.5rem; border-radius: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
|
|
.tag-veg { background: rgba(61,140,64,0.15); color: var(--green); }
|
|
.tag-spicy { background: rgba(192,57,43,0.15); color: var(--red); }
|
|
.tag-popular { background: rgba(212,168,67,0.15); color: var(--gold); }
|
|
|
|
/* ABOUT */
|
|
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
|
|
.about-img img { width: 100%; height: 400px; object-fit: cover; border-radius: 12px; }
|
|
.about-text h3 { font-family: 'Fraunces', serif; font-size: 1.7rem; color: var(--cream); margin-bottom: 1rem; font-weight: 600; }
|
|
.about-text p { color: var(--muted); margin-bottom: 1rem; font-size: 0.95rem; }
|
|
.about-text p strong { color: var(--cream); }
|
|
.process-steps { display: flex; gap: 1.5rem; margin-top: 2rem; flex-wrap: wrap; }
|
|
.process-step { display: flex; align-items: center; gap: 0.8rem; }
|
|
.process-step .step-num { width: 32px; height: 32px; border-radius: 50%; background: var(--red); color: white; font-family: 'Fraunces', serif; font-weight: 900; font-size: 0.9rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
|
|
.process-step .step-text { font-size: 0.8rem; color: var(--muted); }
|
|
.process-step .step-text strong { color: var(--cream); }
|
|
|
|
/* PASTA */
|
|
#pasta { background: var(--warm); }
|
|
.pasta-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; }
|
|
.pasta-item { background: var(--dark); border-radius: 10px; overflow: hidden; }
|
|
.pasta-item img { width: 100%; height: 140px; object-fit: cover; }
|
|
.pasta-item .pasta-info { padding: 1rem; }
|
|
.pasta-item .pasta-name { font-family: 'Fraunces', serif; font-size: 1.05rem; color: var(--cream); margin-bottom: 0.3rem; }
|
|
.pasta-item .pasta-desc { font-size: 0.78rem; color: var(--muted); margin-bottom: 0.5rem; }
|
|
.pasta-item .pasta-price { font-family: 'Fraunces', serif; font-size: 1.1rem; color: var(--green); font-weight: 900; }
|
|
|
|
/* REVIEWS */
|
|
.reviews-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; }
|
|
.review-card { background: var(--warm); border: 1px solid rgba(212,168,67,0.08); border-radius: 10px; padding: 1.5rem; }
|
|
.review-card .stars { color: var(--gold); font-size: 0.9rem; margin-bottom: 0.8rem; }
|
|
.review-card .review-text { font-size: 0.88rem; color: var(--muted); font-style: italic; margin-bottom: 0.8rem; line-height: 1.6; }
|
|
.review-card .review-author { font-size: 0.8rem; color: var(--cream); font-weight: 600; }
|
|
|
|
/* LOCATION */
|
|
#location { background: var(--warm); }
|
|
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
|
|
.hours-table { width: 100%; }
|
|
.hours-table tr { border-bottom: 1px solid rgba(212,168,67,0.08); }
|
|
.hours-table td { padding: 0.7rem 0; font-size: 0.9rem; }
|
|
.hours-table td:first-child { color: var(--muted); }
|
|
.hours-table td:last-child { color: var(--text); text-align: right; }
|
|
.address-block { margin-top: 2rem; }
|
|
.address-block p { font-size: 0.9rem; color: var(--muted); line-height: 1.9; }
|
|
.address-block strong { color: var(--green); font-weight: 600; }
|
|
|
|
/* FOOTER */
|
|
footer { background: #0f0a08; padding: 4rem 2rem 2rem; text-align: center; }
|
|
.footer-logo { font-family: 'Fraunces', serif; font-size: 2.5rem; color: var(--cream); font-weight: 900; font-style: italic; margin-bottom: 0.5rem; }
|
|
.footer-logo span { color: var(--green); }
|
|
footer p { font-size: 0.8rem; color: var(--muted); }
|
|
|
|
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
|
|
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
|
|
.reveal.visible { opacity: 1; transform: translateY(0); }
|
|
|
|
@media (max-width: 768px) {
|
|
.nav-links { display: none; }
|
|
.hero-content { padding: 2rem; }
|
|
.about-grid, .info-grid { grid-template-columns: 1fr; gap: 2rem; }
|
|
.hero-pizza-badge { display: none; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="flag-stripe"></div>
|
|
|
|
<nav id="navbar">
|
|
<a href="#" class="nav-logo"><span>Pizzeria</span> da Marco</a>
|
|
<ul class="nav-links">
|
|
<li><a href="#pizzas">Pizzas</a></li>
|
|
<li><a href="#about">Our Story</a></li>
|
|
<li><a href="#pasta">Pasta</a></li>
|
|
<li><a href="#reviews">Reviews</a></li>
|
|
<li><a href="#location" class="nav-cta">Order Now</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<section class="hero">
|
|
<div class="hero-bg"></div>
|
|
<div class="hero-pizza-badge">
|
|
<div class="badge-num">4.8</div>
|
|
<div class="badge-label">Rating</div>
|
|
</div>
|
|
<div class="hero-content">
|
|
<p class="hero-tag">★ Benalmádena Costa ★</p>
|
|
<h1>Pizzeria<br><em>da Marco</em></h1>
|
|
<p class="hero-subtitle">Naples in the Costa del Sol · Wood-Fired Since 2010</p>
|
|
<p class="hero-desc">Real Neapolitan pizza baked in a wood-fired oven at 450°C. 72-hour fermented dough, San Marzano tomatoes, buffalo mozzarella. Open every evening for dinner — no reservations needed.</p>
|
|
<div class="hero-btns">
|
|
<a href="#pizzas" class="btn-primary">View Our Pizzas</a>
|
|
<a href="#location" class="btn-ghost">Find Us</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pizzas">
|
|
<div class="container">
|
|
<p class="section-tag">From the Wood-Fired Oven</p>
|
|
<h2 class="section-title">Our <em>Pizzas</em></h2>
|
|
<div class="pizza-grid">
|
|
<div class="pizza-card reveal">
|
|
<img src="https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=500&q=75" alt="Margherita" loading="lazy">
|
|
<div class="pizza-info">
|
|
<div class="pizza-name">Margherita DOP</div>
|
|
<div class="pizza-desc">San Marzano tomatoes, buffalo mozzarella di Battipaglia, fresh basil, extra virgin olive oil</div>
|
|
<div class="pizza-footer">
|
|
<div class="pizza-price">€9.50</div>
|
|
<span class="pizza-tag tag-veg">🌿 Vegetarian</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pizza-card reveal">
|
|
<img src="https://images.unsplash.com/photo-1574071318508-1cdbab80d002?w=500&q=75" alt="Diavola" loading="lazy">
|
|
<div class="pizza-info">
|
|
<div class="pizza-name">Diavola</div>
|
|
<div class="pizza-desc">Spicy Italian salami, San Marzano tomatoes, mozzarella, tabasco-infused olive oil, chili flakes</div>
|
|
<div class="pizza-footer">
|
|
<div class="pizza-price">€12.00</div>
|
|
<span class="pizza-tag tag-spicy">🔥 Spicy</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pizza-card reveal">
|
|
<img src="https://images.unsplash.com/photo-1588315029754-2dd089d39a1a?w=500&q=75" alt="Quattro Formaggi" loading="lazy">
|
|
<div class="pizza-info">
|
|
<div class="pizza-name">Quattro Formaggi</div>
|
|
<div class="pizza-desc">Mozzarella, gorgonzola piccante, Parmigiano Reggiano, taleggio — four cheese perfection</div>
|
|
<div class="pizza-footer">
|
|
<div class="pizza-price">€12.50</div>
|
|
<span class="pizza-tag tag-veg">🌿 Vegetarian</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pizza-card reveal">
|
|
<img src="https://images.unsplash.com/photo-1593560708920-61dd98c46a4e?w=500&q=75" alt="Tartufo" loading="lazy">
|
|
<div class="pizza-info">
|
|
<div class="pizza-name">Tartufo e Funghi</div>
|
|
<div class="pizza-desc">Black truffle cream, wild mushrooms, mozzarella, taleggio, fresh truffle oil, rosemary</div>
|
|
<div class="pizza-footer">
|
|
<div class="pizza-price">€15.00</div>
|
|
<span class="pizza-tag tag-popular">⭐ Chef's Pick</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pizza-card reveal">
|
|
<img src="https://images.unsplash.com/photo-1600028068383-4589e2c5fc4e?w=500&q=75" alt="Prosciutto" loading="lazy">
|
|
<div class="pizza-info">
|
|
<div class="pizza-name">Prosciutto e Funghi</div>
|
|
<div class="pizza-desc">San Daniele prosciutto, wild mushrooms, San Marzano tomatoes, mozzarella, fresh rocket</div>
|
|
<div class="pizza-footer">
|
|
<div class="pizza-price">€13.00</div>
|
|
<span class="pizza-tag tag-popular">⭐ Popular</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pizza-card reveal">
|
|
<img src="https://images.unsplash.com/photo-1598679253544-2c97992403ea?w=500&q=75" alt="Capricciosa" loading="lazy">
|
|
<div class="pizza-info">
|
|
<div class="pizza-name">Capricciosa</div>
|
|
<div class="pizza-desc">Cooked ham, artichoke hearts, wild mushrooms, black olives, San Marzano tomatoes, mozzarella</div>
|
|
<div class="pizza-footer">
|
|
<div class="pizza-price">€12.00</div>
|
|
<span class="pizza-tag tag-popular">⭐ Classic</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about">
|
|
<div class="container">
|
|
<div class="about-grid">
|
|
<div class="about-img reveal">
|
|
<img src="https://images.unsplash.com/photo-1574966740793-953ad37419ca?w=800&q=80" alt="Pizza making" loading="lazy">
|
|
</div>
|
|
<div class="about-text reveal">
|
|
<p class="section-tag">Our Story</p>
|
|
<h3>Straight from Naples to Benalmádena</h3>
|
|
<p>Marco Ferretti grew up in the pizzeria his grandfather ran in Naples' Quartieri Spagnoli. In 2010, he brought the family recipe to the Costa del Sol — the same <strong>72-hour fermented dough</strong>, the same <strong>wood-fired oven</strong> built by hand from Neapolitan bricks.</p>
|
|
<p>Our oven burns at <strong>450°C</strong> — hot enough to bake a pizza in 90 seconds. The dough blisters, the cheese bubbles, the base gets those charred leopard spots that mark a real Neapolitan pizza.</p>
|
|
<p>We use only <strong>00 flour</strong> from Naples, <strong>San Marzano tomatoes</strong> from the slopes of Vesuvius, and <strong>buffalo mozzarella</strong> from Battipaglia. If it's not from Italy, we don't use it.</p>
|
|
<div class="process-steps">
|
|
<div class="process-step"><div class="step-num">1</div><div class="step-text"><strong>72h</strong> Fermented dough</div></div>
|
|
<div class="process-step"><div class="step-num">2</div><div class="step-text"><strong>450°C</strong> Wood-fired</div></div>
|
|
<div class="process-step"><div class="step-num">3</div><div class="step-text"><strong>90 sec</strong> Baked to perfection</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pasta">
|
|
<div class="container">
|
|
<p class="section-tag">Fresh Pasta Daily</p>
|
|
<h2 class="section-title">Handmade <em>Pasta</em></h2>
|
|
<div class="pasta-grid">
|
|
<div class="pasta-item reveal">
|
|
<img src="https://images.unsplash.com/photo-1621996346565-e3dbc646d9a9?w=400&q=75" alt="Carbonara" loading="lazy">
|
|
<div class="pasta-info">
|
|
<div class="pasta-name">Spaghetti Carbonara</div>
|
|
<div class="pasta-desc">Guanciale, egg yolk, Pecorino Romano, Tellicherry pepper — Roman authentic</div>
|
|
<div class="pasta-price">€11.00</div>
|
|
</div>
|
|
</div>
|
|
<div class="pasta-item reveal">
|
|
<img src="https://images.unsplash.com/photo-1563379926898-05f4575a45d8?w=400&q=75" alt="Cacio e Pepe" loading="lazy">
|
|
<div class="pasta-info">
|
|
<div class="pasta-name">Tonnarelli Cacio e Pepe</div>
|
|
<div class="pasta-desc">Square spaghetti, Pecorino Romano DOP, Tellicherry black pepper</div>
|
|
<div class="pasta-price">€10.50</div>
|
|
</div>
|
|
</div>
|
|
<div class="pasta-item reveal">
|
|
<img src="https://images.unsplash.com/photo-1473093295043-cdd812d0e601?w=400&q=75" alt="Ragù" loading="lazy">
|
|
<div class="pasta-info">
|
|
<div class="pasta-name">Pappardelle al Ragù</div>
|
|
<div class="pasta-desc">Wide ribbon pasta, 8-hour slow-cooked Bolognese ragù, aged Parmigiano</div>
|
|
<div class="pasta-price">€12.50</div>
|
|
</div>
|
|
</div>
|
|
<div class="pasta-item reveal">
|
|
<img src="https://images.unsplash.com/photo-1565958011703-44f9829ba187?w=400&q=75" alt="Gnocchi" loading="lazy">
|
|
<div class="pasta-info">
|
|
<div class="pasta-name">Gnocchi alla Sorrentina</div>
|
|
<div class="pasta-desc">Potato gnocchi, tomato sauce, mozzarella di bufala, baked in the wood oven</div>
|
|
<div class="pasta-price">€10.50</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="reviews">
|
|
<div class="container">
|
|
<p class="section-tag">Reviews</p>
|
|
<h2 class="section-title">What Our <em>Guests</em> Say</h2>
|
|
<div class="reviews-grid">
|
|
<div class="review-card reveal">
|
|
<div class="stars">★★★★★</div>
|
|
<p class="review-text">"I've eaten pizza all over Italy and this one is the real deal. The base is perfectly thin, the dough is airy, the char is authentic. The diavola has proper heat. Can't wait to come back."</p>
|
|
<div class="review-author">— Giulia B., Google</div>
|
|
</div>
|
|
<div class="review-card reveal">
|
|
<div class="stars">★★★★★</div>
|
|
<p class="review-text">"No reservations, casual atmosphere, incredible food. The pasta carbonara was creamy and the guanciale was perfectly crispy. Best Italian on the Costa del Sol, hands down."</p>
|
|
<div class="review-author">— Tom H., TripAdvisor</div>
|
|
</div>
|
|
<div class="review-card reveal">
|
|
<div class="stars">★★★★★</div>
|
|
<p class="review-text">"Marco himself made our pizza right in front of us. The quattro formaggi is heaven — proper gorgonzola, not the mild stuff. The tiramisu for dessert was the perfect end. 10/10."</p>
|
|
<div class="review-author">— Sophie L., TheFork</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="location">
|
|
<div class="container">
|
|
<p class="section-tag">Find Us</p>
|
|
<h2 class="section-title">Come <em>Visit</em></h2>
|
|
<div class="info-grid">
|
|
<div class="reveal">
|
|
<h3 style="font-family:'Fraunces',serif;font-size:1.3rem;color:var(--cream);margin-bottom:1.5rem;">Opening Hours</h3>
|
|
<table class="hours-table">
|
|
<tr><td>Monday — Thursday</td><td>18:00 — 23:00</td></tr>
|
|
<tr><td>Friday — Saturday</td><td>18:00 — 00:00</td></tr>
|
|
<tr><td>Sunday</td><td>13:00 — 22:00</td></tr>
|
|
</table>
|
|
<div class="address-block">
|
|
<p><strong>📍 Address</strong></p>
|
|
<p>Av. Antonio Machado, 124<br>29630 Benalmádena Costa<br>Spain</p>
|
|
<p style="margin-top:1rem;"><strong>📞 Order / Info</strong></p>
|
|
<p>+34 952 571 234<br>hello@pizzeriadamarco.es</p>
|
|
</div>
|
|
</div>
|
|
<div class="reveal">
|
|
<div style="border-radius:12px;overflow:hidden;border:1px solid rgba(212,168,67,0.15);">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3190.0!2d-4.57!3d36.60!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd72fd3a050f50eb%3A0x5233479452a1f903!2sCasa%20Alberto!5e0!3m2!1sen!2ses!4v1" width="100%" height="340" style="border:0;display:block;" allowfullscreen="" loading="lazy"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p class="footer-logo"><span>Pizzeria</span> da Marco</p>
|
|
<p>Av. Antonio Machado, 124 · 29630 Benalmádena Costa · +34 952 571 234</p>
|
|
<p style="margin-top:1rem;opacity:0.4;">© 2026 Pizzeria da Marco. All rights reserved.</p>
|
|
</footer>
|
|
|
|
<script>
|
|
const nav = document.getElementById('navbar');
|
|
window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 60));
|
|
document.querySelectorAll('a[href^="#"]').forEach(a => { a.addEventListener('click', e => { e.preventDefault(); const t = document.querySelector(a.getAttribute('href')); if(t) t.scrollIntoView({behavior:'smooth',block:'start'}); }); });
|
|
const revealEls = document.querySelectorAll('.reveal');
|
|
const observer = new IntersectionObserver(entries => entries.forEach(entry => { if(entry.isIntersecting){ entry.target.classList.add('visible'); observer.unobserve(entry.target); } }), {threshold:0.1});
|
|
revealEls.forEach(el => observer.observe(el));
|
|
</script>
|
|
</body>
|
|
</html>
|