Audacity: Recreating the Demo - FP RokSprocket Tabs

FP RokSprocket Tabs

This area of the page is a RokSprocket module utilizing the Simple content provider and the Tabs layout.

The settings used in our demo are listed below.

Details

Simple Content Provider

The Tab Label, Link, and Description fields in each item have been altered. A few examples of these article changes can be found below.

Article 1

Description

<div>
    <img alt="image" src="/images/rocketlauncher/home/fp-feature/img-03.jpg">

    <h2 class="title"><span><span class="hidden-tablet">Maximum Performance
    with</span> RokBooster</span></h2>

    <p class="rt-title-tag">Speed</p>

    <p><span>Combine and consolidate CSS, J<span class=
    "hidden-tablet">ava</span>S<span class="hidden-tablet">cript</span>, Fonts
    and Images.</span></p>
</div>
<hr>

<div>
    <img alt="image" src="/images/rocketlauncher/home/fp-feature/img-04.jpg">

    <h2 class="title"><span>R<span class=
    "hidden-tablet">ight-</span>T<span class=
    "hidden-tablet">o-</span>L<span class="hidden-tablet">eft Gantry &amp;
    Template</span> Support</span></h2>

    <p class="rt-title-tag">Multi-Language</p>

    <p><span>Audacity has basic <span class="hidden-tablet">structural</span>
    support for Right-To-Left <span class=
    "visible-large">languages</span>.</span></p>
</div>

Article 2

Description

<div>
    <img alt="image" src="/images/rocketlauncher/home/fp-feature/img-05.jpg">

    <h2 class="title"><span><span class="hidden-tablet">Uniquely Design your
    Modular Content</span><span class="visible-tablet">Module
    Design</span></span></h2>

    <p class="rt-title-tag">Style</p>

    <p><span>A series of classes to individualize <span class=
    "hidden-tablet">title and background</span> style.</span></p>
</div>
<hr>

<div>
    <img alt="image" src="/images/rocketlauncher/home/fp-feature/img-06.jpg">

    <h2 class="title"><span><span class="hidden-tablet">Individualize
    your</span> Modular Structure</span></h2>

    <p class="rt-title-tag">Layout</p>

    <p><span>Individually adjust margins and padding <span class=
    "hidden-tablet">for modules</span>.</span></p>
</div>

Layout Options

Advanced