Steps + Numbered (Including Accent Light)
Sequence Setup

This module can be used for both Sequence Module Steps and Numbered, including the accent light versions.

Any number of sequence tiles can be added to c-sequence within the module.

Corresponding tiles for each sequence module:

  • Steps: '_Tile/Sequence'
  • Steps Accent Light: '_Tile/Sequence Accent Light'
  • Numbered: '_Tile/Sequence Numbered'
  • Numbered Accent Light: '_Tile/Sequence Numbered Accent Light'
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

CMS Version


  1. Connect a CMS Collection: Link your desired CMS collection.
  2. Add component: Insert the corresponding component into the CMS collection.
    Corresponding tiles for each sequence module:
    - Steps: '_Tile/Sequence'
    - Steps Accent Light: '_Tile/Sequence Accent Light'
    - Numbered: '_Tile/Sequence Numbered'
    - Numbered Accent Light: '_Tile/Sequence Numbered Accent Light'
  3. Connect Collection Fields: Link the relevant fields from your collection to the Item.
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

No items found.
Stepped (Including Accent Light)
Sequence Setup

Insert the desired quantity of '_Tile/Sequence Stepped' or '_Tile/Sequence Stepped Accent Light' into c-sequence within the module.

Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
CMS Version


  1. Connect a CMS Collection: Link your desired CMS collection.
  2. Add '_Tile/Sequence Stepped' or '_Tile/Sequence Stepped Accent Light component: Insert the desired tile into the collection.
  3. Connect Collection Fields: Link the relevant fields from your collection to the Item.
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

No items found.
Steps + Numbered Accordion (Including Accent Light)
Sequence Setup

This module can be used for both Sequence Module Steps Accordion and Numbered Accordion, including the accent light versions.

Any number of sequence tiles can be added to c-sequence within the module.

Corresponding tiles for each sequence module:

  • Steps: '_Tile/Sequence Accordion'
  • Steps Accent Light: '_Tile/Sequence Accordion Accent Light'
  • Numbered: '_Tile/Sequence Numbered Accordion'
  • Numbered Accent Light: '_Tile/Sequence Numbered Accordion Accent Light'
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

1

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
1

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
1

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
CMS Version


  1. Connect a CMS Collection: Link your desired CMS collection.
  2. Add component: Insert the corresponding component into the CMS collection.
    Corresponding tiles for each sequence module:
    - Steps: '_Tile/Sequence Accordion'
    - Steps Accent Light: '_Tile/Sequence Accordion Accent Light'
    - Numbered: '_Tile/Sequence Numbered Accordion'
    - Numbered Accent Light: '_Tile/Sequence Numbered Accordion Accent Light'
  3. Connect Collection Fields: Link the relevant fields from your collection to the Item.
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

No items found.
Stepped Accordion (Including Accent Light)
Sequence Setup

Insert the desired quantity of '_Tile/Sequence Stepped Accordion' or '_Tile/Sequence Stepped Accordion Accent Light' into c-sequence within the module.

Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
CMS Version


  1. Connect a CMS Collection: Link your desired CMS collection.
  2. Add '_Tile/Sequence Stepped Accordion' or '_Tile/Sequence Stepped Accordion Accent Light component: Insert the desired tile into the collection.
  3. Connect Collection Fields: Link the relevant fields from your collection to the Item.
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

No items found.
Timeline + Timeline Outline (Including Accent Light)
Sequence Setup

This module can be used for both Sequence Module Timeline and Timeline Outline, including the accent light versions.

Any number of sequence tiles can be added to c-sequence__timeline within the module.

Corresponding tiles for each sequence module:

  • Timeline: '_Tile/Timeline Right' and '_Tile/Timeline Left'
  • Timeline Accent Light: '_Tile/Timeline Right Accent Light' and '_Tile/Timeline Left Accent Light'
  • Timeline Outline: '_Tile/Timeline Outline Right' and '_Tile/Timeline Outline Left'
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
Timeline Horizontal + Timeline Outline (Including Accent Light)
Sequence Setup

This module can be used for both Sequence Module Timeline and Timeline Outline, including the accent light versions.

Any number of sequence tiles can be added to c-sequence__timeline within the module.

Corresponding tiles for each sequence module:

  • Timeline: '_Tile/Timeline Right' and '_Tile/Timeline Left'
  • Timeline Accent Light: '_Tile/Timeline Right Accent Light' and '_Tile/Timeline Left Accent Light'
  • Timeline Outline: '_Tile/Timeline Outline Right' and '_Tile/Timeline Outline Left'
CMS Version


  1. Connect a CMS Collection: Link your desired CMS collection.
  2. Add desired component: Insert the desired tile into the collection.
    Timeline Horizontal: '_Tile/Horizontal'
    Timeline Horizontal Accent Light: '_Tile/Horizontal Accent Light'
    Timeline Horizontal Outline: '_Tile/Horizontal Outline'
  3. Connect Collection Fields: Link the relevant fields from your collection to the Item.

Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere.
Optionales Subheading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris iaculis in urna eu posuere. Donec elementum libero ante, vel tristique odio sodales ac. Mauris pellentesque sollicitudin tellus porta fermentum. Nunc gravida ligula erat, condimentum pharetra dolor bibendum eget.

No items found.