<div class="rt-demo-block gantry-width-50 gantry-width-block rt-bottom-space">
  <div class="gantry-width-spacer nomargintop">
    <p><strong>RokSprocket</strong> is a powerful and multi-faceted <strong>content</strong> display extension, that combines many different <strong>layout modes</strong>; with a <strong>custom</strong> built user interface. <span class="visible-large">The UI has AJAX support, for easy and efficient control, such as dynamic filters.</span></p>
    <div>
    <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img1.jpg" /></span>
    <h4 class="smallmarginbottom">Mosaic <span class="hidden-tablet">Mode</span></h4>
    <p class="nomarginbottom hidden-tablet">Mosaic is a dynamic ajax content display mode, perfect for content sites.</p>
    <p class="nomarginbottom visible-tablet">A dynamic ajax content display layout mode.</p>
    </div>
  </div>
</div>

<div class="rt-demo-block gantry-width-50 gantry-width-block">
  <div class="gantry-width-spacer nomargintop">
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img2.jpg" /></span>
      <h4 class="nomargintop smallmarginbottom"><span class="hidden-tablet">Tabbed Content</span><span class="visible-tablet">Tabs</span></h4>
      <p class="nomarginbottom">Tabs mode displays your content within dynamically adjusting tabs.</p>
    </div>
    <div class="clear"></div>
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img3.jpg" /></span>
      <h4 class="smallmarginbottom"><span class="hidden-tablet">More Layout Types</span><span class="visible-tablet">Layouts</span></h4>
      <p class="nomarginbottom hidden-tablet">Also included are the headlines, lists, and features modes.</p>
      <p class="nomarginbottom visible-tablet">Headlines, lists, and features modes.</p>
    </div>
    <div class="clear"></div>
  </div>
</div>