Hexeris: Recreating the Demo - Demo Replica

Demo Replica

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

The title of this module requires RokCandy in order to appear properly on the screen due to the [span] tags present. See the main RokCandy guide for additional instructions.

Custom Output

Enter the following in the Custom Output text editor.

<div class="gantry-width-20 gantry-width-block">
    <span class="box2 rt-med-icon">
        <span class="rokicon-profile2"></span>
    </span>
</div>

<div class="gantry-width-80 gantry-width-block">
  <div class="smallmarginleft">
        <h5 class="smallmarginbottom">Quick Install.</h5>
        <p class="nomarginbottom">Replicate the demo easily with a custom Joomla installation package.</p>
  </div>
</div>

<div class="clear"></div>
<div class="rt-separator"></div> 

<div class="gantry-width-20 gantry-width-block">
    <span class="box1 rt-med-icon">
        <span class="rokicon-message"></span>
    </span>
</div>

<div class="gantry-width-80 gantry-width-block">
  <div class="smallmarginleft">
        <h5 class="smallmarginbottom">Forum Guide.</h5>
        <p class="nomarginbottom">A forum tutorial on replicating the demo frontpage is also available.</p>
  </div>
</div>

<div class="clear"></div>
<div class="rt-separator"></div> 

<div class="gantry-width-20 gantry-width-block">
    <span class="box4 rt-med-icon">
        <span class="rokicon-alarm-clock"></span>
    </span>
</div>

<div class="gantry-width-80 gantry-width-block">
  <div class="smallmarginleft">
        <h5 class="smallmarginbottom">Sample Images.</h5>
        <p class="nomarginbottom">Due to copyright reasons, demo images are replaced with sample versions.</p>
  </div>
</div>

<div class="clear"></div>
<div class="rt-separator"></div> 

<a class="readon" href="/?amp;view=article&amp;id=8&amp;Itemid=115">Read More</a>

Basic

Advanced