User31 - JoomlaXTC HTML Module
In the User37 position use our JoomlaXTC HTML Module to display the contact text. Use the following mark up for the Module HTML.
HTML
<div data-sr='reset scale up 80% opacity 1 over 2s' class="user37mod_wrap"> <div class="row-fluid user37mod"> <div class="span6"> <h2 class="gradient1">GET IN TOUCH <i class="fa fa-angle-double-right gradient1"></i> </h2> </div> <div class="span6"> <a href="#" class="btn btn-large btn-primary" style="margin-top:6px;"><i class="fa fa-envelope"></i> REQUEST QUOTE</a> </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
