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.

– Hide code+ Show code
[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]