// Carousel JS Working as of 21/02/2025
if(location.pathname == '/'){
var carousel = '<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> \
  <!-- Indicators --> \
  <ol class="carousel-indicators"> \
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> \
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> \
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> \
  </ol> \
  <!-- End Indicators --> \
  <!-- Wrapper for slides --> \
  <div class="carousel-inner"> \
    <div class="item"> \
      <img src="https://bespokeadvertising.com.mx/img/oftalmo/recurso_4.png" alt="Banner de celebración" style="margin: auto;width: 100%;"> \
      <div class="carousel-caption"> \
          <h3></h3> \
      </div> \
    </div> \
    <div class="item"> \
      <img src="https://bespokeadvertising.com.mx/img/oftalmo/recurso_5.png" alt="Banner de celebración" style="margin: auto;width: 100%;"> \
      <div class="carousel-caption"> \
          <h3></h3> \
      </div> \
    </div> \
    <div class="item"> \
      <img src="https://bespokeadvertising.com.mx/img/oftalmo/recurso_6.png" alt="Banner de celebración" style="margin: auto;width: 100%;"> \
      <div class="carousel-caption"> \
          <h3></h3> \
      </div> \
    </div> \
    </div> \
  </div> \
  <!-- End Slide Wrapper--> \
  <!-- Controls --> \
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> \
    <span class="glyphicon glyphicon-chevron-left"></span> \
  </a> \
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> \
    <span class="glyphicon glyphicon-chevron-right"></span> \
  </a> \
</div> <!-- Carousel -->';
 
$('#feature').html(carousel);
}