Collection of predefined components to use on your site

Feature

Sample I: Different Sizes

Fusce dictum risus id tincidunt

Nam convallis purus ut leo ullamcorper non venenatis turpis feugiat hasellus vel.
Sed commodo nunc in consectetur

Duis interdum orci at tortor pulvinar tempus phasellus convallis odio iultrices.
Phasellus tristique tristique magna

Cras ut ullamcorper velit nec semper dolor duis dignissim convallis pellentesq.

[pb_feature layout="33x33x33" icon_size="large" icon_position="top"]
[pb_feature_item item_icon="bookmark"]
[pb_feature_item_header]Fusce dictum risus id tincidunt[/pb_feature_item_header]
[pb_feature_item_content]Nam convallis purus ut leo ullamcorper non venenatis turpis feugiat hasellus vel.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="camera"]
[pb_feature_item_header]Sed commodo nunc in consectetur[/pb_feature_item_header]
[pb_feature_item_content]Duis interdum orci at tortor pulvinar tempus phasellus convallis odio iultrices.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="check-square"]
[pb_feature_item_header]Phasellus tristique tristique magna[/pb_feature_item_header]
[pb_feature_item_content]Cras ut ullamcorper velit nec semper dolor duis dignissim convallis pellentesq.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Etiam molestie eu dolor sed

Phasellus accumsan ac lorem in pulvinar phasellus tristique eros a congue.
Donec id lobortis erat mattis

Pellentesque elementum ex at risus maximus ac venenatis lorem sodales proin.
Proin vel justo quis mauris

Aliquam aliquet orci non dictum varius curabitur aliquam consectetur ornare.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="medium" icon_position="top"]
[pb_feature_item item_icon="envelope"]
[pb_feature_item_header]Etiam molestie eu dolor sed[/pb_feature_item_header]
[pb_feature_item_content]Phasellus accumsan ac lorem in pulvinar phasellus tristique eros a congue.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="folder-o"]
[pb_feature_item_header]Donec id lobortis erat mattis[/pb_feature_item_header]
[pb_feature_item_content]Pellentesque elementum ex at risus maximus ac venenatis lorem sodales proin.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="remove"]
[pb_feature_item_header]Proin vel justo quis mauris[/pb_feature_item_header]
[pb_feature_item_content]Aliquam aliquet orci non dictum varius curabitur aliquam consectetur ornare.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Vestibulum id interdum rhoncus

Maecenas varius pretium gravida sed et euismod nulla vel semper ligula.
Integer venenatis est in augue

Proin eu vestibulum sapien quis ornare justo integer nec vehicula odio sed.
Pellentesque ullamcorper tellus

Nunc tempus imperdiet mauris et bibendum phasellus lectus sem imperdiet nec.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="small" icon_position="top"]
[pb_feature_item item_icon="tag"]
[pb_feature_item_header]Vestibulum id interdum rhoncus[/pb_feature_item_header]
[pb_feature_item_content]Maecenas varius pretium gravida sed et euismod nulla vel semper ligula.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="star"]
[pb_feature_item_header]Integer venenatis est in augue[/pb_feature_item_header]
[pb_feature_item_content]Proin eu vestibulum sapien quis ornare justo integer nec vehicula odio sed.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="unsorted"]
[pb_feature_item_header]Pellentesque ullamcorper tellus[/pb_feature_item_header]
[pb_feature_item_content]Nunc tempus imperdiet mauris et bibendum phasellus lectus sem imperdiet nec.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Sample II: Different Icon Locations

Etiam semper tortor ut tem

Suspendisse placerat tempor purus vitae eleifend aliquam molestie libero nunc.
Curabitur turpis sapien id

Vestibulum sodales viverra diam sit amet volutpat vivamus ultrices malesuada.
Sed blandit ultricies luctus

