Home Features Elements

Elements

[full_width_section bg_pos=\ »Center Center\ » parallax_bg=\ »true\ » bg_repeat=\ »No-Repeat\ » text_color=\ »dark\ » top_padding=\ »70\ » bottom_padding=\ »30\ » background_color=\ »#fcfcfc\ » type=\ »full_width_background\ » text_align=\ »left\ »][one_half]

Toggles & Accordions

[toggles][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][/toggles][/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][/full_width_section][full_width_section bg_pos=\ »Center Center\ » parallax_bg=\ »true\ » bg_repeat=\ »No-Repeat\ » text_color=\ »dark\ » top_padding=\ »0\ » bottom_padding=\ »70\ » background_color=\ »#fcfcfc\ » type=\ »full_width_background\ » text_align=\ »left\ »][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\ » color=\ »extra-color-2\ »]

[/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\ » color=\ »extra-color-2\ »]

[/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\ » color=\ »extra-color-2\ »]

[/one_third_last][/full_width_section][full_width_section bg_pos=\ »Center Center\ » bg_repeat=\ »No-Repeat\ » text_color=\ »dark\ » top_padding=\ »40\ » bottom_padding=\ »70\ » background_color=\ »#f4f4f4\ » type=\ »full_width_background\ » text_align=\ »left\ »]
[heading subtitle=\ »Creating jaw dropping designs has never been easier\ »] Pick your own colors and create a unique color scheme! [/heading]
[/full_width_section][full_width_section bg_pos=\ »Center Center\ » bg_repeat=\ »No-Repeat\ » text_color=\ »dark\ » top_padding=\ »20\ » bottom_padding=\ »50\ » background_color=\ »#f4f4f4\ » type=\ »full_width_background\ » text_align=\ »left\ »][one_sixth centered_text=\ »true\ »]

[icon size=\ »large-2\ » image=\ »icon-heart\ » color=\ »extra-color-1\ »]

[/one_sixth][one_sixth centered_text=\ »true\ »]

[icon size=\ »large-2\ » image=\ »icon-bolt\ » color=\ »extra-color-2\ »]

[/one_sixth][one_sixth centered_text=\ »true\ »]

[icon size=\ »large-2\ » image=\ »icon-leaf\ »]

[/one_sixth][one_sixth centered_text=\ »true\ »]

[icon size=\ »large\ » image=\ »icon-key\ » color=\ »extra-color-1\ »]

[/one_sixth][one_sixth centered_text=\ »true\ »]

[icon size=\ »large\ » image=\ »icon-lightbulb\ » color=\ »extra-color-2\ »]

[/one_sixth][one_sixth_last centered_text=\ »true\ »]

[icon size=\ »large\ » image=\ »icon-eye-open\ » color=\ »accent-color\ »]

[/one_sixth_last][/full_width_section][full_width_section bg_pos=\ »Center Center\ » bg_repeat=\ »No-Repeat\ » text_color=\ »Dark\ » top_padding=\ »40\ » bottom_padding=\ »70\ » background_color=\ »#f4f4f4\ »][three_fourths][image_with_animation animation=\ »Fade In From Left\ » image_url=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/03/fontawesome.jpg\ »] [/image_with_animation][/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\ » color=\ »extra-color-2\ » image=\ »icon-heart\ »] Lorem ipsum dolor sit
[icon size=\ »tiny\ »  color=\ »extra-color-2\ » image=\ »icon-bolt\ »] Rhoncus iaculis et at
[icon size=\ »tiny\ » color=\ »extra-color-2\ » image=\ »icon-leaf\ »] Curabitur lectus nun
[icon size=\ »tiny\ » color=\ »extra-color-2\ » image=\ »icon-key\ »] Posuere feugiat risus
[icon size=\ »tiny\ » color=\ »extra-color-2\ » image=\ »icon-lightbulb\ »] Iaculis et at tortor

[/one_fourth_last][/full_width_section][full_width_section bg_pos=\ »Left Top\ » bg_repeat=\ »No-Repeat\ » text_color=\ »Light\ » top_padding=\ »60\ » bottom_padding=\ »35\ » background_color=\ »#F6653C\ »]

Get creative with full width color sections anywhere you want! [button color=\ »See-Through\ » size=\ »medium\ » url=\ »\ » text=\ »Alt button\ »]

[/full_width_section][full_width_section bg_pos=\ »Center Center\ » parallax_bg=\ »true\ » bg_repeat=\ »No-Repeat\ » text_color=\ »Light\ » image_url=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/06/elements-testimonials-bg.jpg\ » top_padding=\ »70\ » bottom_padding=\ »70\ » background_color=\ »#fff\ »]

Testimonial Slider Mixed with Parallax Section

[divider line_type=\ »No Line\ » custom_height=\ »50\ »][testimonial_slider][testimonial name=\ »Greg Ross, ThemeNectar\ » quote=\ »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa placerat, ac aliquam dui. Quisque semper tempus tellus ac lobortis. Aenean consectetur laoreet massa non interdum. Massa non interdum. \ » id=\ »t1\ » title=\ »Testimonial\ »][/testimonial][testimonial name=\ »Jeff Gemmell, ThemeNectar\ » quote=\ »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus erat ac massa placerat, ac aliquam Aenean consectetur laoreet massa non interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. \ » id=\ »t2\ » title=\ »Testimonial\ »][/testimonial][testimonial name=\ »Mark Levin, ThemeNectar\ » quote=\ »Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus erat ac massa placerat, ac aliquam dui pulvinar. Quisque semper tempus tellus ac lobortis. Aenean consectetur laoreet massa non interdum. \ » id=\ »t3\ » title=\ »Testimonial\ »][/testimonial][/testimonial_slider]
[/full_width_section][full_width_section bg_pos=\ »Center Center\ » parallax_bg=\ »true\ » bg_repeat=\ »No-Repeat\ » text_color=\ »Dark\ » top_padding=\ »70\ » bottom_padding=\ »70\ » background_color=\ »#F5F5F5\ »]

Animated Milestone Counters

[divider line_type=\ »Small Line\ » custom_height=\ »40\ »][one_fourth][milestone color=\ »extra-color-1\ » number=\ »65\ » subject=\ »Awards Won\ »][/one_fourth][one_fourth][milestone color=\ »extra-color-2\ » number=\ »268\ » subject=\ »Completed Designs\ »][/one_fourth][one_fourth][milestone color=\ »extra-color-1\ » number=\ »37\ » subject=\ »GitHub Repo\’s\ »][/one_fourth][one_fourth_last][milestone color=\ »extra-color-2\ » number=\ »439\ » subject=\ »Cups of Coffee\ »][/one_fourth_last]
[/full_width_section][full_width_section bg_pos=\ »Center Center\ » parallax_bg=\ »true\ » bg_repeat=\ »No-Repeat\ » text_color=\ »Dark\ » top_padding=\ »70\ » bottom_padding=\ »70\ » background_color=\ »#f1f1f1\ »][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 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\ »][/two_thirds_last][/full_width_section]
[heading subtitle=\ »Even choose the number of columns in each row!\ »] Clients Carousel & Columns [/heading]
[clients carousel=\ »true\ » columns=\ »5\ » fade_in_animation=\ »true\ »][client image=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/04/theme-nectar2.png\ » url=\ »none\ » id=\ »c1\ » title=\ »Client\ » name=\ »ThemeNectar\ »][/client][client image=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/04/paradox2.png\ » url=\ »none\ » id=\ »c3\ » title=\ »Client\ » name=\ »Paradox\ »][/client][client image=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/04/split-rain2.png\ » url=\ »none\ » id=\ »c4\ » title=\ »Client\ » name=\ »Split Rain\ »][/client][client image=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/04/theme-nectar2.png\ » url=\ »none\ » id=\ »c5\ » title=\ »Client\ » name=\ »ThemeNectar\ »][/client][client image=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/04/paradox2.png\ » url=\ »none\ » id=\ »c7\ » title=\ »Client\ » name=\ »Paradox\ »][/client][client image=\ »http://themenectar.com/demo/salient/wp-content/uploads/2013/04/split-rain2.png\ » url=\ »none\ » id=\ »c8\ » title=\ »Client\ » name=\ »Split Rain\ »][/client][/clients]
[carousel easing=\ »easeInOutQuart\ » carousel_title=\ »Carousel & Team Members\ » scroll_speed=\ »1000\ »][item id=\ »1389947189512-10\ » title=\ »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-frostwave/wp-content/uploads/2013/03/no-portfolio-item.jpg\ » name=\ »Trevor Smith\ » job_position=\ »Founder / Project Lead\ »][/item][item id=\ »1389947189574-6\ » title=\ »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-frostwave/wp-content/uploads/2013/03/no-portfolio-item.jpg\ » name=\ »Carlton Harris\ » job_position=\ »Developer\ »][/item][item id=\ »1389947189630-0\ » title=\ »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-frostwave/wp-content/uploads/2013/03/no-portfolio-item.jpg\ » name=\ »Amanda Kliens\ » job_position=\ »Graphic Designer\ »][/item][item id=\ »1389947189687-4\ » title=\ »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-frostwave/wp-content/uploads/2013/03/no-portfolio-item.jpg\ » name=\ »Tyler Johnson\ » job_position=\ »Front-End Developer\ »][/item][/carousel]

Leave your comment

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *