<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>STAVBY ZDE</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>

<header>
    <div class="logo">STAVBY <span>ZDE</span></div>

    <nav>
        <a href="#">ÚVOD</a>
        <a href="#">SLUŽBY</a>
        <a href="#">O NÁS</a>
        <a href="#">REALIZACE</a>
    </nav>

    <div class="phone">
        <i class="fa-solid fa-phone"></i>
        +420 773 029 573
    </div>
</header>

<section class="hero">
    <div class="overlay"></div>

    <div class="hero-content">
        <h1>STAVEBNÍ PRÁCE</h1>
        <h2>PRAHA A STŘEDOČESKÝ KRAJ</h2>

        <p>
            Kvalitní práce, férové jednání a spolehlivý tým.
        </p>

        <div class="features">

            <div class="feature">
                <i class="fa-solid fa-users"></i>
                <h3>ZKUŠENÝ TÝM</h3>
                <p>Dlouholeté zkušenosti v oboru</p>
            </div>

            <div class="feature">
                <i class="fa-solid fa-shield"></i>
                <h3>SPOLEHLIVOST</h3>
                <p>Dodržujeme termíny</p>
            </div>

            <div class="feature">
                <i class="fa-solid fa-helmet-safety"></i>
                <h3>FÉROVÉ CENY</h3>
                <p>Transparentní ceny</p>
            </div>

        </div>

        <div class="buttons">
            <a class="btn yellow" href="#">ZAVOLAT</a>
            <a class="btn dark" href="#">WHATSAPP</a>
        </div>

    </div>
</section>

<section class="services">

    <h2>NAŠE <span>SLUŽBY</span></h2>

    <div class="cards">

        <div class="card">
            <img src="rekonstrukce.jpg">
            <h3>REKONSTRUKCE</h3>
            <p>Kompletní rekonstrukce bytů a domů.</p>
        </div>

        <div class="card">
            <img src="stavba.jpg">
            <h3>STAVEBNÍ PRÁCE</h3>
            <p>Zednické práce, bourání a montáže.</p>
        </div>

        <div class="card">
            <img src="praha.jpg">
            <h3>LOKALITA</h3>
            <p>Praha a Středočeský kraj.</p>
        </div>

    </div>

</section>

<section class="contact">

    <h2>KONTAKT</h2>

    <h3>+420 773 029 573</h3>

    <p>stavbyzde@email.cz</p>

    <a class="contact-btn yellow" href="#">
        NAPSAT ZPRÁVU
    </a>

    <a class="contact-btn green" href="#">
        WHATSAPP
    </a>

</section>

<footer>
    © 2026 STAVBY ZDE | Praha
</footer>

</body>
</html>