Aliquam nisi velit iaculis vitae massa ut cursus lobortis quam interdum et malesuada.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="medium" icon_position="top"]
[pb_feature_item item_icon="bookmark"]
[pb_feature_item_header]Etiam semper tortor ut tem[/pb_feature_item_header]
[pb_feature_item_content]Suspendisse placerat tempor purus vitae eleifend aliquam molestie libero nunc.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="camera"]
[pb_feature_item_header]Curabitur turpis sapien id[/pb_feature_item_header]
[pb_feature_item_content]Vestibulum sodales viverra diam sit amet volutpat vivamus ultrices malesuada.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="check-square"]
[pb_feature_item_header]Sed blandit ultricies luctus[/pb_feature_item_header]
[pb_feature_item_content]Aliquam nisi velit iaculis vitae massa ut cursus lobortis quam interdum et malesuada.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Ut diam vitaedictum

Maecenas sed ex faucibusa viverra ligula quis gravida.
Ut feugiat lacus sed

Donec at maximus nuncan lorem ipsum dolor.
Aenean mauris aliquam

Integer arcu tortor viverra sit amet placerat in id.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="medium" icon_position="right"]
[pb_feature_item item_icon="upload"]
[pb_feature_item_header]Ut diam vitaedictum[/pb_feature_item_header]
[pb_feature_item_content]Maecenas sed ex faucibusa viverra ligula quis gravida.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="times-circle"]
[pb_feature_item_header]Ut feugiat lacus sed[/pb_feature_item_header]
[pb_feature_item_content]Donec at maximus nuncan lorem ipsum dolor.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="volume-off"]
[pb_feature_item_header]Aenean mauris aliquam[/pb_feature_item_header]
[pb_feature_item_content]Integer arcu tortor viverra sit amet placerat in id.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Duis fringilla turpis ut enim

Sed pretium pretium odio in faucibus aenean nisl nisl finibus id aliquet eu vulputate.
Vivamus rhoncus odio nisi amet

Suspendisse potenti proin vel ipsum sit sapien scelerisque ullamcorper maecenas.
Suspendisse pellentesque mi est

Suspendisse in interdum nisi mauris ut sodales arcu eu bibendum ligula.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="medium" icon_position="bottom"]
[pb_feature_item item_icon="warning"]
[pb_feature_item_header]Duis fringilla turpis ut enim[/pb_feature_item_header]
[pb_feature_item_content]Sed pretium pretium odio in faucibus aenean nisl nisl finibus id aliquet eu vulputate.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="user"]
[pb_feature_item_header]Vivamus rhoncus odio nisi amet[/pb_feature_item_header]
[pb_feature_item_content]Suspendisse potenti proin vel ipsum sit sapien scelerisque ullamcorper maecenas.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="car"]
[pb_feature_item_header]Suspendisse pellentesque mi est[/pb_feature_item_header]
[pb_feature_item_content]Suspendisse in interdum nisi mauris ut sodales arcu eu bibendum ligula.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Donec non dolor id quam

Vestibulum egestas tortor et scelerisque fringilla.
Praesent non tellus nibh

Morbi viverra eleifend biben nulla in ipsum dignissim.
Donec ultrices commodo

Integer sollicitudin velit estela hendrerit in.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="medium" icon_position="left"]
[pb_feature_item item_icon="taxi"]
[pb_feature_item_header]Donec non dolor id quam[/pb_feature_item_header]
[pb_feature_item_content]Vestibulum egestas tortor et scelerisque fringilla.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="file"]
[pb_feature_item_header]Praesent non tellus nibh[/pb_feature_item_header]
[pb_feature_item_content]Morbi viverra eleifend biben nulla in ipsum dignissim.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="circle"]
[pb_feature_item_header]Donec ultrices commodo[/pb_feature_item_header]
[pb_feature_item_content]Integer sollicitudin velit estela hendrerit in.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Sample II: Different Layouts

Aliquam placerat felis lacus ac pharetra sem

Maecenas pretium felis quis tincidunt accumsan risus magna dapibus eros et venenatis ipsum metus ut dolor maecenas.

– Hide code+ Show code

