<div class="carousel">
    <div class="carousel-inner">
        <div class="carousel-item carousel-item-first"><h1></h1></div>
        <div class="carousel-item carousel-item-second"><h1></h1></div>
        <div class="carousel-item carousel-item-third"><h1></h1></div>
        <div class="carousel-item carousel-item-fourth"><h1></h1></div>
        <div class="carousel-item carousel-item-fifth"><h1></h1></div>
        <div class="carousel-item carousel-item-sixth"><h1></h1></div>
    </div>
    <div class="carousel-controls">
        <span class="prev"></span>
        <span class="next"></span>
    </div>
    <div class="carousel-indicators"></div>
</div>

<script src="js/index/carousel.js"></script>