<div class="col-12">
  <div style="margin: 0; padding: 0" class="container-fluid">
    <div class="row no-gutters">
      <div class="col-12">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <?php
                include ("../inc/db.php");
                $get_links = mysqli_query($db, "SELECT * FROM carousel WHERE actief = TRUE ");
                if (mysqli_num_rows($get_links) > 0) {
                  $x = 0;
                    while ($links = mysqli_fetch_assoc($get_links)) {
                      if ($x == 0 ) echo '<li data-target="#myCarousel" data-slide-to="'. $x . '" class="active"></li>';
                      else echo '<li data-target="#myCarousel" data-slide-to="'. $x . '" ></li>';
$x++;

                    }
                  }
                    ?>
          </ol>

          <!-- Wrapper for slides -->
          <div class="carousel-inner">


            <?php
                include ("../inc/db.php");
                $get_carousel = mysqli_query($db, "SELECT * FROM carousel WHERE actief = TRUE ");
                if (mysqli_num_rows($get_carousel) > 0) {
                  $x = 0;
                    while ($carousel = mysqli_fetch_assoc($get_carousel)) {

                      if ($x == 0 ) echo '<div class="carousel-item active">';
                      else echo '<div class="carousel-item">';
echo '<img src="files/carousel/' . $carousel['image'] . '" alt="Slide 1">';
echo '<div class="carousel-caption d-none d-md-block">';
echo '<h2>' . $carousel['titel']. '</h2>';
echo '<p>' .$carousel['subtitel'] . '</p>';
echo '</div></div>';
$x++;
                    }
                  }
                    ?>
<!--
            <div class="carousel-item active">
              <img src="files/carousel1.jpg" alt="Slide 1">
              <div class="carousel-caption d-none d-md-block">
              <h2>Titel</h2>
              <p>Subtitel</p>
              </div>
            </div>

            <div class="carousel-item">
              <img src="files/carousel2.jpg" alt="Slide 2">
            </div>

            <div class="carousel-item">
              <img src="files/carousel1.jpg" alt="Slide 3">
            </div> -->




          </div>

          <!-- Left and right controls -->
          <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
          </a>
          <a class="carousel-control-next" href="#myCarousel" data-slide="next">
            <span class="carousel-control-next-icon"></span>
          </a>
        </div>
      </div>
    </div>
    <br /><br /><br /><br />
        <div class="row">
          <div class="col-md-1"></div>
             <div class="col-md-3">
               <div class="card mb-4 box-shadow">
                 <div class="card-body">
                   <p class="card-text"><b>Visie</b><br><li>RABC 2.0 is een project waarbij we het klassieke en doorgaans op eenzijdige sponsoring gebaseerde businessmodel van de wielrennerij willen overstijgen, door vanuit de oudste en bekendste wielerclub van het land, met in het zwaartepunt een gerenommeerde U23 en Elite ZC opleidingsploeg, een heuse community uit te bouwen. Een community van particulieren en bedrijven, club-iconen en nieuwe talenten, fans en supporters, actieve en passieve wielerliefhebbers,  mannen en vrouwen, jongeren en ouderen. Kortom, één van de grootse sport communities in België, waarin de voordelen en opportuniteiten voor de leden niet langer eenzijdig, maar wederzijds zijn.</p>
                 </div>
               </div>
             </div>
             <div class="col-md-3">
               <div class="card mb-4 box-shadow">
                 <!-- <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> -->
                 <div class="card-body">
                   <p class="card-text"><b>Missie en doel</b>  <br><li>	wordt terug een gestructureerde wielerploeg waarin jonge (studerende) beloften en elite zonder contract een kans krijgen om een belangrijke stap richting een prof carriëre in de wielersport te zetten.
    <br><li>	heeft hierin een rijke historiek en beschikt over een professionele rennersbegeleiding - dit zowel op technisch, sociaal als medisch gebied – en volgt een uitgebreide wedstrijdkalender.
    <br><li>	wil sportief uitgroeien tot het beste opleidingsteam in Vlaanderen.
    </p>
                 </div>
               </div>
             </div>


             <div class="col-md-3">
               <div class="card mb-4 box-shadow">
                 <!-- <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> -->
                 <div class="card-body">
                   <p class="card-text">
                  <?php
                  include ("../inc/db.php");
                     $get_news = mysqli_query($db, "SELECT * FROM nieuws WHERE actief = TRUE ORDER BY datum DESC LIMIT 1");
                     if (mysqli_num_rows($get_news) > 0) {
                      while ($news_item = mysqli_fetch_assoc($get_news)) {
                  echo " <b> " . date_format(date_create($news_item['datum']), 'd/m/Y') . " - " . $news_item['titel'] . "</b><li>" . $news_item['nieuws'];
                }
                }
                      ?>

                 </div>
               </div>
             </div>
             <div class="col-md-1"></div>
             <div class="col-md-1"></div>

           </div>
  </div>
</div>