Advertisement
schiavassa

Ellisium extra slides markup

Jul 31st, 2014
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.51 KB | None | 0 0
  1. {block:IfSlide6ImageImage}
  2.     <li>
  3.         <!-- Start Slide -->
  4.         <figure class="slide two-way media-{block:IfSlide6ImagePosition}{text:Slide 6 Image Position}{/block:IfSlide6ImagePosition}{block:IfNotSlide6ImagePosition}cover{/block:IfNotSlide6ImagePosition} clearfix">
  5.             {block:IfSlide6Title}
  6.                 <div class="slider-block slider-copy">
  7.                     <!-- Heading for desktop -->
  8.                     <div class="hide-on-mobile">
  9.                         <h1 class="slide-heading" data-padding="20 30 40">
  10.                             <span>{text:Slide 6 Title}</span>
  11.                         </h1>
  12.                     </div>
  13.  
  14.                     <!-- Heading for mobile -->
  15.                     <div class="hide-on-desktop">
  16.                         <p class="slide-hightlight"><span>{text:Slide 6 Title}</span></p>
  17.                     </div>
  18.  
  19.                     {block:IfSlide6Description}
  20.                         <!-- Description -->
  21.                         <p class="slide-description"><span>{text:Slide 6 Description}</span></p>
  22.                     {/block:IfSlide6Description}
  23.  
  24.                     {block:IfSlide6BtnLink}{block:IfSlide6BtnText}
  25.                         <!-- Call to action -->
  26.                         <p><a href="{text:Slide 6 Btn Link}" class="large button shadow has-arrow">{text:Slide 6 Btn Text}</a></p>
  27.                     {/block:IfSlide6BtnText}{/block:IfSlide6BtnLink}
  28.                 </div><!-- /.slider-block -->
  29.             {/block:IfSlide6Title}
  30.  
  31.             <div class="slider-block slider-media">
  32.                 {block:IfSlide6ImageLink}<a href="{text:Slide 6 Image Link}">{/block:IfSlide6ImageLink}
  33.                     <img src="{image:Slide 6 Image}">
  34.                 {block:IfSlide6ImageLink}</a>{/block:IfSlide6ImageLink}
  35.             </div><!-- /.slider-block -->
  36.         </figure><!-- /.slide -->
  37.         <!-- End Slide -->
  38.     </li>
  39. {/block:IfSlide6ImageImage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement