BB Instal. Kotły Metal Fach HEF

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>BB Instal – Kotły Metal-Fach i HEF | Tarnowskie Góry</title>
  <meta name="description" content="BB Instal – profesjonalna sprzedaż i montaż kotłów Metal-Fach i HEF. Kotły 5 klasy, EcoDesign, dofinansowania. Woj. śląskie – Tarnowskie Góry."/>
  
  
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">

  
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  <style>
    :root {
      --dark: #111;
      --dark2: #1a1a1a;
      --accent: #ff7a00;
      --light: #f5f5f5;
      --gray: #aaa;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: 'Poppins', sans-serif;
      background: var(--dark);
      color: white;
      line-height: 1.6;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }

    /* HEADER */
    header {
      position: fixed;
      top: 0; width: 100%;
      background: rgba(0,0,0,.9);
      z-index: 1000;
    }
    .nav {
      max-width: 1200px;
      margin: auto;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo {
      font-weight: 700;
      font-size: 1.2rem;
    }
    .logo span { color: var(--accent); }

    nav a {
      margin-left: 20px;
      font-size: .9rem;
    }
    .btn {
      background: var(--accent);
      padding: 10px 20px;
      border-radius: 30px;
      font-weight: 600;
    }

    /* HERO */
    .hero {
      height: 100vh;
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
      url('https://images.unsplash.com/photo-1604011237320-8e0506614fdf') center/cover;
      display: flex;
      align-items: center;
      padding-top: 80px;
    }
    .hero-content {
      max-width: 1200px;
      margin: auto;
      padding: 20px;
    }
    .hero h1 {
      font-size: clamp(2rem, 5vw, 3.5rem);
      margin-bottom: 20px;
    }
    .hero p {
      max-width: 600px;
      margin-bottom: 30px;
      color: var(--light);
    }

    /* SECTIONS */
    section {
      padding: 80px 20px;
      max-width: 1200px;
      margin: auto;
    }
    section h2 {
      font-size: 2rem;
      margin-bottom: 20px;
    }
    section p { color: var(--gray); }

    .grid {
      display: grid;
      gap: 30px;
    }
    .grid-3 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

    .card {
      background: var(--dark2);
      padding: 30px;
      border-radius: 15px;
    }

    /* OFFER */
    .offer img {
      border-radius: 10px;
      margin-bottom: 15px;
    }

    /* CTA */
    .cta {
      background: linear-gradient(135deg, var(--accent), #ff9a3d);
      color: black;
      border-radius: 20px;
      padding: 60px 30px;
      text-align: center;
    }
    .cta .btn {
      background: black;
      color: white;
      display: inline-block;
      margin-top: 20px;
    }

    /* CONTACT */
    form input, form textarea {
      width: 100%;
      padding: 12px;
      margin-bottom: 15px;
      border-radius: 8px;
      border: none;
    }

    /* FOOTER */
    footer {
      background: black;
      padding: 30px;
      text-align: center;
      font-size: .85rem;
      color: var(--gray);
    }

    @media(max-width:768px){
      nav { display: none; }
    }
  </style>
</head>

<body>

<header>
  <div class="nav">
    <div class="logo">BB <span>Instal</span> – Kotły Metal-Fach HEF</div>
    <nav>
      <a href="#onas">O nas</a>
      <a href="#oferta">Oferta</a>
      <a href="#dotacje">Dofinansowania</a>
      <a href="#kontakt" class="btn">Zadzwoń teraz</a>
    </nav>
  </div>
</header>

<section class="hero">
  <div class="hero-content" data-aos="fade-up">
    <h1>Kotły centralnego ogrzewania Metal-Fach i HEF</h1>
    <p>Nowoczesne, ekologiczne i ekonomiczne systemy grzewcze. Sprzedaż, montaż i doradztwo – Tarnowskie Góry i woj. śląskie.</p>
    <a href="#kontakt" class="btn">Poproś o ofertę</a>
  </div>
</section>

<section id="onas">
  <h2 data-aos="fade-right">O firmie BB Instal</h2>
  <p data-aos="fade-up">
    BB Instal to doświadczony dostawca kotłów c.o. Metal-Fach i HEF. Stawiamy na
    sprawdzone technologie, certyfikowane urządzenia oraz kompleksową obsługę
    klienta – od doradztwa po montaż i serwis.
  </p>
</section>

<section id="oferta" class="offer">
  <h2 data-aos="fade-right">Nasza oferta</h2>
  <div class="grid grid-3">
    <div class="card" data-aos="zoom-in">
      <img src="https://images.unsplash.com/photo-1581092334475-24f47a4b2b6b">
      <h3>Metal-Fach</h3>
      <p>Kotły pelletowe, automatyczne i hybrydowe. 5 klasa, EcoDesign.</p>
    </div>
    <div class="card" data-aos="zoom-in" data-aos-delay="100">
      <img src="https://images.unsplash.com/photo-1615874959474-d609969a20ed">
      <h3>HEF</h3>
      <p>Tradycyjne kotły c.o. o wysokiej sprawności i trwałości.</p>
    </div>
    <div class="card" data-aos="zoom-in" data-aos-delay="200">
      <img src="https://images.unsplash.com/photo-1603791440384-56cd371ee9a7">
      <h3>Usługi</h3>
      <p>Montaż, serwis, dobór kotła, pomoc w dotacjach.</p>
    </div>
  </div>
</section>

<section id="dotacje">
  <div class="cta" data-aos="fade-up">
    <h2>Dofinansowania – Czyste Powietrze</h2>
    <p>Pomagamy uzyskać dotacje na nowoczesne kotły grzewcze.</p>
    <a href="#kontakt" class="btn">Sprawdź dofinansowanie</a>
  </div>
</section>

<section id="kontakt">
  <h2 data-aos="fade-right">Kontakt</h2>
  <div class="grid grid-3">
    <div class="card" data-aos="fade-up">
      <h3>Dane kontaktowe</h3>
      <p>📞 600 000 000</p>
      <p>✉️ kontakt@bbinstal.pl</p>
      <p>📍 Tarnowskie Góry</p>
    </div>
    <div class="card" style="grid-column: span 2;" data-aos="fade-up">
      <form>
        <input type="text" placeholder="Imię" required>
        <input type="email" placeholder="E-mail" required>
        <input type="tel" placeholder="Telefon">
        <textarea rows="4" placeholder="Wiadomość"></textarea>
        <button class="btn" type="submit">Wyślij zapytanie</button>
      </form>
    </div>
  </div>
</section>

<footer>
  © 2026 BB Instal – Kotły Metal-Fach i HEF | Wszelkie prawa zastrzeżone
</footer>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
  AOS.init({ once: true });
</script>

</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

BB Instal. Kotły Metal Fach HEF #491

Kotły centralnego ogrzewania Metal-Fach i HEF

O firmie BB Instal

Nasza oferta

Metal-Fach

HEF

Usługi

Dofinansowania – Czyste Powietrze

Kontakt

Dane kontaktowe

Metadata

Assignees

Labels

Type

Fields

Projects

Milestone

Relationships

Development

BB Instal. Kotły Metal Fach HEF #491

Description

Kotły centralnego ogrzewania Metal-Fach i HEF

O firmie BB Instal

Nasza oferta

Metal-Fach

HEF

Usługi

Dofinansowania – Czyste Powietrze

Kontakt

Dane kontaktowe

Metadata

Metadata

Assignees

Labels

Type

Fields

Projects

Milestone

Relationships

Development

Issue actions