Timelines & Processes

[TS-VCSC-Spacer height=”20″]

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.

[TS-VCSC-Spacer height=”20″]

Style 1

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”2″ divider_border_color=”#cccccc” margin_top=”20″ margin_bottom=”20″][TS-VCSC-Spacer height=”20″]
[TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16293″ icon_size=”80″ icon_color=”#cccccc” title=”Crossing the Finish Line …” animation_view=”appear” date=”Mar 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style1″ timeline_pattern=”light” timeline_bottom=”false” timeline_position=”direction-l” timeline_color=”#ffffff” timeline_background=”#000000″ icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#d8d8d8″ padding=”false” icon_padding=”0″ timeline_ulwrap=”default” margin_top=”0″ margin_bottom=”10″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16301″ icon_size=”80″ icon_color=”#cccccc” title=”Moving Forward …” animation_view=”bottom-to-top” date=”Feb 2, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style1″ timeline_pattern=”light” timeline_bottom=”false” timeline_position=”direction-l” icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ icon_frame_radius=”ts-radius-full” timeline_ulwrap=”default” margin_top=”0″ margin_bottom=”10″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16334″ icon_size=”80″ icon_color=”#cccccc” title=”Starting the Setup …” animation_view=”left-to-right” date=”Jan 15, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style1″ timeline_pattern=”light” timeline_bottom=”false” timeline_position=”direction-l” timeline_color=”#ffffff” timeline_background=”#000000″ icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ timeline_ulwrap=”default” margin_top=”0″ margin_bottom=”10″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”true” image=”16336″ icon_size=”80″ icon_color=”#cccccc” title=”Getting the Green Light …” animation_view=”right-to-left” date=”Jan 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style1″ timeline_top=”false” timeline_bottom=”true” timeline_position=”direction-l” timeline_pattern=”light” icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ timeline_ulwrap=”default” margin_top=”0″ margin_bottom=”10″ show_date=”true” text_code=”false” timeline_dots=”true” icon_frame_radius=”ts-radius-full”]
[TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8393″ icon_size=”80″ icon_color=”#dd9933″ title=”Crossing the Finish Line …” animation_view=”appear” date=”Mar 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style1″ timeline_pattern=”light” timeline_bottom=”false” timeline_position=”direction-l” timeline_color=”#ffffff” timeline_background=”#000000″ icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#d8d8d8″ padding=”false” icon_padding=”0″ timeline_ulwrap=”default” icon=”ts-awesome-flag-checkered” icon_background=”#ededed” margin_top=”0″ margin_bottom=”10″][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8401″ icon_size=”80″ icon_color=”#1e73be” title=”Moving Forward …” animation_view=”bottom-to-top” date=”Feb 2, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style1″ timeline_pattern=”light” timeline_bottom=”false” timeline_position=”direction-l” icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ icon_frame_radius=”ts-radius-full” timeline_ulwrap=”default” icon=”ts-awesome-plane” icon_background=”#ffffff” margin_top=”0″ margin_bottom=”10″][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8434″ icon_size=”80″ icon_color=”#dd3333″ title=”Starting the Setup …” animation_view=”left-to-right” date=”Jan 15, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style1″ timeline_pattern=”light” timeline_bottom=”false” timeline_position=”direction-l” timeline_color=”#ffffff” timeline_background=”#000000″ icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ timeline_ulwrap=”default” icon=”ts-awesome-cogs” icon_background=”#e8e8e8″ margin_top=”0″ margin_bottom=”10″][TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”false” image=”8436″ icon_size=”80″ icon_color=”#81d742″ title=”Getting the Green Light …” animation_view=”right-to-left” date=”Jan 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style1″ timeline_top=”false” timeline_bottom=”true” timeline_position=”direction-l” timeline_pattern=”light” icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ timeline_ulwrap=”default” icon=”ts-awesome-lightbulb-o” icon_background=”#ffffff” margin_top=”0″ margin_bottom=”10″]
[TS-VCSC-Spacer height=”20″]
[TS-VCSC-Spacer height=”20″]

Style 2

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”2″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” color_icon=”#cccccc” color_title=”#cccccc” color_border=”#cccccc” color_background=”#ffffff” icon_replace=”false” panel_icon=”ts-awesome-info-circle” panel_size=”50″ panel_spacer=”15″ animations=”false” animation_effect=”ts-hover-css-” margin_top=”0″ margin_bottom=”0″]

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

[/TS_VCSC_Info_Notice][TS-VCSC-Divider divider_type=”ts-divider-lines” divider_text_position=”center” divider_text_content=”With Date / Step Section” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″]

[TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”true” image=”16293″ icon_size=”80″ icon_color=”#cccccc” title=”Crossing the Finish Line …” animation_view=”appear” date=”Mar 4, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style2″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_top=”true” timeline_bottom=”false” sub_date=”Step 4″ timeline_pattern=”light” timeline_ulwrap=”top” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16301″ icon_size=”80″ icon_color=”#cccccc” title=”Moving Forward …” animation_view=”bottom-to-top” date=”Feb 2, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style2″ timeline_end=”false” timeline_top=”false” timeline_bottom=”false” timeline_position=”direction-l” sub_date=”Step 3″ timeline_pattern=”light” timeline_ulwrap=”default” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16334″ icon_size=”80″ icon_color=”#cccccc” title=”Starting the Setup …” animation_view=”left-to-right” date=”Jan 15, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style2″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_top=”false” timeline_bottom=”false” timeline_position=”direction-l” sub_date=”Step 2″ timeline_pattern=”light” timeline_ulwrap=”default” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16336″ icon_size=”80″ icon_color=”#cccccc” title=”Getting the Green Light …” animation_view=”right-to-left” date=”Jan 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style2″ timeline_end=”true” timeline_position=”direction-l” timeline_top=”false” timeline_bottom=”true” sub_date=”Step 1″ timeline_pattern=”light” timeline_ulwrap=”bottom” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”true” text_code=”false”]
[TS-VCSC-Divider divider_type=”ts-divider-lines” divider_text_position=”center” divider_text_content=”Without Date / Step Section” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”1″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″]
[TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”true” image=”16293″ icon_size=”80″ icon_color=”#cccccc” title=”Crossing the Finish Line …” animation_view=”appear” text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style2″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_top=”true” timeline_bottom=”false” timeline_pattern=”light” timeline_ulwrap=”top” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”false” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16301″ icon_size=”80″ icon_color=”#cccccc” title=”Moving Forward …” animation_view=”bottom-to-top” text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style2″ timeline_end=”false” timeline_top=”false” timeline_bottom=”false” timeline_position=”direction-l” timeline_pattern=”light” timeline_ulwrap=”default” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”false” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16334″ icon_size=”80″ icon_color=”#cccccc” title=”Starting the Setup …” animation_view=”left-to-right” text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style2″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_top=”false” timeline_bottom=”false” timeline_position=”direction-l” timeline_pattern=”light” timeline_ulwrap=”default” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”false” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16336″ icon_size=”80″ icon_color=”#cccccc” title=”Getting the Green Light …” animation_view=”right-to-left” text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style2″ timeline_end=”true” timeline_position=”direction-l” timeline_top=”false” timeline_bottom=”true” timeline_pattern=”light” timeline_ulwrap=”bottom” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”false” text_code=”false”]
[TS-VCSC-Spacer height=”20″][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” color_icon=”#cccccc” color_title=”#cccccc” color_border=”#cccccc” color_background=”#ffffff” icon_replace=”false” panel_icon=”ts-awesome-info-circle” panel_size=”50″ panel_spacer=”15″ animations=”false” animation_effect=”ts-hover-css-” margin_top=”0″ margin_bottom=”0″]

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

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″][TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”false” image=”8393″ icon_size=”80″ icon_color=”#dd9933″ title=”Crossing the Finish Line …” animation_view=”appear” date=”Mar 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style2″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_top=”true” timeline_bottom=”false” sub_date=”Step 4″ timeline_pattern=”light” timeline_ulwrap=”top” icon=”ts-awesome-flag-checkered” icon_background=”#ededed” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8401″ icon_size=”80″ icon_color=”#1e73be” title=”Moving Forward …” animation_view=”bottom-to-top” date=”Feb 2, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style2″ timeline_end=”false” timeline_top=”false” timeline_bottom=”false” timeline_position=”direction-l” sub_date=”Step 3″ timeline_pattern=”light” timeline_ulwrap=”default” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon=”ts-awesome-plane” icon_background=”#ffffff”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8434″ icon_size=”80″ icon_color=”#dd3333″ title=”Starting the Setup …” animation_view=”left-to-right” date=”Jan 15, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style2″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_top=”false” timeline_bottom=”false” timeline_position=”direction-l” sub_date=”Step 2″ timeline_pattern=”light” timeline_ulwrap=”default” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon=”ts-awesome-cogs” icon_background=”#efefef”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8436″ icon_size=”80″ icon_color=”#81d742″ title=”Getting the Green Light …” animation_view=”right-to-left” date=”Jan 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style2″ timeline_end=”true” timeline_position=”direction-l” timeline_top=”false” timeline_bottom=”true” sub_date=”Step 1″ timeline_pattern=”light” timeline_ulwrap=”bottom” icon=”ts-awesome-lightbulb-o” icon_background=”#ffffff” icon_frame_thick=”1″ icon_frame_color=”#000000″ padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″][TS-VCSC-Spacer height=”20″]

[TS-VCSC-Spacer height=”20″]

Style 3

[TS-VCSC-Divider divider_type=”ts-divider-border” divider_text_position=”center” divider_text_border=”#eeeeee” divider_image_position=”center” divider_image_border=”#eeeeee” divider_icon_position=”center” divider_icon_content=”transparent” divider_icon_color=”#cccccc” divider_icon_border=”#eeeeee” divider_border_type=”solid” divider_border_thick=”2″ divider_border_color=”#eeeeee” margin_top=”20″ margin_bottom=”20″]
[TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16293″ icon_size=”80″ icon_color=”#cccccc” title=”Crossing the Finish Line …” animation_view=”appear” date=”Mar 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style3″ timeline_end=”true” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_pattern=”light” timeline_top=”true” timeline_bottom=”false” timeline_ulwrap=”top” icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16301″ icon_size=”80″ icon_color=”#cccccc” title=”Moving Forward …” animation_view=”bottom-to-top” date=”Feb 2, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style3″ timeline_end=”false” timeline_position=”direction-r” timeline_pattern=”light” timeline_ulwrap=”default” timeline_bottom=”false” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”true” image=”16334″ icon_size=”80″ icon_color=”#cccccc” title=”Starting the Setup …” animation_view=”left-to-right” date=”Jan 15, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style3″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_pattern=”light” timeline_ulwrap=”default” timeline_bottom=”false” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” show_date=”true” text_code=”false”][TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”true” image=”16336″ icon_size=”80″ icon_color=”#cccccc” title=”Getting the Green Light …” animation_view=”right-to-left” date=”Jan 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style3″ timeline_end=”false” timeline_position=”direction-r” timeline_pattern=”light” timeline_top=”false” timeline_bottom=”true” timeline_ulwrap=”bottom” icon_frame_type=”solid” icon_frame_thick=”2″ icon_frame_radius=”ts-radius-full” icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ show_date=”true” text_code=”false”]
[TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8393″ icon_size=”80″ icon_color=”#dd9933″ title=”Crossing the Finish Line …” animation_view=”appear” date=”Mar 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style3″ timeline_end=”true” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_pattern=”light” timeline_top=”true” timeline_bottom=”false” timeline_ulwrap=”top” icon=”ts-awesome-flag-checkered” icon_background=”#f4f4f4″ icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8401″ icon_size=”80″ icon_color=”#1e73be” title=”Moving Forward …” animation_view=”bottom-to-top” date=”Feb 2, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style3″ timeline_end=”false” timeline_position=”direction-r” timeline_pattern=”light” timeline_ulwrap=”default” timeline_bottom=”false” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon=”ts-awesome-plane” icon_background=”#ffffff” icon_frame_type=”solid” icon_frame_radius=”ts-radius-full”][TS-VCSC-Timeline height=”10″ timeline_start=”false” icon_replace=”false” image=”8434″ icon_size=”80″ icon_color=”#dd3333″ title=”Starting the Setup …” animation_view=”left-to-right” date=”Jan 15, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_style=”style3″ timeline_end=”false” timeline_color=”#ffffff” timeline_background=”#000000″ timeline_position=”direction-l” timeline_pattern=”light” timeline_ulwrap=”default” timeline_bottom=”false” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon=”ts-awesome-cogs” icon_background=”#f2f2f2″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full”][TS-VCSC-Timeline height=”10″ timeline_start=”true” icon_replace=”false” image=”8436″ icon_size=”80″ icon_color=”#81d742″ title=”Getting the Green Light …” animation_view=”right-to-left” date=”Jan 1, 2014″ text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel auctor elit. Quisque scelerisque mattis magna, ut tincidunt lorem molestie at.” timeline_color=”#ffffff” timeline_background=”#1e73be” timeline_style=”style3″ timeline_end=”false” timeline_position=”direction-r” timeline_pattern=”light” timeline_top=”false” timeline_bottom=”true” timeline_ulwrap=”bottom” icon=”ts-awesome-lightbulb-o” icon_background=”#ffffff” icon_frame_thick=”2″ icon_frame_color=”#dddddd” padding=”false” icon_padding=”0″ margin_top=”0″ margin_bottom=”0″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full”]