Interactive Widgets

<div class="widgets-rw panel-sliding-rw slide-horizontal|slide-vertical" id="ps1">
<div class="frame-rw">
<ul>
    <li><img alt="" src="default-graphic.png" />
        <p class="caption-rw">Image caption goes here...</p>
    </li>
    <li><img alt="" src="default-graphic.png" />
        <p class="caption-rw">Image caption goes here...</p>
    </li>
    <li><img alt="" src="default-graphic.png" />
        <p class="caption-rw">Image caption goes here...</p>
    </li>
    <li><img alt="" src="default-graphic.png" />
        <p class="caption-rw">Image caption goes here...</p>
    </li>
    <li><img alt="" src="default-graphic.png" />
        <p class="caption-rw">Image caption goes here...</p>
    </li>
</ul>
</div>
</div>

<div class="widgets-rw panel-tutorial-rw slide-horizontal|slide-vertical" id="pt1">
<div class="frame-rw">
   <div class="frame-content-rw">
      <p>Frame 1</p>
   </div>
   <div class="frame-content-rw">
      <p>Frame 2</p>
   </div>
   <div class="frame-content-rw">
      <p>Frame 3</p>
   </div>
   <div class="frame-content-rw">
      <p>Frame 4</p>
   </div>
   <div class="frame-content-rw">
      <p>Frame 5</p>
   </div>
</div>
</div>

<div class="widgets-rw panel-scrolling-rw scroll-horizontal|scroll-vertical|scroll-both" id="psc1">
<div class="frame-rw">
   <p>Scrolling content goes here...</p>
</div>
</div>

<div class="widgets-rw panel-lockedrw" id="plf1">
   <div class="frame-locked-rw">
      <img alt="" src="default-graphic.png" />
   </div>
   <div class="widgets-rw panel-sliding-text-rw" id="pst2">
      <div class="frame-rw">
         <p>Scrolling content goes here...</p>
      </div>
   </div>
</div>

<div class="widgets-rw popup-text-rw" id="pop1">
   <p>Popup content goes here...</p>
</div>

<div class="widgets-rw reveal-rw" id="rev1">
   <p>Reveal content goes here...</p>
</div>