- Está aquí:
- Home
- Typography
- Joomlage.com Template articles
Let your site visitors have the best viewing experience no matter what device they are using. Lectron is a fully functional responsive design that scales to adapt to any screen size allowing your content to display in the best manner possible. A new feature in this design is the off canvas sidebar menu for responsive devices. In the templates responsive design control options you can toggle module blocks on/off depending on whether you want them displayed on small devices or not.
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.
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron" style="font-color: #ffffff;">
<div class="container">
<h1 class="animate fadeInDown" style="text-align: center; font-size: 40px;">Lets Talk Nano</h1>
<p class="animate fadeIn" style="text-align: center;">Nano is a slick new design with some cool new features to give your site that cutting edge look. Features include OffCanvas sidebar Menu, Image Hover Effects, Full-width slideshow, Updated Css only Drop-down menu, Jumbotron module position, Font awesome, Css animations, Thumbnails Gallery and much more. Nano lets you create any color site layout you want using the template parameters. Enjoy!</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>
</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.
