<!DOCTYPE html>

<html lang="de">

<head>

  <meta charset="UTF-8">

  <title>BK-Eventrent</title>

  <link rel="stylesheet" href="css/style.css">

</head>

<body>


<header class="navbar">

  <div class="nav-brand">BK-Eventrent</div>

  <nav>

    <a href="index.html">Homepage</a>

    <a href="leistungen.html">Leistungen</a>

    <a href="mietkatalog.html">Mietkatalog</a>

    <a href="kontakt.html">Kontakt</a>

  </nav>

</header>


<section class="hero">

  <video autoplay muted loop>

    <source src="media/video/background.mp4" type="video/mp4">

  </video>

  <div class="hero-overlay">

    <h1>Eventtechnik. Service. Fotografie.</h1>

  </div>

</section>


<section class="services">

  <div class="service-card">

    <h2>Vermietung von Veranstaltungstechnik</h2>

    <p>Ton-, Licht- & Eventtechnik</p>

    <a class="btn" href="mietkatalog.html">Mietkatalog</a>

  </div>


  <div class="service-card">

    <h2>Technischer Eventservice</h2>

    <p>Technische Betreuung, DJ-Service</p>

  </div>


  <div class="service-card">

    <h2>Fotografie</h2>

    <p>Events & Portraits</p>

    <a class="btn" href="#">Fotobuch</a>

  </div>

</section>


<footer>

  <a href="impressum.html">Impressum</a>

  <a href="datenschutz.html">Datenschutz</a>

</footer>


</body>

</html>