Discovery Timeline Cards

This Discovery Timeline Cards presents a chronological sequence of key milestones, discoveries, or events in an easy-to-follow alternating card layout. A central vertical timeline connects each milestone, while the left and right positioned cards improve readability and visual balance

The Discovery Timeline Cards Module allows users to present chronological events, milestones, or project stages using an alternating card layout along a central timeline. Each timeline item is displayed as an individual card connected to the timeline, making it easy to visualize the sequence of events.

Functionality

• Add Timeline Items: Create multiple timeline cards, each representing a milestone or event.
• Year Badge: Display a year or date at the top of each card to indicate when the event occurred.
• Content Fields: Each card supports a title, description, and an optional secondary field (such as a scientist, author, category, or location).
• Alternating Layout: Cards automatically alternate between the left and right sides of the timeline for better readability.
• Central Timeline: A vertical timeline with milestone indicators visually connects all cards in chronological order.
• Responsive Design: The module adapts across desktop, tablet, and mobile devices while maintaining a clean, organized layout.
• Customizable Styling: Colors, typography, spacing, and card appearance can be customized to match your website's branding.

This module is ideal for displaying historical timelines, company milestones, project roadmaps, product evolution, educational content, research discoveries, and other chronological stories.

Below is a list of all the customization options available for the Discovery Timeline Cards

Content

Drag and drop the Discovery Timeline Cards into your desired location on the page.

The drag and drop the module default show review Discovery Timeline Cards group to change the content.

Add a year for the respective text field to clearly indicate its purpose and guide users in entering the appropriate content.

Add a title for the respective text field to clearly indicate its purpose and guide users in entering the appropriate content.

Users can also add description in the respective text field.

Users can also add author name in the respective text field.

User can select the image position in the dropdown options field.

users can enable or disable the year field using checkbox field.

Users can change the title font and color.

User can change description styles like font and color.

User can change the author styles such as font and color.

Users can change the location styles such as font and color.

Users can change card background color using respective color field.

Users can change the card content direction on horizontal or vertical position.

User can change the vertical timeline bar color using respective color field.

User can change the vertical Icon color using respective color field.

User can change the card spacing around the content using respective field.

User can Adjust the card width using respective style field.

User can Adjust the card corner radius using respective style field.