Revolution Slider

  • bg
    Image 3

    Revolution

    Our Creative

    Ideas & Concepts

  • bg
    Image 3

    Responsive &

    Retina Display

    Design Concepts

  • bg
    Image 2

    Client Theme Inspired

    Theme Design

    Ideas & Concepts

  • bg
    Image 2

    Revolution

    Video & Slide

    Ideas & Concepts

<div class="fullwidthbanner">
<ul>
<li data-transition="random" data-slotamount="10" data-masterspeed="300">
<img src="/portals/27/r_slider/slider1.jpg" alt="bg" data-fullwidthcentering="no" />
<div class="tp-caption lfl" data-x="160" data-y="bottom" data-voffset="0" data-speed="800" data-start="800" data-easing="easeOutBack">
<img src="/portals/27/r_slider/slider1-0.png" alt="Image 3" />
</div>
<div class="tp-caption lfr" data-x="706" data-y="100" data-speed="800" data-start="1100" data-easing="easeOutBack">
<h2 class="title2">Revolution</h2>
</div>
<div class="tp-caption lfr" data-x="705" data-y="170" data-speed="800" data-start="1400" data-easing="easeOutBack">
<h1 class="title1">Our Creative</h1>
</div>
<div class="tp-caption lfr" data-x="1022" data-y="260" data-speed="800" data-start="1700" data-easing="easeOutBack">
<h3 class="title3">Ideas &amp; Concepts</h3>
</div>
</li>
<li data-transition="random" data-slotamount="10" data-masterspeed="300">
<img src="/portals/27/r_slider/slider2.jpg" alt="bg" data-fullwidthcentering="on" />
<div class="tp-caption lft" data-x="1100" data-y="095" data-speed="800" data-start="1100" data-easing="easeOutBounce">
<img src="/portals/27/r_slider/slider2-0.png" alt="Image 3" />
</div>
<div class="tp-caption lfl" data-x="203" data-y="100" data-speed="800" data-start="1400" data-easing="easeOutBack">
<h2 class="title2">Responsive &amp;</h2>
</div>
<div class="tp-caption lfl" data-x="203" data-y="170" data-speed="800" data-start="1700" data-easing="easeOutBack">
<h1 class="title1">Retina Display</h1>
</div>
<div class="tp-caption lfl" data-x="440" data-y="260" data-speed="800" data-start="2000" data-easing="easeOutBack">
<h3 class="title3">Design Concepts</h3>
</div>
</li>
<li data-transition="random" data-slotamount="10" data-masterspeed="300">
<img src="/portals/27/r_slider/slider3.jpg" alt="bg" data-fullwidthcentering="on" />
<div class="tp-caption lft" data-x="203" data-y="58" data-speed="800" data-start="800" data-easing="easeOutBack">
<img src="/portals/27/r_slider/slider3-0.png" alt="Image 2" />
</div>
<div class="tp-caption lfr" data-x="680" data-y="100" data-speed="800" data-start="1100" data-easing="easeOutBack">
<h2 class="title2">Client Theme Inspired</h2>
</div>
<div class="tp-caption lfr" data-x="680" data-y="170" data-speed="800" data-start="1400" data-easing="easeOutBack">
<h1 class="title1">Theme Design</h1>
</div>
<div class="tp-caption lfr" data-x="1031" data-y="260" data-speed="800" data-start="1700" data-easing="easeOutBack">
<h3 class="title3">Ideas &amp; Concepts</h3>
</div>
</li>
<li data-transition="random" data-slotamount="10" data-masterspeed="300">
<img src="/portals/27/r_slider/slider4.jpg" alt="bg" />
<div class="tp-caption lfb" data-x="790" data-y="100" data-speed="800" data-start="800" data-easing="easeOutBack">
<img src="/portals/27/r_slider/slider4-0.png" alt="Image 2" />
</div>
<div class="tp-caption lft" data-x="900" data-y="124" data-speed="800" data-start="1100" data-easing="easeOutExpo" data-autoplay="true">
<iframe height="240" width="384" src="http://player.vimeo.com/video/29298709?title=0&amp;byline=0&amp;portrait=0;api=1" style="width: 384px; height: 240px;"></iframe>
</div>
<div class="tp-caption lfl" data-x="203" data-y="100" data-speed="800" data-start="1400" data-easing="easeOutBack">
<h2 class="title2">Revolution</h2>
</div>
<div class="tp-caption lfl" data-x="203" data-y="170" data-speed="800" data-start="1700" data-easing="easeOutBack">
<h1 class="title1">Video &amp; Slide</h1>
</div>
<div class="tp-caption lfl" data-x="400" data-y="260" data-speed="800" data-start="2000" data-easing="easeOutBack">
<h3 class="title3">Ideas &amp; Concepts</h3>
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom bgcolor"></div>
</div>
Planar Client Options
Layout Style
  • Wide
  • Boxed
Theme Preview