Animated Tiles - Full Width & Column Variants - Documentation

Possible Layouts

Layout Options: Welcome to the “Cards with Animations” module. The module has 3 layout options. 

• Two Column Orientation: The two cards or two column orientation creates large cards with rounded corners in a row. 
• Three Column Orientation: As the name suggest, this orientation has 3 cards in a row. 
• Full Width Orientation: In this, cards will take up the full width of the website page.  

• Heading and Description: The cards have a heading and a content section. The card can be made clickable to redirect on the desired service page. 
• Responsive and mobile-friendly: The “Cards with Animations” module is designed to provide optimal viewing experiences on various devices, including desktops, tablets, and mobile phones. With its responsiveness, your page will adapt seamlessly, ensuring a consistent and engaging experience across all platforms. 
• Customisation: The “Cards with Animations” module comes with a bunch of customisations, all of which you can control to give the user a seamless experience in tandem with your website’s colours, style, and design.
  

Content features:

Easily add or remove the card panel in content settings.  

Add Heading type and heading content. 

Customise the content and background and font style settings. 

In the content, edit short title, card title, card description, linking settings with additional settings. 

Customise the background colour, short title font, heading font, description font, and hover colours, font style, type and colour from background and font style settings. 

Style features:

Customise the module style, title style, column style and card style from style settings. 

In module style, you can customise the module spacing, background and container settings. 

Customise the spacings and background from module settings. 

Custmise the background type, alignment and container settings from module settings. 

From style settings, customise the column width, columnn gap, corner radius, spacing, title style’s heading font colour, from style settings.