Silck Slider

Fully responsive. Scales with its container.Separate settings per breakpoint Uses CSS3 when available. Fully functional when not.Swipe enabled. Or disabled, if you prefer.Desktop mouse dragging Infinite looping.Fully accessible with arrow key navigation Add, remove, filter & unfilter slides autoplay, dots, arrows, callbacks, etc...

Official Documentation

Usage

CSS

In order to use this plugin on your page you will need to include the following styles in the Page CSS area from the page’s head section.

<link rel="stylesheet" href="../assets/css/slick.css" />
<link rel="stylesheet" href="../assets/css/slick-theme.css" />

JS

In order to use this plugin on your page you will need to include the following script in the “Page JS” area from the page’s footer.

 <script src="../assets/js/slick.min.js"></script>

Spacely - Realtor Directory & Listing Bootstrap Template

<div class="row">
    <div class="col-xl-12">
        <div class="hero-slider">
            <!-- hero slider item start  -->
            <div class="hero-slider-item">
                <img src="../assets/images/hero-slide-img-1.jpg" alt="" class="img-fluid">
            </div>
            <div class="hero-slider-item">
                <img src="../assets/images/hero-slide-img-2.jpg" alt="" class="img-fluid">
            </div>
            <div class="hero-slider-item">
                <img src="../assets/images/hero-slide-img-3.jpg" alt="" class="img-fluid">
            </div>
            <!-- hero slider item close  -->
        </div>
    </div>
</div>