Elements

[divider][divider]

[one_half]

Toggle Panels

[toggle title=”Toggle Panel #1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viv erra a, dapibus at dolor. In iaculis vive rra neque, ac eleifend ante lobo rtis id. congue id  [/toggle]

[toggle title=”Toggle Panel #2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. [/toggle]

[toggle title=”Toggle Panel #3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id.. [/toggle]

[/one_half]

[one_half_last]

Tabbed Sections

[tabbed_section][tab title=”Sample Tab #1″ id=”t1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In viverra ipsum ac eros tristique dignissim. Donec aliquam velit vitae mi dictum. [/tab] [tab title=”Sample Tab #2″ id=”t2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In viverra ipsum ac eros tristique dignissim. Donec aliquam velit vitae mi dictum. [/tab] [tab title=”Sample Tab #3″ id=”t3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In viverra ipsum ac eros tristique dignissim. Donec aliquam velit vitae mi dictum.[/tab] [/tabbed_section]

[/one_half_last]

[divider][divider]

[one_third centered_text=”true”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum.

[button size=”small” url=”#” text=”Small Button”]

[/one_third]

[one_third centered_text=”true”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum.

[button size=”medium” url=”#” text=”Medium Button”]

[/one_third]

[one_third_last centered_text=”true”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum.

[button size=”large” url=”#” text=”Large Button”]

[/one_third_last]

[divider line=”true”]

[heading subtitle=”Great for clean page titles or introducing new sections of content.”] A Totally Amazing Centered Heading [/heading]

[divider][divider][divider]

[one_sixth centered_text=”true”]

[icon size=”large” image=”icon-heart”]

[/one_sixth]

[one_sixth centered_text=”true”]

[icon size=”large” image=”icon-bolt”]

[/one_sixth]

[one_sixth centered_text=”true”]

[icon size=”large” image=”icon-leaf”]

[/one_sixth]

[one_sixth centered_text=”true”]

[icon size=”large” image=”icon-key”]

[/one_sixth]

[one_sixth centered_text=”true”]

[icon size=”large” image=”icon-lightbulb”]

[/one_sixth]

[one_sixth_last centered_text=”true”]

[icon size=”large” image=”icon-eye-open”]

[/one_sixth_last]

[divider]

[three_fourths]iconShortcode[/three_fourths]

[one_fourth_last]

[icon size=”small” image=”icon-heart”] Lorem ipsum dolor sit

[icon size=”small” image=”icon-bolt”] Rhoncus iaculis et at

[icon size=”small” image=”icon-leaf”] Curabitur lectus nun

[icon size=”small” image=”icon-key”] Posuere feugiat risus

[icon size=”small” image=”icon-lightbulb”] Iaculis et at tortor

[icon size=”small” image=”icon-eye-open”] Nulla facil Donec

[divider line=”true”]
[icon size=”tiny” image=”icon-heart”] Lorem ipsum dolor sit
[icon size=”tiny” image=”icon-bolt”] Rhoncus iaculis et at
[icon size=”tiny” image=”icon-leaf”] Curabitur lectus nun
[icon size=”tiny” image=”icon-key”] Posuere feugiat risus
[icon size=”tiny” image=”icon-lightbulb”] Iaculis et at tortor
[/one_fourth_last]

[divider]

[one_third]

Animated Bar Graph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in elementum purus molestie. Curabitur pellentesque massa eu nulla consequat sed porttitor arcu porttitor. Quisque volutpat pharetra felis, eu cursus lorem molestie vitae. Nulla vehicula, lacus ut suscipit fermentum, turpis felis ultricies dui, ut rhoncus libero augue at libero. Morbi ut arcu dolor.  [/one_third]

[two_thirds_last]

[bar_graph] [bar title=”HTML/CSS” percent=”70″ id=”b1″] [bar title=”Logo Design” percent=”80″ id=”b2″] [bar title=”WordPress” percent=”100″ id=”b3″] [bar title=”Photoshop” percent=”90″ id=”b4″] [bar title=”Illustrator” percent=”75″ id=”b5″] [/bar_graph] [/two_thirds_last]

[divider][divider]

[heading subtitle=”Even choose the number of columns in each row!”] Clients Carousel & Columns [/heading]

[divider]

[clients carousel=”true” columns=”5″]

[client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/theme-nectar2.png” url=”none” id=”c1″] [client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/geometric-super-wolves2.png” url=”none” id=”c2″] [client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/paradox2.png” url=”none” id=”c3″] [client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/split-rain2.png” url=”none” id=”c4″]

[client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/theme-nectar2.png” url=”none” id=”c1″] [client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/geometric-super-wolves2.png” url=”none” id=”c2″] [client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/paradox2.png” url=”none” id=”c3″] [client image=”http://themenectar.com/demo/salient/wp-content/uploads/2013/04/split-rain2.png” url=”none” id=”c4″]

[/clients]

[divider line=’true’]

[divider]

[carousel easing=”easeInOutQuart” carousel_title=”Carousel & Team Members” scroll_speed=”1000″]

[item][team_member description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. ” social=”Facebook, http://facebook.com, Twitter, http://twitter.com, Youtube, http://youtube.com” image_url=”http://themenectar.com/demo/salient/wp-content/uploads/2013/03/11.jpg” name=”Trevor Smith” job_position=”Founder / Project Lead”] [/item]
[item][team_member description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. ” social=”Facebook, http://facebook.com, Twitter, http://twitter.com, Youtube, http://youtube.com” image_url=”http://themenectar.com/demo/salient/wp-content/uploads/2013/03/21.jpg” name=”Carlton Harris” job_position=”Developer”] [/item]
[item][team_member description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. ” social=”Facebook, http://facebook.com, Twitter, http://twitter.com, Youtube, http://youtube.com” image_url=”http://themenectar.com/demo/salient/wp-content/uploads/2013/03/3.jpg” name=”Amanda Kliens” job_position=”Graphic Designer”] [/item]

[item][team_member description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. ” social=”Facebook, http://facebook.com, Twitter, http://twitter.com, Youtube, http://youtube.com” image_url=”http://themenectar.com/demo/salient/wp-content/uploads/2013/03/4.png” name=”Tyler Johnson” job_position=”Front-End Developer”] [/item]
[/carousel]