Slider section

Sections documentation

  1. Home
  2. Sections
  3. Slider

Background image section

Lorem ipsum dolor, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Installation

<link rel="stylesheet" href='../../HTWF/scripts/flexslider/flexslider.css'>        
<script src='../../HTWF/scripts/flexslider/jquery.flexslider-min.js'></script>

Usage

<div class="section-slider box-middle-container" style="height:350px;">
    <div class="flexslider slider white">
        <ul class="slides">
            <li>
                <div class="bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
            </li>
            <li>
                <div class="bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
            </li>
            <li>
                <div class="bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')"></div>
            </li>
        </ul>
    </div>
    <div class="container content overlay-content box-middle white text-center">
        ...
    </div>
</div>

Main settings

Name Type Description
Slider settings Information Slider is part of the slider component. Complete documentation here