Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- LayerSlider -->
- <div id="slider-wrapper">
- <div id="layerslider" style="width:1140px;height:546px;max-width:1140px;">
- <!-- Slide 1 -->
- <div class="ls-slide" data-ls="slidedelay:10000;transition2d:5; timeshift:-1000;">
- <img src="img/layerslider/bg-1.jpg" class="ls-bg" alt="Slide background">
- <p class="ls-l" style="top:170px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#38a561;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:1500;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Time to go back to the past!
- </p>
- <p class="ls-l" style="top:215px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:1500;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- To save the world.
- </p>
- <p class="ls-l" style="top:280px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#38a561;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:4000;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Explore the universe of Chronology.
- </p>
- <p class="ls-l" style="top:325px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:4000;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- Where time and space blend differently.
- </p>
- <p class="ls-l" style="top:390px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#38a561;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:6500;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Take on the role of the Old Inventor
- </p>
- <p class="ls-l" style="top:435px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:6500;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- on his quest to save the world from destruction!
- </p>
- </div>
- <!-- Slide 1 End -->
- <!-- Slide 2 -->
- <div class="ls-slide" data-ls="slidedelay:10000;transition2d:5; timeshift:-1000;">
- <img src="img/layerslider/bg-2.jpg" class="ls-bg" alt="Slide background">
- <p class="ls-l" style="top:170px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#e4545b;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:1500;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Time changes everything.
- </p>
- <p class="ls-l" style="top:215px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:1500;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- And you are the only one who can change time.
- </p>
- <p class="ls-l" style="top:280px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#e4545b;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:4000;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Go back and forth through time.
- </p>
- <p class="ls-l" style="top:325px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:4000;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- But you're not alone on your quest.
- </p>
- <p class="ls-l" style="top:390px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#e4545b;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:6500;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Thanks to your trusty sidekick Snail
- </p>
- <p class="ls-l" style="top:435px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:6500;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- You will be capable of freezing time as well.
- </p>
- </div>
- <!-- Slide 2 End -->
- <!-- Slide 3 -->
- <div class="ls-slide" data-ls="slidedelay:10000;transition2d:5; timeshift:-1000;">
- <img src="img/layerslider/bg-3.jpg" class="ls-bg" alt="Slide background">
- <p class="ls-l" style="top:170px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#e4545b;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:1500;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Explore fantastical settings.
- </p>
- <p class="ls-l" style="top:215px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:1500;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- Populated with futuristic Victorian machines.
- </p>
- <p class="ls-l" style="top:280px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#e4545b;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:4000;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- As well as more modern sci-fi settings.
- </p>
- <p class="ls-l" style="top:325px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:4000;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- Adventure through the episodic content.
- </p>
- <p class="ls-l" style="top:390px;left:700px;font-weight: 300;height:38px;padding-right:10px;padding-left:10px;font-size:24px;line-height:37px;color:#ffffff;background:#e4545b;border-radius:4px;white-space: nowrap;" data-ls="durationin:3000;delayin:6500;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
- Solve time-bending puzzles.
- </p>
- <p class="ls-l" style="top:435px;left:700px;font-weight: 300;font-size:20px;color:#fff;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:6500;rotateyin:90;skewxin:60;transformoriginin:25% 50% 0;offsetxout:100;durationout:750;skewxout:60;">
- And take in the storyline twists and turns.
- </p>
- </div>
- <!-- Slide 3 End -->
- </div>
- </div>
- <!-- LayerSlider End -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement