<html> <title>W3.CSS Template</title> <meta charset=”UTF-8“> <meta name=”viewport” content=”width=device-width, initial-scale=1“> <link rel=”stylesheet” href=”w3.css“> <link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Raleway“> <body style=”background-color: #FFE4C4;“> <style> body,h1,h5 {font-family: “Garet”, sans-serif} body, html {height: 100%} .w3-modal-content { width: 100vw; /* larghezza piena */ height: 100vh; /* altezza piena */ margin: 0; /* rimuove il margine */ border-radius: 0; /* angoli non arrotondati per effetto fullscreen */ overflow-y: auto; /* abilita lo scroll se necessario */ } .w3-modal { padding-top: 0; /* niente margine in alto */ } </style> <body> <!– Preprazione MENU – –> <div align=center > <br> <br> <br> <!– <h1> <p > <!– <button onclick=”document.getElementById(‘panini’).style.display=’block'” class=”w3-button w3-brown “background-color: #FFE4C4;>Home</button> <button onclick=”document.getElementById(‘servizi’).style.display=’block'” class=”w3-button w3-brown”background-color: #FFE4C4;>Servizi</button> <button onclick=”document.getElementById(‘orari’).style.display=’block'” class=”w3-button w3-brown” background-color: #FFE4C4;>Orari</button> <br> <br> –> <button onclick=”document.getElementById(‘panini’).style.display=’block’” class=”w3-button w3-brown” style=”font-size: 54px; padding: 16px 32px; background-color: #FFE4C4;“> Home </button> <button onclick=”document.getElementById(‘servizi’).style.display=’block’” class=”w3-button w3-brown” style=”font-size: 54px; padding: 16px 32px; background-color: #FFE4C4;“> Servizi </button> <button onclick=”document.getElementById(‘orari’).style.display=’block’” class=”w3-button w3-brown” style=”font-size: 54px; padding: 16px 32px; background-color: #FFE4C4;“> Orari </button> <br><br> <h1> <img src=”prima.png” style=”width:100%“> </h1> </div> <!– Inserimento nel MENU – –> <!– Menu Modal –> <!–<div id=”menu” class=”w3-modal”> <div class=”w3-modal-content w3-animate-zoom”> <div class=”w3-container w3-black w3-display-container”> <span onclick=”document.getElementById(‘menu’).style.display=’none'” class=”w3-button w3-display-topright w3-xxxlarge”>X</span> –> <!– Inserimento nel MENU – — </div> </div> </div> <!– ===================================== inserisco Chelos –> <!– Panini Modal PANINI–> <div id=”panini” class=”w3-modal“> <div class=”w3-modal-content w3-animate-zoom“> <div class=”w3-container w3-black“> <span onclick=”document.getElementById(‘panini’).style.display=’none’” class=”w3-button w3-display-topright w3-xxxlarge“>X</span> <h2 id=”top2“></h2> <!– <h1>&nbsp;&nbsp;Pizze Classiche</h1> –> <!– ========================================= inizio inserimento Chelos –> <!– <div id=”London” class=”w3-container city”> –> <h1> <img src=”home.png” style=”width:100%“> </div> </div> </div> </div> <!– ====================================== FINE PROVA Chelos –> <!– ===================================== inserisco Servizi –> <!– Modal SERVIZI–> <div id=”servizi” class=”w3-modal“> <div class=”w3-modal-content w3-animate-zoom“> <div class=”w3-container w3-black“> <span onclick=”document.getElementById(‘servizi’).style.display=’none’” class=”w3-button w3-display-topright w3-xxxlarge“>X</span> <h2 id=”top2“></h2> <!– ========================================= inizio inserimento Servizi –> <div id=”servizi” class=”w3-container city“> <h1> <img src=”servizi.png” style=”width:100%“> </div> </div> </div> </div> <!– ====================================== FINE PROVA Servizi –> <!– ===================================== inserisco ORARI –> <!– Modal ORARI–> <div id=”orari” class=”w3-modal“> <div class=”w3-modal-content w3-animate-zoom“> <div class=”w3-container w3-black“> <span onclick=”document.getElementById(‘orari’).style.display=’none’” class=”w3-button w3-display-topright w3-xxxlarge“>X</span> <h2 id=”top2“></h2> <!– ========================================= inizio inserimento ORARI –> <div id=”orari” class=”w3-container city“> <h1> <img src=”orari.png” style=”width:100%“> </div> </div> </div> </div> <!– ====================================== FINE PROVA Servizi –> </body> </html> <br><br>