The blue background colors are not part of the extension but are added to make it easier to see the different modules.
TIP: Use our Color Classes Module to quickly add a background color via the module class parameter.
LoginSecure Content Eyecatcher Demo
In the module parameters you can choose between 1200+ icons from multiple icon libraries and if that is not enough there is also the option to apply an image as an eyecatcher. There will be no need to apply custom styling via the use of a stylesheet as all styling is done via the module itself and everything can be changed by you the user. By default, the module will implement the styling from your template so straight after installation you are ready to fill it with content.
LoginSecure Content (Eyecatcher Left)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content (Eyecatcher Right)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content (Eyecatcher Top)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content (Eyecatcher Bottom)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content Heading+Description Demo
Fully set up the type of heading inside the module parameters. Let the extension inherit its settings from your template or define your own custom styling incl. font. Quickly align your heading by the simple switch of a button and apply any custom classes or ID to it.
The description settings have the same functionality as the header but with one big edition. You can set the description to output raw HTML and that allows you to create about everything you can think off.
LoginSecure Content (Heading+Description)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content Click To Action Demo
We have said it before a content module without a good click to action function is not really a good content module. So we developed this extension with that in mind and the result is that in this extension the CTA function is the most important one.
Make use of a standalone link that can be customised within the extension or assigned a class to inherit it's settings from your template. Or choose to make the entire module the link so wherever the user clicks it immediately springs into action.
LoginSecure Content (CTA as button)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content (CTA as entire module (disable module title for best effect))
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
Wait there is more!
LoginSecure Content Extra Items
Sometimes one Click to Action is not enough and you want users to quickly see multiple options and CTA for that specific option. For this reason, we also added Items to the extension. Up to ten different items can be added and fully customized.
Each item can have its own eyecatcher, heading, description and Click To Action link. Eyecatchers can be set up to be responsive thus it will fit on every device. And items can be displayed at multiple locations.
Basically, each item is a mini content module inside the big content module.
LoginSecure Content (Extra Items)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content (Extra Items (with more then 10 items))
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.
LoginSecure Content CTA with nested CTA
You might have the need for nested Click To Action functionality and this is possible in multiple ways. Below you will find a couple of examples where we dive deeper into the world of CTA.
LoginSecure Content (CTA as button with Item CTA as button)
Heading text
Aliquam at dui id sem porttitor consequat. In placerat pulvinar ultrices. Suspendisse posuere mauris quis dapibus convallis. Suspendisse ultrices erat congue, dignissim magna in, convallis mauris. Sed arcu massa, iaculis et justo vitae, rhoncus commodo tortor. Donec sed purus a ipsum convallis tincidunt vitae vel justo. Nunc elementum et tellus non pharetra. Nunc sagittis ligula id aliquam varius. Donec laoreet nec mi ac suscipit. Vivamus eu ligula nulla. Nullam luctus mauris a ornare pulvinar. In ante ex, posuere vitae arcu tincidunt, efficitur scelerisque mi. Aliquam tempor libero sit amet mattis interdum.