<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div class="carousel slide carousel-fade" id="av" data-ride="carousel" data-interval="1000">
                <ol class="carousel-indicators">
                    <li data-target="#av" data-slide-to="0" class="active"></li>
                    <li data-target="#av" data-slide-to="1" class="active"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="image/slider1.jpg" class="img-fluid w-100">
                    </div>
                    <div class="carousel-item">
                        <img src="image/slider2.jpg" class="img-fluid w-100">
                    </div>
                </div>
                <a href="#av" class="carousel-control-prev" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a href="#av" class="carousel-control-next" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>

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