Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2014
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.44 KB | None | 0 0
  1. <!-- LayerSlider -->
  2. <div id="slider-wrapper">
  3. <div id="layerslider" style="width:1140px;height:546px;max-width:1140px;">
  4. <!-- Slide 1 -->
  5. <div class="ls-slide" data-ls="slidedelay:10000;transition2d:5; timeshift:-1000;">
  6. <img src="img/layerslider/bg-1.jpg" class="ls-bg" alt="Slide background">
  7. <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;">
  8. Time to go back to the past!
  9. </p>
  10. <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;">
  11. To save the world.
  12. </p>
  13. <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;">
  14. Explore the universe of Chronology.
  15. </p>
  16. <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;">
  17. Where time and space blend differently.
  18. </p>
  19. <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;">
  20. Take on the role of the Old Inventor
  21. </p>
  22. <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;">
  23. on his quest to save the world from destruction!
  24. </p>
  25. </div>
  26. <!-- Slide 1 End -->
  27. <!-- Slide 2 -->
  28. <div class="ls-slide" data-ls="slidedelay:10000;transition2d:5; timeshift:-1000;">
  29. <img src="img/layerslider/bg-2.jpg" class="ls-bg" alt="Slide background">
  30. <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;">
  31. Time changes everything.
  32. </p>
  33. <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;">
  34. And you are the only one who can change time.
  35. </p>
  36. <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;">
  37. Go back and forth through time.
  38. </p>
  39. <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;">
  40. But you're not alone on your quest.
  41. </p>
  42. <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;">
  43. Thanks to your trusty sidekick Snail
  44.  
  45. </p>
  46. <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;">
  47. You will be capable of freezing time as well.
  48. </p>
  49. </div>
  50. <!-- Slide 2 End -->
  51. <!-- Slide 3 -->
  52. <div class="ls-slide" data-ls="slidedelay:10000;transition2d:5; timeshift:-1000;">
  53. <img src="img/layerslider/bg-3.jpg" class="ls-bg" alt="Slide background">
  54. <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;">
  55. Explore fantastical settings.
  56. </p>
  57. <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;">
  58. Populated with futuristic Victorian machines.
  59. </p>
  60. <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;">
  61. As well as more modern sci-fi settings.
  62. </p>
  63. <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;">
  64. Adventure through the episodic content.
  65. </p>
  66. <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;">
  67. Solve time-bending puzzles.
  68. </p>
  69. <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;">
  70. And take in the storyline twists and turns.
  71. </p>
  72. </div>
  73. <!-- Slide 3 End -->
  74. </div>
  75. </div>
  76. <!-- LayerSlider End -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement