Editing Module Suffixes in this template
To edit an existing Suffix Class simply access the css/modules-class-suffixes.css file in the template and edit as required.
To create a Jumbotron as in the demo simply do the following.
1: Create a custom html module in module position Jumbotron add the code shown below to the modules Html.
2: To style go to the templates parameters. Click on the Jumbotron parameters tab and style as required.
<div id="jumbotron-content" style="padding: 20px; margin-top: 170px;"> <h1 style="text-align: center; font-size: 45px; line-height: 75px; margin: 0px;">Jumbotron</h1> <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p style="text-align: center;"> </p> <p class="animate fadeInUp" style="text-align: center;"><a class="jumbotron-btn fade">Lorem Ipsum »</a></p> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
See all 6 examples below by hovering over each image. To use an image effect of your choice simply copy the code snippet under the image into the Html of your article or custom html module. Edit the src path to your image and edit the Href tag to point to the page you want to link too in your site.