3
Sub-Total:
$230.00
Tax (-10.00):
$12.05
Total:
$200.20
View CartCheckout

Carousel Sliders

This is sub heading text to describe the page functionality

HomeShortcodesCarousel Sliders

Image Carousel

Image Carousel Center Mode

Portfolio Carousel

Quality Products for Companies

Design, Development

Nature vs. Man

Design, Development

A Day with Sunshine & Bliss

Design, Development

A Workplace for Champions

Design, Development

Doing it the Chilled Way

Design, Development

Take a Ride in a Luxury Car

Design, Development

Posts Carousel

Our Blog post image goes here
Our Blog post image goes here
Our Blog post image goes here
Our Blog post image goes here
Our Blog post image goes here

Posts Carousel

How To Use:

Note: Carousel Has some Settings, we made it as attributes to make it easier for you to show whatever you wish.

Just Use the following:


<div class="horizontal-slider marginelements" data-slides_count="3" data-scroll_amount="3" data-center-mode="1" data-slider-speed="300" data-slider-infinite="1" data-slider-dots="0" data-slider-arrows="1">


<div class="vertical-slider marginelements" data-slides_count="3" data-scroll_amount="3" data-center-mode="1" data-slider-speed="300" data-slider-infinite="1" data-slider-dots="0" data-slider-arrows="1">

  • data-slides_count: Add number of slides to show.
  • data-scroll_amount: Number of slides to scroll.
  • data-slider-speed: The slides animation speed.
  • data-slider-infinite: 0 / 1 if 1, infinit scroll will be enabled.
  • data-slider-dots: 0 / 1 if 1 Bullets will be shown.
  • data-slider-arrows: 0 / 1 if 1 Arrows will be shown.
  • data-center-mode: 0 / 1 if 1 This will enlarge the centered slide.
  • marginelements This class is to add margins around slides.