joyride-demo.tpl.php in Joyride JQuery for Drupal Site Tours 7

1 theme call to joyride-demo.tpl.php

joyride_help in ./joyride.module

Implements hook_help().

File

templates/joyride-demo.tpl.php

<div class="joyride-demo-page">
  <?php

drupal_add_css(drupal_get_path('module', 'joyride') . '/inc/css/demo.css');
?>
  <?php

drupal_add_css(drupal_get_path('module', 'joyride') . '/inc/css/demo-mobile.css');
?>
  <div class="container">
    <div class="row">
      <div class="twelve columns">
        <h1>ZURB's Joyride Feature Tour Plugin</h1>
        <a href="http://www.zurb.com/playground/jquery_joyride_feature_tour_plugin" id="start">View Docs + Playground for Joyride</a>

        <hr>
      </div>
    </div>

    <br><br>

    <div class="row">
      <div class="twelve columns">
        <h1>Want to start the tour manually?</h1>
        <?php

print theme('joyride_start_link');
?>

        <hr>
      </div>
    </div>

    <br><br>

    <div class="row">
      <div class="six columns">
        <h2 id="numero1" class="so-awesome">Point Out Those New Features!</h2>

        <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia
          quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet
          fermentum.</p>
      </div>
      <div class="six columns">
        <img id="numero5" src="<?php

print url(drupal_get_path('module', 'joyride') . '/inc/css/images/430x200.gif');
?>" style="width: 430px; height: 200px;">
      </div>
    </div>

    <br><br><br><br>

    <div class="row">
      <div class="twelve columns">
        <h3 id="numero3">Get the Most Out of Your App!</h3>

        <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et
          magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet,
          consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      </div>
    </div>

    <br><br><br><br>

    <div class="row">
      <div class="four columns">
        <img src="<?php

print url(drupal_get_path('module', 'joyride') . '/inc/css/images/280x120.gif');
?>" style="width: 430px; height: 200px;">
      </div>
      <div class="eight columns">
        <h3 id="numero2">Customize Each Stop Along the Way</h3>

        <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia
          quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet
          fermentum.</p>
      </div>
    </div>

    <br><br><br><br>

    <div class="row">
      <div class="six columns">
        <h4>Make Every Click Count</h4>

        <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia
          quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet
          fermentum.</p>
      </div>
      <div class="six columns">
        <img src="<?php

print url(drupal_get_path('module', 'joyride') . '/inc/css/images/430x200.gif');
?>" style="width: 430px; height: 200px;">
      </div>
    </div>

    <br><br><br><br>

  </div>
</div>