Osmosis: Recreating the Demo - FP Footer C

FP Footer C

This area of the front page is a Custom HTML module. You will find the settings used in our demo below.

Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.

Details

Custom Output

<div class="gantry-row smallmargintop">
    <div class="gantry-width-container">
        <div class="gantry-width-50">
            <div class="gantry-width-spacer smallmarginleft">
                <h5 class="medmarginall"><a href="/component/content/article?id=1&Itemid=111">Features</a></h5>
                <h5 class="medmarginall"><a href="/blog/joomla?id=3">Modules</a></h5>
                <h5 class="medmarginall"><a href="/blog/wordpress?id=6">Pages</a></h5>
                <h5 class="medmarginall hidden-tablet"><a href="/blog/design?id=4">Typography</a></h5>
            </div>
        </div>

        <div class="gantry-width-50">
            <div class="gantry-width-spacer smallmarginleft">
                <h5 class="medmarginall"><a href="http://www.rockettheme.com/docs/joomla/templates/osmosis">Tutorial</a></h5>
                <h5 class="medmarginall"><a href="http://www.rockettheme.com/forum/joomla-template-osmosis">Forum</a></h5>
                <h5 class="medmarginall hidden-tablet"><a href="http://www.rockettheme.com/joomla/templates/osmosis">Download</a></h5>
                <h5 class="medmarginall"><a href="http://www.rockettheme.com/joomla/templates/osmosis">Buy</a></h5>
            </div>
        </div>
    </div>
</div>

<div class="clear smallmarginbottom"></div>

<p class="rt-text-small">&copy; <span class="hidden-tablet">Designed </span>by <a href="http://www.rockettheme.com/">RocketTheme</a>.</p>

Basic

Advanced