Accordion and Tab System

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”10″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”12″ col_medium=”12″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Accordion

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”40″ divider_style=”standard” /]

[accordionGroup]
[accordionItem title=”Watch a Video”]

Cras ullamcorper dui vulputate, iaculis nisi id, vestibulum mi. Vestibulum facilisis ligula ut neque tincidunt, eget pretium enim consequat. Cras eget aliquet eros, ac iaculis elit. Phasellus at purus quis elit vestibulum mattis at ultrices nunc. Suspendisse potenti. Sed lacinia erat ac hendrerit dignissim. Vestibulum non purus nec lorem blandit hendrerit a vitae arcu. Aliquam erat volutpat. Mauris ut vehicula nisl. Aenean neque urna, euismod aliquet ex sit amet, porttitor mollis risus. Quisque commodo dui eget urna commodo, ut tempus felis rhoncus.

[youtubeVideo id=”bW49kMuDoaQ” height=”250″ /]

[/accordionItem]

[accordionItem title=”General Info”]

Cras ullamcorper dui vulputate, iaculis nisi id, vestibulum mi. Vestibulum facilisis ligula ut neque tincidunt, eget pretium enim consequat. Cras eget aliquet eros, ac iaculis elit. Phasellus at purus quis elit vestibulum mattis at ultrices nunc. Suspendisse potenti. Sed lacinia erat ac hendrerit dignissim. Vestibulum non purus nec lorem blandit hendrerit a vitae arcu. Aliquam erat volutpat. Mauris ut vehicula nisl. Aenean neque urna, euismod aliquet ex sit amet, porttitor mollis risus. Quisque commodo dui eget urna commodo, ut tempus felis rhoncus.

[standardButton link=”#” margin_top=”0″ margin_bottom=”0″ target=”_self” icon=”fa fa-angle-right”]Learn More[/standardButton]

[/accordionItem]

[accordionItem title=”Fitness Data”]

Cras ullamcorper dui vulputate, iaculis nisi id, vestibulum mi. Vestibulum facilisis ligula ut neque tincidunt, eget pretium enim consequat. Cras eget aliquet eros, ac iaculis elit. Phasellus at purus quis elit vestibulum mattis at ultrices nunc. Suspendisse potenti. Sed lacinia erat ac hendrerit dignissim. Vestibulum non purus nec lorem blandit hendrerit a vitae arcu. Aliquam erat volutpat. Mauris ut vehicula nisl. Aenean neque urna, euismod aliquet ex sit amet, porttitor mollis risus. Quisque commodo dui eget urna commodo, ut tempus felis rhoncus.

[dataTableGroup]
[dataTableItem title=”Event Location”]1 Dundas St. West. Toronto, Ontario Canada[/dataTableItem]

[dataTableItem title=”Event Day”]Thursday March 23rd 2015[/dataTableItem]

[dataTableItem title=”What to bring?”]A towel, watter bottle and stopwatch.[/dataTableItem]
[/dataTableGroup]

[/accordionItem]
[/accordionGroup]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”100″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”12″ col_medium=”12″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Tab System

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”40″ divider_style=”standard” /]

[tabGroup id=”1″]
[tabItem title=”Watch a Video”]

Cras ullamcorper dui vulputate, iaculis nisi id, vestibulum mi. Vestibulum facilisis ligula ut neque tincidunt, eget pretium enim consequat. Cras eget aliquet eros, ac iaculis elit. Phasellus at purus quis elit vestibulum mattis at ultrices nunc. Suspendisse potenti. Sed lacinia erat ac hendrerit dignissim. Vestibulum non purus nec lorem blandit hendrerit a vitae arcu. Aliquam erat volutpat. Mauris ut vehicula nisl. Aenean neque urna, euismod aliquet ex sit amet, porttitor mollis risus. Quisque commodo dui eget urna commodo, ut tempus felis rhoncus.

[youtubeVideo id=”bW49kMuDoaQ” height=”250″ /]

[/tabItem]

[tabItem title=”General Info”]

Cras ullamcorper dui vulputate, iaculis nisi id, vestibulum mi. Vestibulum facilisis ligula ut neque tincidunt, eget pretium enim consequat. Cras eget aliquet eros, ac iaculis elit. Phasellus at purus quis elit vestibulum mattis at ultrices nunc. Suspendisse potenti. Sed lacinia erat ac hendrerit dignissim. Vestibulum non purus nec lorem blandit hendrerit a vitae arcu. Aliquam erat volutpat. Mauris ut vehicula nisl. Aenean neque urna, euismod aliquet ex sit amet, porttitor mollis risus. Quisque commodo dui eget urna commodo, ut tempus felis rhoncus.

[googleMap id=”anotherMap” zoom=”13″ latitude=”43.656885″ longitude=”-79.383904″ message=”We are here” height=”300″ /]

 

[standardButton link=”#” margin_top=”0″ margin_bottom=”0″ target=”_self” icon=”fa fa-angle-right”]Learn More[/standardButton]

[/tabItem]

[tabItem title=”Fitness Data”]

Cras ullamcorper dui vulputate, iaculis nisi id, vestibulum mi. Vestibulum facilisis ligula ut neque tincidunt, eget pretium enim consequat. Cras eget aliquet eros, ac iaculis elit. Phasellus at purus quis elit vestibulum mattis at ultrices nunc. Suspendisse potenti. Sed lacinia erat ac hendrerit dignissim. Vestibulum non purus nec lorem blandit hendrerit a vitae arcu. Aliquam erat volutpat. Mauris ut vehicula nisl. Aenean neque urna, euismod aliquet ex sit amet, porttitor mollis risus. Quisque commodo dui eget urna commodo, ut tempus felis rhoncus.

[dataTableGroup]
[dataTableItem title=”Event Location”]1 Dundas St. West. Toronto, Ontario Canada[/dataTableItem]

[dataTableItem title=”Event Day”]Thursday March 23rd 2015[/dataTableItem]

[dataTableItem title=”What to bring?”]A towel, watter bottle and stopwatch.[/dataTableItem]
[/dataTableGroup]

[/tabItem]
[/tabGroup]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

Leave a Reply

Your email address will not be published. Required fields are marked *