User1 - JoomlaXTC HTML Module
In the User1 position use our JoomlaXTC HTML Module to display the Our Story text. Use the following mark up for the Module HTML.
HTML
<div class="aboutext"> <h2>OUR STORY</h2> <hr class="motitle"> <br> <div class="row-fluid"> <div data-sr='reset enter left over 0.8s' class="span6"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.</p> </div> <div data-sr='reset enter right over 0.8s' class="span6"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.</p> </div> </div> </div>
Understanding the mark up:
In the HTML we are using the standard Bootstrap 2 classes. The SPAN6 class gives the div 50% width and collapses to 100% for device view. For more information on bootstrap grid classes, please see the bootstrap docs here: Bootstrap Grid Docs.
To create the animations we use scrollreveal.js markup. The scroll to reveal markup uses straightforward and easy to understand data-sr classes. For more information on the scroll to reveal markup, please view the examples: Scroll Reveal Keywords
NOTE: Make sure if you are using a WYSIWYG editor that you have HTML Stripping off or you may lose the HTML markup when saving
For more information on configuring the HTML Module visit the full documentation HERE
