Skip to content

Instantly share code, notes, and snippets.

@jess

jess/_slides.html.erb

Created September 27, 2016 14:52
Show Gist options
  • Save jess/d2a7800319f5497d829de95c6d14a98b to your computer and use it in GitHub Desktop.
Save jess/d2a7800319f5497d829de95c6d14a98b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
_slides.html.erb
<ul>
<!-- SLIDE -->
<li data-index="rs-19"
data-transition="zoomout"
data-slotamount="default"
data-easein="Power4.easeInOut"
data-easeout="Power4.easeInOut"
data-masterspeed="2000"
data-thumb="/revolution-slider/assets/images/timelapse-100x50.jpg"
data-rotate="0"
data-saveperformance="off"
data-title="HTML5 Video"
data-description="">
<!-- MAIN IMAGE -->
<img class="rev-slidebg"
src="/revolution-slider/assets/images/timelapse.jpg"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
data-bgparallax="10"
data-no-retina>
<!-- BACKGROUND VIDEO LAYER -->
<div class="rs-background-video-layer"
data-aspectratio="64:31"
data-autoplay="true"
data-autoplayonlyfirsttime="false"
data-forceCover="1"
data-forcerewind="on"
data-nextslideatend="true"
data-videoendat=”0:52″
data-videoheight="100%"
data-videomp4="/revolution-slider/assets/videos/cates-varsity-web.mp4"
data-videopreload="preload"
data-videostartat=”0:00″
data-videowidth="100%"
data-volume="mute">
</div>
<div id="slide-19-layer-10"
class="tp-caption tp-shape tp-shapewrapper rs-parallaxlevel-0"
style="z-index: 5;background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0);"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="opacity:0;s:2000;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-start="2000"
data-basealign="slide"
data-responsive_offset="on"
data-responsive="off">
</div>
<div id="slide-19-layer-1"
class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0"
style="z-index: 6; white-space: nowrap;"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
>HTML5 VIDEO
</div>
<div id="slide-19-layer-4"
class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0"
style="z-index: 7; white-space: nowrap;"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
>AND LOTS OF OTHER MEDIA
</div>
<div id="slide-19-layer-8"
class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0"
style="z-index: 8; white-space: nowrap;"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:default;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"><i class="pe-7s-ball"></i>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-16"
data-transition="zoomout"
data-slotamount="default"
data-easein="Power4.easeInOut"
data-easeout="Power4.easeInOut"
data-masterspeed="2000"
data-thumb="/revolution-slider/assets/images/datcolor-100x50.jpg"
data-rotate="0"
data-fstransition="fade"
data-fsmasterspeed="1500"
data-fsslotamount="7"
data-saveperformance="off"
data-title="Intro"
data-description="">
<!-- MAIN IMAGE -->
<img class="rev-slidebg"
src="/revolution-slider/assets/images/datcolor.jpg"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
data-bgparallax="10"
data-no-retina>
<!-- LAYERS -->
<div id="slide-16-layer-1"
class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0"
style="z-index: 5; white-space: nowrap;"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']"
data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
>I'M OLDSCHOOL
</div>
<div id="slide-16-layer-4"
class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0"
style="z-index: 6; white-space: nowrap;"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['52','52','52','51']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
>BUT STILL QUITE COOL.
</div>
<div id="slide-16-layer-8"
class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0"
style="z-index: 7; white-space: nowrap;"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:default;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
><i class="pe-7s-refresh"></i>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-17"
data-thumb="/revolution-slider/assets/images/touchit-100x50.jpg"
data-transition="fadetotopfadefrombottom"
data-slotamount="default"
data-easein="Power3.easeInOut"
data-easeout="Power3.easeInOut"
data-masterspeed="1500"
data-rotate="0"
data-saveperformance="off"
data-title="Parallax"
data-description="">
<!-- MAIN IMAGE -->
<img src="/revolution-slider/assets/images/touchit.jpg"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
data-bgparallax="10" class="rev-slidebg"
data-no-retina>
<!-- LAYERS -->
<div id="slide-17-layer-1"
class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-3"
style="z-index: 5; white-space: nowrap;"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']"
data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;"
data-mask_out="x:inherit;y:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
>MOUSE PARALLAX
</div>
<div id="slide-17-layer-4"
class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-2"
style="z-index: 6; white-space: nowrap;"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['52','52','52','51']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-start="1500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
>AIN'T THAT NICE?
</div>
<div id="slide-17-layer-8"
class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-1"
style="z-index: 7; white-space: nowrap;"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['-68','-68','-68','-68']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:default;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
><i class="pe-7s-mouse"></i>
</div>
<div id="slide-17-layer-10"
class="tp-caption tp-resizeme rs-parallaxlevel-8"
style="z-index: 8;"
data-x="['left','left','left','left']"
data-hoffset="['680','680','680','680']"
data-y="['top','top','top','top']"
data-voffset="['632','632','632','632']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-start="2000"
data-responsive_offset="on">
<div class="rs-looped rs-pendulum"
data-easing="linearEaseNone"
data-startdeg="-20"
data-enddeg="360"
data-speed="35"
data-origin="50% 50%">
<img src="/revolution-slider/assets/images/blurflake4.png"
alt=""
width="240"
height="240"
data-ww="['240px','240px','240px','240px']"
data-hh="['240px','240px','240px','240px']"
data-no-retina>
</div>
</div>
<div id="slide-17-layer-11"
class="tp-caption tp-resizeme rs-parallaxlevel-7"
style="z-index: 9;"
data-x="['left','left','left','left']" data-hoffset="['948','948','948','948']"
data-y="['top','top','top','top']" data-voffset="['487','487','487','487']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-start="2000"
data-responsive_offset="on">
<div class="rs-looped rs-wave"
data-speed="20"
data-angle="0"
data-radius="50px"
data-origin="50% 50%">
<img src="/revolution-slider/assets/images/blurflake3.png"
alt=""
width="170"
height="170"
data-ww="['170px','170px','170px','170px']"
data-hh="['170px','170px','170px','170px']"
data-no-retina>
</div>
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-4"
id="slide-17-layer-12"
data-x="['left','left','left','left']" data-hoffset="['719','719','719','719']"
data-y="['top','top','top','top']" data-voffset="['200','200','200','200']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 10;">
<div class="rs-looped rs-rotate" data-easing="Power2.easeInOut" data-startdeg="-20" data-enddeg="360" data-speed="20" data-origin="50% 50%"><img src="/revolution-slider/assets/images/blurflake2.png" alt="" width="50" height="51" data-ww="['50px','50px','50px','50px']" data-hh="['51px','51px','51px','51px']" data-no-retina>
</div>
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-6"
id="slide-17-layer-13"
data-x="['left','left','left','left']" data-hoffset="['187','187','187','187']"
data-y="['top','top','top','top']" data-voffset="['216','216','216','216']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="opacity:0;s:1000;e:Power2.easeInOut;"
data-transform_out="opacity:0;s:1000;s:1000;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 11;">
<div class="rs-looped rs-wave" data-speed="4" data-angle="0" data-radius="10" data-origin="50% 50%"><img src="/revolution-slider/assets/images/blurflake1.png" alt="" width="120" height="120" data-ww="['120px','120px','120px','120px']" data-hh="['120px','120px','120px','120px']" data-no-retina>
</div>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-18" data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="/revolution-slider/assets/images/bike-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Ken Burns" data-description="">
<!-- MAIN IMAGE -->
<img src="/revolution-slider/assets/images/bike.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme rs-parallaxlevel-0"
id="slide-18-layer-9"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['15','15','15','15']"
data-width="500"
data-height="140"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;"
data-mask_out="x:inherit;y:inherit;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 5;background-color:rgba(0, 0, 0, 0.75);border-color:rgba(0, 0, 0, 0.50);">
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0"
id="slide-18-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[-100%];z:0;rZ:35deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 6; white-space: nowrap;">KEN BURNS
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0"
id="slide-18-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['52','51','51','31']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 7; white-space: nowrap;">IN A SMOOTH WAY
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-20" data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="/revolution-slider/assets/images/lambo-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Love it?" data-description="">
<!-- MAIN IMAGE -->
<img src="/revolution-slider/assets/images/lambo.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0"
id="slide-20-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-fontsize="['70','70','70','45']"
data-lineheight="['70','70','70','50']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:[-105%];z:0;rX:0deg;rY:0deg;rZ:-90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitin="chars"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.1"
style="z-index: 5; white-space: nowrap;">LOVE IT?
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0"
id="slide-20-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['52','52','52','51']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap;">GET SLIDER REVOLUTION TODAY
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0"
id="slide-20-layer-8"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-style_hover="cursor:default;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="2000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 7; white-space: nowrap;"><i class="pe-7s-diamond"></i>
</div>
</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment