Zion flexslider

The best responsive slider. Period.

See Doc

Stylesheet

<link rel="stylesheet" href="assets/lib/flexslider/flexslider.css" />

JavaScript

<script src="assets/lib/flexslider/jquery.flexslider-min.js"></script>

Example

We are smart
We are awesome
Take a breath

<div class="flexslider text-center">
  <ul class="slides">
    <li class="text-center">
      <div class="bg-holder overlay rounded" style="background-image:url(assets/img/1.jpg);"></div>
      <div class="row align-items-center min-vh-50">
        <div class="col">
          <h2 class="ls-1 text-white">We are smart</h2>
        </div>
      </div>
    </li>
    <li class="text-center">
      <div class="bg-holder overlay rounded" style="background-image:url(assets/img/2.jpg);"></div>
      <div class="row align-items-center min-vh-50">
        <div class="col">
          <h2 class="ls-1 text-white">We are awesome</h2>
        </div>
      </div>
    </li>
    <li class="text-center">
      <div class="bg-holder overlay rounded" style="background-image:url(assets/img/3.jpg);"></div>
      <div class="row align-items-center min-vh-50">
        <div class="col">
          <h2 class="ls-1 text-white">Take a breath</h2>
        </div>
      </div>
    </li>
  </ul>
</div>