Gridder

These modular elements can be readily used and customized in every layout across pages.

For more detail see, Flexslider Documentation

Example

We are smart
We are awesome
Take a breath

<div class="flexslider border-0 overflow-hidden rounded-0 mb-0 rounded">
  <ul class="slides">
    <li class="text-center" data-zanim-timeline='{"delay":0.1}'>
      <div class="bg-holder overlay" style="background-image:url(../assets/img/headers/header-1.jpg);"></div> <!--/.bg-holder-->
      <div class="position-relative py-10">
        <h2 class="ls-1 text-white">We are smart</h2>
      </div>
    </li>
    <li class="text-center" data-zanim-timeline='{"delay":0.1}'>
      <div class="bg-holder overlay" style="background-image:url(../assets/img/headers/header-6.jpg);"></div> <!--/.bg-holder-->
      <div class="position-relative py-10">
        <h2 class="ls-1 text-white">We are awesome</h2>
      </div>
    </li>
    <li class="text-center" data-zanim-timeline='{"delay":0.1}'>
      <div class="bg-holder overlay" style="background-image:url(../assets/img/headers/header-5.jpg);"></div> <!--/.bg-holder-->
      <div class="position-relative py-10">
        <h2 class="ls-1 text-white">Take a breath</h2>
      </div>
    </li>
  </ul>
</div>

Stylesheet

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

Javascript

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

Gridder

Components

Example

We are smart

We are awesome

Take a breath

Stylesheet

Javascript