Слайдер

← разместить еще код

Расшаренный код:

<div class="uk-slidenav-position" data-uk-slideshow="{autoplay: true}">
          <ul class="uk-slideshow">
            <li>
              <img src="https://mir-s3-cdn-cf.behance.net/project_modules/1400/127ab358306779.59f77e6e17a46.jpg" alt="">
              <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center">
                <div>
                  <h3 class="uk-heading-large">BLABLABLA</h3>
                  <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi aliquam repellat, incidunt praesentium amet officia necessitatibus placeat id, asperiores beatae vero dignissimos temporibus? Maxime quibusdam ad rerum nihil dolore itaque.
                  </p>
                </div>
              </div>
            </li>
            <li>
              <img src="https://mir-s3-cdn-cf.behance.net/project_modules/1400/2135a058306779.59f77e6ec0503.jpg" alt="">
            </li>
          </ul>

          <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
          <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
          <ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
            <li data-uk-slideshow-item="0"><a href=""></a></li>
            <li data-uk-slideshow-item="1"><a href=""></a></li>
          </ul>
        </div>