Files
pizzeriaWeb/index.html

488 lines
22 KiB
HTML

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menù La Rondine</title>
<meta name="author" content="Francesco Mancuso">
<meta name="theme-color" content="#003242" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/avanzato.css">
<script src="js/script.js" defer></script>
<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=Poppins:wght@300;400;600;700;800&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/c2497a668c.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png"
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon-96x96.png"
sizes="96x96" />
<link rel="icon" type="image/svg+xml"
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon.svg" />
<link rel="shortcut icon"
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180"
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="La Rondine Menù" />
</head>
<body>
<header id="header">
<div class="container">
<div class="logo">
<a href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/logo-menu-white.png">
</a>
</div>
<div class="menu">
<ul>
<a href="#pizze">
<li><i class="fa-solid fa-pizza-slice"></i> Pizze</li>
</a>
<a href="#dolci">
<li><i class="fa-solid fa-ice-cream"></i> Dolci</li>
</a>
<a href="#bevande">
<li><i class="fa-solid fa-martini-glass-citrus"></i> Bevande</li>
</a>
</ul>
</div>
</div>
</header>
<div class="top">
<div class="overlay">
<div class="container">
<h1>Menù</h1>
</div>
</div>
</div>
<div class="pagina">
<div class="container">
<div class="sezione presentazione">
<div class="overlay">
<div class="testo">
<h2>Gusto autentico e locale</h2>
<p>
Una selezione curata per stupire: impasti croccanti, ingredienti freschi e abbinamenti
pensati per lasciare il segno. Scegli fra una selezione di pizze classiche e gourmet
esclusive!
</p>
<div class="buttons">
<a href="#pizze"><button class="main">
<i class="fa-solid fa-utensils"></i> Vai alle pizze
</button></a>
<a href="https://www.francescomancuso.it/contatti/" target="_blank"><button class="main">
<i class="fa-solid fa-phone"></i> Contattaci
</button></a>
</div>
</div>
<div class="pizza">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/pizza.webp" alt="Pizza">
</div>
</div>
</div>
<div class="sezione pizze">
<a name="pizze"></a>
<div class="titolo">
<div class="overlay">
<h2>Pizze</h2>
</div>
</div>
<div class="griglia">
<!-- INSERISCI PIZZE QUI -->
<!--MARGHERITA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/margherita.webp" alt="Margherita">
</div>
<div class="testo">
<h3>Margherita</h3>
<p>Pomodoro, Mozzarella, Basilico</p>
</div>
<span class="prezzo">€ 6,00</span>
</div>
<!--CRAZY WURSTEL-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/crazy-wurstel.webp" alt="Crazy Wurstel">
</div>
<div class="testo">
<h3>Crazy Wurstel</h3>
<p>Pomodoro, Mozzarella, Patatine fritte, Würstel
<p>
</div>
<span class="prezzo">€ 7,50</span>
</div>
<!--BUFALINA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/bufalina.webp" alt="Bufalina">
</div>
<div class="testo">
<h3>Bufalina</h3>
<p>Pomodoro, Mozzarella, Mozzarella di Bufala (all'uscita)</p>
</div>
<span class="prezzo">€ 9,00</span>
</div>
<!--RONDINE-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/rondine.webp" alt="Rondine">
</div>
<div class="testo">
<h3>Rondine</h3>
<p>Pomodoro, Mozzarella, Funghi, Salame, Tonno, Olive</p>
</div>
<span class="prezzo">€ 9,00</span>
</div>
<!--PISTACCHIOSA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/pistacchiosa.webp" alt="Pistacchiosa">
</div>
<div class="testo">
<h3>Pistacchiosa</h3>
<p>Doppia Mozzarella, Emmental, Mortadella, Granella di Pistacchio</p>
</div>
<span class="prezzo">€ 9,50</span>
</div>
<!--TROPEANA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/tropeana.webp" alt="Tropeana">
</div>
<div class="testo">
<h3>Tropeana</h3>
<p>Pomodoro, Mozzarella, Tonno, Cipolla di Tropea, Nduja</p>
</div>
<span class="prezzo">€ 9,00</span>
</div>
<!--NEW MEXICO-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/new-mexico.webp" alt="New Mexico">
</div>
<div class="testo">
<h3>New Mexico</h3>
<p>Pomodoro, Mozzarella, Salsiccia, Peperoni, Cipolla, Tabasco</p>
</div>
<span class="prezzo">€ 10,50</span>
</div>
<!--ZUCOTTA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/zuccotta.webp" alt="Zuccotta">
</div>
<div class="testo">
<h3>Zuccotta</h3>
<p>Mozzarella, Pancetta, Crema di Zucca</p>
</div>
<span class="prezzo">€ 10,00</span>
</div>
<!--PORCHETTOSA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/porchettosa.webp" alt="Porchettosa">
</div>
<div class="testo">
<h3>Porchettosa</h3>
<p>Mozzarella, Porchetta, Patate lesse, Origano, Rosmarino</p>
</div>
<span class="prezzo">€ 12,00</span>
</div>
<!--MORTAZZA-->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/mortazza.webp" alt="Mortazza">
</div>
<div class="testo">
<h3>Mortazza</h3>
<p>Mozzarella, Crema di Pistacchio, Granella di Pistacchio, Mortedella, Stracciatella,
Burrata</p>
</div>
<span class="prezzo">€ 15,00</span>
</div>
<!-- FINE SEZIONE PIZZE -->
</div>
</div>
<div class="sezione dolci">
<a name="dolci"></a>
<div class="titolo">
<div class="overlay">
<h2>Dolci</h2>
</div>
</div>
<div class="griglia">
<!-- INSERISCI DOLCI QUI -->
<!-- duplica l'elemento box con copia-incolla e modifica i dati -->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/tiramisu.jpg" alt="Tiramisu'">
</div>
<div class="testo">
<h3>Tiramisù</h3>
<p>Dolce con savoiardi al caffè, crema al mascarpone e cacao</p>
</div>
<span class="prezzo">€ 3,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/crostata_alla_frutta.jpg" alt="Crostata alla frutta">
</div>
<div class="testo">
<h3>Crostata alla frutta</h3>
<p>Pasta frolla con crema pasticcera e frutta fresca</p>
</div>
<span class="prezzo">€ 3,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/tartufo_di_pizzo.jpg" alt="Tartufo di pizzo">
</div>
<div class="testo">
<h3>Tartufo di Pizzo</h3>
<p>Dolce al tartufo con ripieno al cioccolato fondente</p>
</div>
<span class="prezzo">€ 4,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/cannolo_sbriciolato.webp" alt="Cannolo Scomposto">
</div>
<div class="testo">
<h3>Cannolo Scomposto</h3>
<p>Cannolo con crema di ricotta dolce e pistacchio</p>
</div>
<span class="prezzo">€ 5,00</span>
</div>
<!-- FINE SEZIONE DOLCI -->
</div>
</div>
<div class="sezione bevande">
<a name="bevande"></a>
<div class="titolo">
<div class="overlay">
<h2>Bevande</h2>
</div>
</div>
<div class="griglia">
<!-- INSERISCI BIBITE QUI -->
<!-- duplica l'elemento box con copia-incolla e modifica i dati -->
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/acqua-naturale.webp" alt="Acqua Naturale">
</div>
<div class="testo">
<h3>Acqua Naturale</h3>
<p>Bottiglia da 1L</p>
</div>
<span class="prezzo">€ 2,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/acqua-frizzante.webp" alt="Acqua Frizzante">
</div>
<div class="testo">
<h3>Acqua Frizzante</h3>
<p>Bottiglia da 1L</p>
</div>
<span class="prezzo">€ 2,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/cocacola.webp" alt="Coca Cola">
</div>
<div class="testo">
<h3>Coca Cola</h3>
<p>Lattina da 0,35L</p>
</div>
<span class="prezzo">€ 2,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/cocacola-zero.webp" alt="Coca Cola Zero">
</div>
<div class="testo">
<h3>Coca Cola Zero</h3>
<p>Lattina da 0,35L</p>
</div>
<span class="prezzo">€ 2,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/fanta.webp" alt="Fanta">
</div>
<div class="testo">
<h3>Fanta</h3>
<p>Lattina da 0,35L</p>
</div>
<span class="prezzo">€ 2,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/sprite.webp" alt="Sprite">
</div>
<div class="testo">
<h3>Sprite</h3>
<p>Lattina da 0,35L</p>
</div>
<span class="prezzo">€ 2,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-piccola.webp" alt="Birra alla spina">
</div>
<div class="testo">
<h3>Birra alla spina</h3>
<p>Formato piccolo</p>
</div>
<span class="prezzo">€ 3,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-grande.webp" alt="Birra alla spina">
</div>
<div class="testo">
<h3>Birra alla spina</h3>
<p>Formato grande</p>
</div>
<span class="prezzo">€ 4,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-tennents.webp" alt="Tennent's">
</div>
<div class="testo">
<h3>Tennent's</h3>
<p>Formato 33cl</p>
</div>
<span class="prezzo">€ 3,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-leffe-rossa.webp" alt="Leffe Rossa">
</div>
<div class="testo">
<h3>Leffe Rossa</h3>
<p>Formato 33cl</p>
</div>
<span class="prezzo">€ 4,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-tuborg.webp" alt="tuoborg">
</div>
<div class="testo">
<h3>Tuborg</h3>
<p>Formato 66cl</p>
</div>
<span class="prezzo">€ 4,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-corona.webp" alt="Corona">
</div>
<div class="testo">
<h3>Corona</h3>
<p>Formato 33cl</p>
</div>
<span class="prezzo">€ 3,50</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-becks.webp" alt="Beck's">
</div>
<div class="testo">
<h3>Beck's</h3>
<p>Formato 33cl</p>
</div>
<span class="prezzo">€ 3,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-ichnusa.webp" alt="Ichnusa">
</div>
<div class="testo">
<h3>Ichnusa</h3>
<p>Formato 33cl</p>
</div>
<span class="prezzo">€ 3,00</span>
</div>
<div class="box">
<div class="immagine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-nastro-azzurro.webp" alt="Nastro Azzurro">
</div>
<div class="testo">
<h3>Nastro Azzurro</h3>
<p>Formato 33cl</p>
</div>
<span class="prezzo">€ 2,50</span>
</div>
<!-- FINE SEZIONE BIBITE -->
</div>
</div>
</div>
</div>
<button class="totop" id="totop"><i class="fa-solid fa-chevron-up"></i></button>
<footer>
<div class="container">
<p>Gruppo di lavoro Corea, Talarico, Vampore, Mancuso</p>
<p>Classe 5E A.S. 2025/2026</p>
<p><i>Server at <a href="https://www.francescomancuso.it" target="_blank">www.francescomancuso.it</a> on
Port 443</i></p>
</div>
</footer>
<div class="loader" id="loader">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/logo-menu-white.png" alt="Caricamento...">
</div>
</body>
</html>