Slider

<section class="section section-type-menu_pages section-background bg-white section-text-dark section-layout-card-slider">
    <div class="container">
        <h2>Cards Slider</h2>
        <div class="slider-carousel">
            <div class="slider-slide">
                <a href="#" class="card card-space bg-baths text-white">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-pill btn-outline-light btn-sm">folgen</button>
                    </div>
                    <i class="card-icon icon-water"></i>
                    <div class="card-body">
                        <h4 class="card-title">Flußbad Hainbadestelle</h4>
                    </div>
                </a>
            </div>
            <div class="slider-slide">
                <a href="#" class="card card-space bg-energy text-white">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-pill btn-outline-light btn-sm">folgen</button>
                    </div>
                    <i class="card-icon icon-energy-renewable"></i>
                    <div class="card-body">
                        <h4 class="card-title">Erneuerbare Energien</h4>
                    </div>
                </a>
            </div>
            <div class="slider-slide">
                <a href="#" class="card card-space bg-internet text-white">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-pill btn-outline-light btn-sm">folgen</button>
                    </div>
                    <i class="card-icon icon-internet"></i>
                    <div class="card-body">
                        <h4 class="card-title">Glasfasertechnik</h4>
                    </div>
                </a>
            </div>
            <div class="slider-slide">
                <a href="#" class="card card-space bg-baths text-white">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-pill btn-outline-light btn-sm">folgen</button>
                    </div>
                    <i class="card-icon icon-water"></i>
                    <div class="card-body">
                        <h4 class="card-title">Flußbad Hainbadestelle</h4>
                    </div>
                </a>
            </div>
            <div class="slider-slide">
                <a href="#" class="card card-space bg-energy text-white">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-pill btn-outline-light btn-sm">folgen</button>
                    </div>
                    <i class="card-icon icon-energy-renewable"></i>
                    <div class="card-body">
                        <h4 class="card-title">Erneuerbare Energien</h4>
                    </div>
                </a>
            </div>
            <div class="slider-slide">
                <a href="#" class="card card-space bg-internet text-white">
                    <div class="card-header text-right">
                        <button type="button" class="btn btn-pill btn-outline-light btn-sm">folgen</button>
                    </div>
                    <i class="card-icon icon-internet"></i>
                    <div class="card-body">
                        <h4 class="card-title">Glasfasertechnik</h4>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>