<header id="banner-rotativo">

<div id="carouselExampleDark" class="carousel carousel-fade slide" data-bs-ride="carousel">

  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2"></button>
	<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="3"></button>
  </div>

  <div class="carousel-inner">

    <div class="carousel-item active" data-bs-interval="7000">
      <img src="<?=$url;?>image/banner/1.jpg" class="d-block w-100" alt="Banner 1">
    </div>

    <div class="carousel-item" data-bs-interval="7000">
      <img src="<?=$url;?>image/banner/2.jpg" class="d-block w-100" alt="Banner 2">
    </div>

    <div class="carousel-item" data-bs-interval="7000">
      <img src="<?=$url;?>image/banner/3.jpg" class="d-block w-100" alt="Banner 3">
    </div>
	 <div class="carousel-item" data-bs-interval="7000">
      <img src="<?=$url;?>image/banner/4.jpg" class="d-block w-100" alt="Banner 3">
    </div>

  </div>

  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </button>

  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
    <span class="carousel-control-next-icon"></span>
  </button>

</div>

</header>