If you ever need to display a simple timeline or highlight a process, procedure or anything that includes multiple steps, we got you covered. Visual Composer Extension provides you with three different layouts to do just that. You can either use images or font icons to graphically highlight each segment, or you can just use text.

Style 1

Mar 1, 2014

Crossing the Finish Line ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Feb 2, 2014

Moving Forward ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Jan 15, 2014

Starting the Setup ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Jan 1, 2014

Getting the Green Light ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Mar 1, 2014

Crossing the Finish Line ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Feb 2, 2014

Moving Forward ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Jan 15, 2014

Starting the Setup ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Jan 1, 2014

Getting the Green Light ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Style 2

For best results, Style 2 should only be used with full width columns!

With Date / Step Section
  • Crossing the Finish Line ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Moving Forward ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Starting the Setup ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Getting the Green Light ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Without Date / Step Section
  • Crossing the Finish Line ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Moving Forward ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Starting the Setup ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Getting the Green Light ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

For best results, Style 2 should only be used with full width columns!

  • Crossing the Finish Line ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Moving Forward ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Starting the Setup ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

  • Getting the Green Light ...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.

Style 3

  • Crossing the Finish Line ...
    Mar 1, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Moving Forward ...
    Feb 2, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Starting the Setup ...
    Jan 15, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Getting the Green Light ...
    Jan 1, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Crossing the Finish Line ...
    Mar 1, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Moving Forward ...
    Feb 2, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Starting the Setup ...
    Jan 15, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.
  • Getting the Green Light ...
    Jan 1, 2014
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.