Sequential Content 2
Sequential Content 2 section layout allows for a headline, message, and content tiles in a 3-column text format; similar to multi-item section 7. This unique timeline-layout section is designed to help illustrate steps along a timeline, using the subtitle area to mark each step (e.g., Step 1, Step 2, etc.). Each content tile allows for a title and text.
Continue reading to explore the required and optional elements for this section. Scroll down to view samples of this section in Dark, Light, and Primary (blue) color options available in TWM.
Required Elements
- Background color
- Justification (center)
- Sequential content tiles**
- Requires three tiles
- Main title required with at least one optional element
Optional
- Intro title and/or paragraph
- Headline(s)
- Tile subtitle(s)
- Tile paragraph
- Disclaimer
Section Capabilities
- Layout similar to Multi-Item section 7 with 3-column text format
- Idea: use subtitle area to mark the "steps" along the timeline
- Example: Step 1, Step 2, etc.
- **Layout combinations for the tiles:
- Title and paragraph
- Subtitle, title, and paragraph
- Subtitle, title, paragraph (all tile features)
Heading and Message Subtitle
Heading and Message Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in sapien risus. Mauris venenatis dui eget imperdiet fermentum. Quisque vel suscipit turpis, id cursus quam. Cras ut lorem non dui ultricies congue.
Step 1
Sequential Content Title
Lorem ipsum dolor sit amet, diam movet sanctus et pro, an nec dictas oporteat praesent, est ex veri adipiscing voluptatum. Indoctum voluptatibus cum in, te liber tation audiam nec.
Sequential Content 2
Step 3
Sequential Content 3
Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.
This is an example of the disclaimer text. This is an optional element in most cases.
Heading and Message Subtitle
Heading and Message Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in sapien risus. Mauris venenatis dui eget imperdiet fermentum. Quisque vel suscipit turpis, id cursus quam. Cras ut lorem non dui ultricies congue.
Step 1
Sequential Content Title
Lorem ipsum dolor sit amet, diam movet sanctus et pro, an nec dictas oporteat praesent, est ex veri adipiscing voluptatum. Indoctum voluptatibus cum in, te liber tation audiam nec.
Sequential Content 2
Step 3
Sequential Content 3
Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.
Heading and Message Subtitle
Heading and Message Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in sapien risus. Mauris venenatis dui eget imperdiet fermentum. Quisque vel suscipit turpis, id cursus quam. Cras ut lorem non dui ultricies congue.
Step 1
Sequential Content Title
Lorem ipsum dolor sit amet, diam movet sanctus et pro, an nec dictas oporteat praesent, est ex veri adipiscing voluptatum. Indoctum voluptatibus cum in, te liber tation audiam nec.
Sequential Content 2
Step 3
Sequential Content 3
Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.