over-ons.html

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Over Ons - Spik en Span</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
    <style>
        body {
            background-image: url('img/spik.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        .container {
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            padding: 30px;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html">
            <img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24">
            Spik & Span
          </a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="index.html">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="bestellen.html">
                    Tickets Bestellen</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="contact.html">Contact</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="over-ons.html">Over Ons</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="employee-login.php">Medewerkers</a>
              </li>
            </ul>
          </div>
        </div>
    </nav>

    <div class="container">
        <h2>Over spik en span</h2>
        <p><strong>Spik en Span</strong>, bestaande uit Jo Huijnen en Niek Dirkx, is een van de meest succesvolle vastelaoves-duo’s in Limburg.
           Met hun aanstekelijke energie en feestelijke muziek hebben ze zich de afgelopen jaren ontwikkeld tot dé Kampioene van de Nach</p>

        <h2>Succes en prestaties</h2>
        <p>Spik en Span is sinds 2010 actief in de Limburgse vastelaovend-scene en is een vaste naam in het <strong>Limburgs Vastelaoves Leedjes Konkoer (LVK)</strong>.
           Met maar liefst vier LVK-overwinningen mogen ze zich het meest succesvolle duo van het afgelopen decennium noemen.</p>

        <h2>Optredens en repertoire</h2>
        <p>Hun optredens zijn een garantie voor entertainment en plezier. 
          Met nummers die bekend zijn in heel Limburg brengen ze mensen samen om te zingen en te feesten.
           “Geweun jongens” met een prachtig repertoire en spetterende live shows!</p>

        <h2>Hoogtepunten</h2>
        <ul>
            <li>Viervoudig winnaar van het LVK</li>
            <li>Bekend van hits die van Noord tot Zuid worden meegezongen</li>
            <li>Een optreden van Spik en Span staat garant voor sfeer en gezelligheid</li>
        </ul>

        <h2>Contact</h2>
        <p>Wil je Spik en Span boeken voor een optreden of meer informatie? Neem dan contact op via onze <a href="contact.html">contactpagina</a>.</p>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="js/script.js"></script>
</body>
</html>