<!DOCTYPE html>

<html lang="it">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Soluzioni Edilizie | Massimo Fardin</title>

    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">

    <style>

        :root {

            --primary: #1a4a7a; /* Blu Istituzionale */

            --secondary: #2ecc71; /* Verde Efficienza */

            --dark: #2c3e50;

            --light: #f4f7f6;

        }

        body {

            font-family: 'Montserrat', sans-serif;

            margin: 0;

            line-height: 1.6;

            color: var(--dark);

            background-color: #fff;

        }

        /* Header & Nav */

        header {

            background: #fff;

            padding: 20px 5%;

            display: flex;

            justify-content: space-between;

            align-items: center;

            position: sticky;

            top: 0;

            box-shadow: 0 2px 10px rgba(0,0,0,0.1);

            z-index: 1000;

        }

        .logo {

            font-weight: 700;

            font-size: 1.5rem;

            color: var(--primary);

            text-transform: uppercase;

        }

        nav a {

            margin-left: 20px;

            text-decoration: none;

            color: var(--dark);

            font-weight: 400;

            transition: 0.3s;

        }

        nav a:hover { color: var(--primary); }

        /* Hero Section */

        .hero {

            background: linear-gradient(rgba(26, 74, 122, 0.8), rgba(26, 74, 122, 0.8)), 

                        url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1920&q=80');

            background-size: cover;

            background-position: center;

            height: 80vh;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            text-align: center;

            color: white;

            padding: 0 20px;

        }

        .hero h1 { font-size: 3.5rem; margin-bottom: 1rem; }

        .hero p { font-size: 1.2rem; max-width: 800px; margin-bottom: 2rem; }

        .btn {

            background: var(--secondary);

            color: white;

            padding: 15px 35px;

            text-decoration: none;

            border-radius: 50px;

            font-weight: 700;

            transition: 0.3s;

        }

        .btn:hover { background: #27ae60; transform: translateY(-3px); }

        /* Services Section */

        .section { padding: 80px 10%; text-align: center; }

        .section-title { margin-bottom: 50px; }

        .section-title h2 { font-size: 2.5rem; color: var(--primary); }

        .grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 30px;

        }

        .card {

            background: var(--light);

            padding: 40px 30px;

            border-radius: 15px;

            transition: 0.3s;

            border-bottom: 5px solid transparent;

        }

        .card:hover {

            transform: translateY(-10px);

            border-bottom: 5px solid var(--secondary);

            box-shadow: 0 10px 20px rgba(0,0,0,0.05);

        }

        .card h3 { color: var(--primary); margin-bottom: 15px; }

        /* Contact Section */

        .contact-info {

            background: var(--primary);

            color: white;

            padding: 60px 10%;

            display: flex;

            justify-content: space-around;

            flex-wrap: wrap;

        }

        .contact-item { margin: 20px; text-align: center; }

        footer {

            padding: 30px;

            text-align: center;

            background: #111;

            color: #888;

            font-size: 0.9rem;

        }

        @media (max-width: 768px) {

            .hero h1 { font-size: 2.5rem; }

            header { flex-direction: column; }

            nav { margin-top: 15px; }

        }

    </style>

</head>

<body>

    <header>

        <div class="logo">Soluzioni Edilizie</div>

        <nav>

            <a href="#presentazione">Chi Siamo</a>

            <a href="#servizi">Servizi</a>

            <a href="#contatti">Contatti</a>

        </nav>

    </header>

    <section class="hero">

        <h1>Un'unica soluzione alle pratiche edilizie</h1>

        <p>Progettazione, efficientamento energetico e gestione burocratica completa a Conegliano. Professionisti esperti al tuo fianco.</p>

        <a href="#contatti" class="btn">Richiedi una Consulenza</a>

    </section>

    <section class="section" id="presentazione">

        <div class="section-title">

            <h2>Chi Siamo</h2>

            <p>Nato come studio dedito alla progettazione di isolamenti termici e impianti, Soluzioni Edilizie di Massimo Fardin oggi coordina un team di ingegneri, architetti e consulenti per offrirti un servizio chiavi in mano.</p>

        </div>

    </section>

    <section class="section" id="servizi" style="background-color: #fff;">

        <div class="section-title">

            <h2>I Nostri Settori</h2>

        </div>

        <div class="grid">

            <div class="card">

                <h3>Edilizia</h3>

                <p>Nuove costruzioni, ristrutturazioni e gestione completa del cantiere.</p>

            </div>

            <div class="card">

                <h3>Analisi Energetiche</h3>

                <p>Certificazioni APE, diagnosi energetiche e soluzioni per il risparmio.</p>

            </div>

            <div class="card">

                <h3>Indagini Termografiche</h3>

                <p>Certificazione di 2° Livello per individuare perdite, infiltrazioni e ponti termici.</p>

            </div>

            <div class="card">

                <h3>Fisco & Detrazioni</h3>

                <p>Consulenza professionale per Ecobonus, Sismabonus e agevolazioni fiscali.</p>

            </div>

            <div class="card">

                <h3>Sicurezza</h3>

                <p>Coordinamento sicurezza nei cantieri e adempimenti L. 81/08.</p>

            </div>

            <div class="card">

                <h3>Catasto</h3>

                <p>Pratiche catastali, frazionamenti e aggiornamenti planimetrici.</p>

            </div>

        </div>

    </section>

    <section class="contact-info" id="contatti">

        <div class="contact-item">

            <strong>Indirizzo</strong><br>

            Via G. Rossini, 2/D<br>31015 Conegliano (TV)

        </div>

        <div class="contact-item">

            <strong>Telefono</strong><br>

            335 7859974

        </div>

        <div class="contact-item">

            <strong>Email</strong><br>

            info@soluzioniedilizie.it

        </div>

    </section>

    <footer>

        &copy; 2024 Soluzioni Edilizie di Massimo Fardin | P.IVA 04113500260 | <a href="#" style="color:#888">Cookie Policy</a>

    </footer>

</body>

</html>