[pb_feature layout="100" icon_size="large" icon_position="top"]
[pb_feature_item item_icon="pause"]
[pb_feature_item_header]Aliquam placerat felis lacus ac pharetra sem[/pb_feature_item_header]
[pb_feature_item_content]Maecenas pretium felis quis tincidunt accumsan risus magna dapibus eros et venenatis ipsum metus ut dolor maecenas.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Vestibulum ante ipsum primis

Integer efficitur tortor consectetur tellus semper cursus nullam efficitur euismod erat et tempus fusce vel ligula vel mauris finibus.
Finibus lorem a justo interdum malesuada

Mauris tempor ipsum laoreet nunc ultrices a congue erat condimentum vivamus egestas sem vel leo venenatis vitae laoreet.

– Hide code+ Show code

[pb_feature layout="50x50" icon_size="large" icon_position="top"]
[pb_feature_item item_icon="play"]
[pb_feature_item_header]Vestibulum ante ipsum primis[/pb_feature_item_header]
[pb_feature_item_content]Integer efficitur tortor consectetur tellus semper cursus nullam efficitur euismod erat et tempus fusce vel ligula vel mauris finibus.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="stop"]
[pb_feature_item_header]Finibus lorem a justo interdum malesuada[/pb_feature_item_header]
[pb_feature_item_content]Mauris tempor ipsum laoreet nunc ultrices a congue erat condimentum vivamus egestas sem vel leo venenatis vitae laoreet.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Donec nec dui quis justo lacinia

Fusce tincidunt aliquet magna dictum feugiat nibh rhoncus eget in orci justo.
Phasellus placerat vel tellus

Vestibulum at tincidunt erat et suscipit tortor mauris nec fringilla massa a lorem.
Maecenas id mi nibh sed at lectus

Proin dictum blandit diam integer bibendum augue vel leo tincidunt in laoreet ligula.

– Hide code+ Show code

[pb_feature layout="33x33x33" icon_size="medium" icon_position="top"]
[pb_feature_item item_icon="mobile"]
[pb_feature_item_header]Donec nec dui quis justo lacinia[/pb_feature_item_header]
[pb_feature_item_content]Fusce tincidunt aliquet magna dictum feugiat nibh rhoncus eget in orci justo.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="paint-brush"]
[pb_feature_item_header]Phasellus placerat vel tellus[/pb_feature_item_header]
[pb_feature_item_content]Vestibulum at tincidunt erat et suscipit tortor mauris nec fringilla massa a lorem.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="plane"]
[pb_feature_item_header]Maecenas id mi nibh sed at lectus[/pb_feature_item_header]
[pb_feature_item_content]Proin dictum blandit diam integer bibendum augue vel leo tincidunt in laoreet ligula. [/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]

Praesent suscipit eros

Sed gravida metus vitae libero elementum aliquet.
Cras scelerisque tempus

Pellentesque habitant morbi tristique et netus.
Donec id sagittis quam

Nulla fringilla tristique lacus non lacinia ultrices.
Donec justo quam tempus

Maecenas posuere turpis eros id tristique dui tristique.

– Hide code+ Show code

[pb_feature layout="25x25x25x25" icon_size="medium" icon_position="top"]
[pb_feature_item item_icon="question"]
[pb_feature_item_header]Praesent suscipit eros[/pb_feature_item_header]
[pb_feature_item_content]Sed gravida metus vitae libero elementum aliquet.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="power-off"]
[pb_feature_item_header]Cras scelerisque tempus[/pb_feature_item_header]
[pb_feature_item_content]Pellentesque habitant morbi tristique et netus.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="photo"]
[pb_feature_item_header]Donec id sagittis quam[/pb_feature_item_header]
[pb_feature_item_content]Nulla fringilla tristique lacus non lacinia ultrices.[/pb_feature_item_content]
[/pb_feature_item]
[pb_feature_item item_icon="plug"]
[pb_feature_item_header]Donec justo quam tempus[/pb_feature_item_header]
[pb_feature_item_content]Maecenas posuere turpis eros id tristique dui tristique.[/pb_feature_item_content]
[/pb_feature_item]
[/pb_feature]