
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Turnstunden WebApp</title>
  <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="/jquery-ui/jquery-ui.css">
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="/">Turnstunden WebApp</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-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" href="/">Trainings</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/riege">Riegen</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/teilnehmer">Teilnehmende</a>
        </li>
      </ul>
    </div>
  </nav>
  <div class="container">

<h1>Riegen</h1>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Riege 1</a></li>
        <li><a href="#tabs-2">Riege 2</a></li>  
        <li><a href="#tabs-3">Riege 3</a></li>
        <li><a href="#tabs-4">Riege 4</a></li>
        <li><a href="#tabs-5">Riege 5</a></li>
    </ul>

    <div class="riege" id="tabs-1">
        <h3> Klaas Börgmann (39) </h3>
        <ul>
            <li>  Pascal Terpitz (32) </li>
            <li>  Lilly Warg (18) </li>
            <li>  Louisa Payne (16) </li>
            <li>  Vivien Horn (16) </li>
            <li>  Stella Marie Gartmann (14) </li>
            <li>  Talea Celine Stringa (14) </li>
            <li>  Helena Markwald (14) </li>
            <li>  Lilly-Marie Schmidtke (13) </li>
            <li>  Paula Wewer (11) </li>
            <li>  Emmi Claeys (11) </li>
        </ul>
    </div>

    <div class="riege" id="tabs-2">
        <h3> Rabea Zimmermann (20) </h3>
        <ul>
            <li>  Isabella Esposito (11) </li>
            <li>  Tessa-May Lucie Groom (11) </li>
            <li>  Kira Sergeeva (10) </li>
            <li>  Linn Haustein (10) </li>
            <li>  Charlotte Maria Kamann (10) </li>
            <li>  Dariia Sevchuk (54) </li>
            <li>  Emilia Rack (54) </li>
        </ul>
    </div>

    <div class="riege" id="tabs-3">
        <h3> Laura Schwarz (25) </h3>
        <ul>
            <li>  Mathilda Rack (9) </li>
            <li>  Aylin Schlack (9) </li>
            <li>  Maja Bonna (9) </li>
            <li>  Maysaa Fiad (8) </li>
            <li>  Maya Herrmann (8) </li>
            <li>  Anna Clara Hombogen (8) </li>
            <li>  Lena Maria Endemann (8) </li>
        </ul>
    </div>

    <div class="riege" id="tabs-4">
        <h3> Carlotta Trojahn (14)  Laila Talatou (14) </h3>
        <ul>
            <li>  Malvina Roncato (7) </li>
            <li>  Frida Kropp (7) </li>
            <li>  Emelie Dreißen (7) </li>
            <li>  Carlotta Rütters (6) </li>
            <li>  Emily-Rose Antonia Groom (6) </li>
            <li>  Nicole Al-Khonni (54) </li>
            <li>  Alexa Al-Khonni (54) </li>
        </ul>
    </div>

    <div class="riege" id="tabs-5">
        <h3> Simon Pietkiewicz (20) </h3>
        <ul>
            <li>  Hans-Georg Drayß (86) </li>
            <li>  Marlon Eberhardt (18) </li>
            <li>  Philipp Ilsen (16) </li>
            <li>  Joshua Füchtmeier (13) </li>
            <li>  Aiden-Worn Schmidtke (12) </li>
            <li>  Sean-Pie Pharrell Jacono (10) </li>
            <li>  David Schwarz (8) </li>
            <li>  Engin Özkan (54) </li>
        </ul>
    </div>

</div>
</div>
<script src="/jquery/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/jquery-ui/jquery-ui.js"></script>
</body>
</html>
