Isotech-Impianti - Sito in Costruzione

ISOTECH-IMPIANTI

TECNOLOGIA E INGEGNERIA DEGLI IMPIANTI

SITO IN COSTRUZIONE

🦺

I nostri tecnici sono al lavoro per configurare la piattaforma.

/* Reset e Variabili */* { margin: 0; padding: 0; box-sizing: border-box;}:root { --dark-bg: #1a202c; --navy-blue: #1b365d; --orange-iso: #f27a22; --text-light: #e2e8f0;}body { font-family: 'Montserrat', sans-serif; background-color: var(--dark-bg); color: var(--text-light); min-height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative;}/* Sfondo Tecnico con linee (Stile Tubature/Blueprint) */.background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(27, 54, 93, 0.1) 2px, transparent 2px), linear-gradient(90deg, rgba(27, 54, 93, 0.1) 2px, transparent 2px); background-size: 40px 40px; background-position: center; z-index: 1; opacity: 0.7;}.container { position: relative; z-index: 2; text-align: center; padding: 20px; max-width: 800px; width: 100%;}/* Header & Logo */.logo-container { display: flex; flex-direction: column; align-items: center; margin-bottom: 50px;}.svg-logo { width: 120px; height: 120px; filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.5)); animation: float 4s ease-in-out infinite;}.logo-text h1 { font-size: 3rem; font-weight: 900; letter-spacing: 2px; color: #4a76a8; /* Blu Avio */}.logo-text .orange-text { color: var(--orange-iso);}.tagline { font-size: 0.9rem; letter-spacing: 4px; color: #a0aec0; margin-top: 5px; font-weight: 700;}/* Sezione "Sito in Costruzione" */.construction-section { margin-top: 30px;}.construction-wrapper { display: inline-flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 20px;}/* Strisce Gialle/Nere del Cantiere */.barrier-stripe { width: 40px; height: 15px; background: repeating-linear-gradient( -45deg, #f27a22, #f27a22 5px, #1a202c 5px, #1a202c 10px ); border-radius: 3px;}.construction-section h2 { font-size: 2.2rem; font-weight: 700; color: #ffffff; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7); letter-spacing: 1px;}.work-status { margin-top: 25px; background: rgba(27, 54, 93, 0.2); padding: 15px 30px; border-radius: 50px; display: inline-flex; align-items: center; gap: 15px; border: 1px solid rgba(242, 122, 34, 0.3);}.helmet-icon { font-size: 1.5rem; animation: pulse 2s infinite;}/* Animazioni */@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); }}@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); }}/* Responsive */@media (max-width: 600px) { .logo-text h1 { font-size: 2rem; } .construction-section h2 { font-size: 1.5rem; } .tagline { font-size: 0.7rem; }}// Aggiunge un tocco interattivo alla pagina di attesadocument.addEventListener("DOMContentLoaded", () => { const statusMessage = document.getElementById("status-message"); // Lista di messaggi dinamici che cambiano per simulare il lavoro in corso const messaggi = [ "I nostri ingegneri stanno tracciando le linee guida...", "Configurazione sistemi idraulici e termici nel server...", "Collaudo dell'interfaccia utente in corso...", "Ci siamo quasi! Messa a punto dei dettagli finali..." ]; let index = 0; // Funzione per cambiare il testo ogni 5 secondi con un effetto dissolvenza setInterval(() => { statusMessage.style.opacity = 0; setTimeout(() => { index = (index + 1) % messaggi.length; statusMessage.textContent = messaggi[index]; statusMessage.style.opacity = 1; }, 500); }, 5000);});