<head></head><body><div data-bs-ride="carousel" class="carousel slide carousel-dark" id="carousel-1" style="height: 600px;">
    <div class="carousel-inner h-100">
        <div class="carousel-item active h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png" alt="Slide Image" style="z-index: -1;">
            <div class="container d-flex flex-column justify-content-center h-100">
                <div class="row">
                    <div class="col-md-6 col-xl-4 offset-md-2">
                        <div style="max-width: 350px;" class="">
                            <h1 class="text-uppercase fw-bold">Biben dum<br class="">fringi dictum, augue purus</h1>
                            <p class="my-3">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien,
                                risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png" alt="Slide Image" style="z-index: -1;">
            <div class="container d-flex flex-column justify-content-center h-100">
                <div class="row">
                    <div class="col-md-6 col-xl-4 offset-md-2">
                        <div style="max-width: 350px;" class="">
                            <h1 class="text-uppercase fw-bold">Biben dum<br class="">fringi dictum, augue purus</h1>
                            <p class="my-3">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien,
                                risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png" alt="Slide Image" style="z-index: -1;">
            <div class="container d-flex flex-column justify-content-center h-100">
                <div class="row">
                    <div class="col-md-6 col-xl-4 offset-md-2">
                        <div style="max-width: 350px;" class="">
                            <h1 class="text-uppercase fw-bold">Biben dum<br class="">fringi dictum, augue purus</h1>
                            <p class="my-3">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien,
                                risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class=""><a href="#carousel-1" role="button" data-bs-slide="prev" class="carousel-control-prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a href="#carousel-1" role="button" data-bs-slide="next" class="carousel-control-next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a>
    </div>
    <ol class="carousel-indicators">
        <li data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></li>
        <li data-bs-target="#carousel-1" data-bs-slide-to="1" class=""></li>
        <li data-bs-target="#carousel-1" data-bs-slide-to="2" class=""></li>
    </ol>
</div></body>