Tiny File Manager

Back Back Up Advanced Editor

<div class="hero">
        <div id="hero_slider" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="10" aria-label="Slide 11"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="11" aria-label="Slide 12"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="12" aria-label="Slide 13"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="13" aria-label="Slide 14"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="14" aria-label="Slide 15"></button>
                <button type="button" data-bs-target="#hero_slider" data-bs-slide-to="15" aria-label="Slide 16"></button>

</div>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="uploads/slider/1.jpeg" class="d-block w-100" alt="...">
                </div>
                
                <div class="carousel-item">
                    <img src="uploads/slider/2.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/3.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/4.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/5.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/6.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/7.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/8.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/9.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/10.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/11.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/12.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/13.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/14.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/15.jpeg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="uploads/slider/16.jpeg" class="d-block w-100" alt="...">
                </div>
              
         
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#hero_slider" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#hero_slider" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>