Alienum phaedrum torquatos nec eu, vis detraxit periculis ex, nihil expetendis in mei. Mei an pericula euripidis, hinc partem.

Button element

capitainerie / Button element

Button Features

  • 8 style display
  • 3 style shape
  • 19 default color
  • Custom color
  • Custom background
  • Custom gradient colors
  • 4 size of button
  • Button alignment
  • Add icon

Button Modern

[vc_btn title=”Button text” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” i_icon_fontawesome=”fa fa-envira” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” i_align=”right” i_icon_fontawesome=”fa fa-envira” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” size=”lg” i_icon_fontawesome=”fa fa-envira” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” shape=”square” color=”primary” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”square” color=”primary” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”square” color=”primary” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”square” color=”primary” i_icon_fontawesome=”fa fa-wpforms” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”square” color=”primary” i_align=”right” i_icon_fontawesome=”fa fa-universal-access” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”square” color=”primary” size=”lg” i_icon_fontawesome=”fa fa-instagram” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” shape=”round” color=”info” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”round” color=”info” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”round” color=”info” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”round” color=”info” i_icon_fontawesome=”fa fa-gitlab” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”round” color=”info” i_align=”right” i_icon_fontawesome=”fa fa-wheelchair-alt” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” shape=”round” color=”info” size=”lg” i_icon_fontawesome=”fa fa-question-circle-o” add_icon=”true” link=”url:%23|title:Button%20text||”]

Button Classic

[vc_btn title=”Button text” style=”classic” color=”success” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” color=”success” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” color=”success” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” color=”success” i_icon_fontawesome=”fa fa-audio-description” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” color=”success” i_align=”right” i_icon_fontawesome=”fa fa-volume-control-phone” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” color=”success” size=”lg” i_icon_fontawesome=”fa fa-braille” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” i_icon_fontawesome=”fa fa-assistive-listening-systems” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” i_align=”right” i_icon_fontawesome=”fa fa-american-sign-language-interpreting” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” size=”lg” i_icon_fontawesome=”fa fa-glide” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” i_icon_fontawesome=”fa fa-viadeo” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” i_align=”right” i_icon_fontawesome=”fa fa-snapchat” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” size=”lg” i_icon_fontawesome=”fa fa-snapchat-ghost” add_icon=”true” link=”url:%23|title:Button%20text||”]

Button Flat

[vc_btn title=”Button text” style=”flat” color=”inverse” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” color=”inverse” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” color=”inverse” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” color=”inverse” i_icon_fontawesome=”fa fa-font-awesome” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” color=”inverse” i_align=”right” i_icon_fontawesome=”fa fa-music” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” color=”inverse” size=”lg” i_icon_fontawesome=”fa fa-search” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” i_icon_fontawesome=”fa fa-envelope-o” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” i_align=”right” i_icon_fontawesome=”fa fa-heart” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” size=”lg” i_icon_fontawesome=”fa fa-star” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” i_icon_fontawesome=”fa fa-user” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” i_align=”right” i_icon_fontawesome=”fa fa-film” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” size=”lg” i_icon_fontawesome=”fa fa-check” add_icon=”true” link=”url:%23|title:Button%20text||”]

Button Outline

[vc_btn title=”Button text” style=”outline” color=”pink” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” color=”pink” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” color=”pink” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” color=”pink” i_icon_fontawesome=”fa fa-times” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” color=”pink” i_align=”right” i_icon_fontawesome=”fa fa-search-plus” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” color=”pink” size=”lg” i_icon_fontawesome=”fa fa-search-minus” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” i_icon_fontawesome=”fa fa-power-off” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” i_align=”right” i_icon_fontawesome=”fa fa-signal” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” size=”lg” i_icon_fontawesome=”fa fa-cog” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” i_icon_fontawesome=”fa fa-trash-o” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” i_align=”right” i_icon_fontawesome=”fa fa-home” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” size=”lg” i_icon_fontawesome=”fa fa-clock-o” add_icon=”true” link=”url:%23|title:Button%20text||”]

Button 3D

[vc_btn title=”Button text” style=”3d” color=”chino” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” color=”chino” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” color=”chino” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” color=”chino” i_icon_fontawesome=”fa fa-road” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” color=”chino” i_align=”right” i_icon_fontawesome=”fa fa-download” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” color=”chino” size=”lg” i_icon_fontawesome=”fa fa-inbox” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” i_icon_fontawesome=”fa fa-refresh” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” i_align=”right” i_icon_fontawesome=”fa fa-lock” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” size=”lg” i_icon_fontawesome=”fa fa-flag” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” i_icon_fontawesome=”fa fa-headphones” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” i_align=”right” i_icon_fontawesome=”fa fa-volume-up” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” size=”lg” i_icon_fontawesome=”fa fa-qrcode” add_icon=”true” link=”url:%23|title:Button%20text||”]

Button Gradient

[vc_btn title=”Button text” style=”gradient” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” i_icon_fontawesome=”fa fa-road” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” i_align=”right” i_icon_fontawesome=”fa fa-download” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” size=”lg” i_icon_fontawesome=”fa fa-inbox” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”gradient” gradient_color_1=”pink” gradient_color_2=”violet” shape=”square” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”pink” gradient_color_2=”violet” shape=”square” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”pink” gradient_color_2=”violet” shape=”square” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”pink” gradient_color_2=”violet” shape=”square” i_icon_fontawesome=”fa fa-refresh” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”pink” gradient_color_2=”violet” shape=”square” i_align=”right” i_icon_fontawesome=”fa fa-lock” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”pink” gradient_color_2=”violet” shape=”square” size=”lg” i_icon_fontawesome=”fa fa-flag” add_icon=”true” link=”url:%23|title:Button%20text||”]
[vc_btn title=”Button text” style=”gradient” gradient_color_1=”vista-blue” gradient_color_2=”sky” shape=”round” size=”xs” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”vista-blue” gradient_color_2=”sky” shape=”round” size=”sm” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”vista-blue” gradient_color_2=”sky” shape=”round” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”vista-blue” gradient_color_2=”sky” shape=”round” i_icon_fontawesome=”fa fa-headphones” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”vista-blue” gradient_color_2=”sky” shape=”round” i_align=”right” i_icon_fontawesome=”fa fa-volume-up” add_icon=”true” link=”url:%23|title:Button%20text||”][vc_btn title=”Button text” style=”gradient” gradient_color_1=”vista-blue” gradient_color_2=”sky” shape=”round” size=”lg” i_icon_fontawesome=”fa fa-qrcode” add_icon=”true” link=”url:%23|title:Button%20text||”]