Button

[vc_row][vc_column][vc_column_text css=”.vc_custom_1479787444863{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button Features

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

  • 8 style display
  • 3 style shape
  • 19 default color

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

  • Custom color
  • Custom background
  • Custom gradient colors

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

  • 4 size of button
  • Button alignment
  • Add icon

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479783060335{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button Modern

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” i_align=”right” i_icon_fontawesome=”fa fa-envira” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” size=”lg” i_icon_fontawesome=”fa fa-envira” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” shape=”square” color=”primary” i_align=”right” i_icon_fontawesome=”fa fa-universal-access” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” shape=”square” color=”primary” size=”lg” i_icon_fontawesome=”fa fa-instagram” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” shape=”round” color=”info” i_align=”right” i_icon_fontawesome=”fa fa-wheelchair-alt” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” shape=”round” color=”info” size=”lg” i_icon_fontawesome=”fa fa-question-circle-o” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479784173811{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button Classic

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”classic” color=”success” i_align=”right” i_icon_fontawesome=”fa fa-volume-control-phone” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”classic” color=”success” size=”lg” i_icon_fontawesome=”fa fa-braille” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” i_align=”right” i_icon_fontawesome=”fa fa-american-sign-language-interpreting” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”classic” shape=”square” color=”warning” size=”lg” i_icon_fontawesome=”fa fa-glide” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” i_align=”right” i_icon_fontawesome=”fa fa-snapchat” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”classic” shape=”round” color=”danger” size=”lg” i_icon_fontawesome=”fa fa-snapchat-ghost” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479784887288{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button Flat

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”flat” color=”inverse” i_align=”right” i_icon_fontawesome=”fa fa-music” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”flat” color=”inverse” size=”lg” i_icon_fontawesome=”fa fa-search” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” i_align=”right” i_icon_fontawesome=”fa fa-heart” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”flat” shape=”square” color=”blue” size=”lg” i_icon_fontawesome=”fa fa-star” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” i_align=”right” i_icon_fontawesome=”fa fa-film” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”flat” shape=”round” color=”turquoise” size=”lg” i_icon_fontawesome=”fa fa-check” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479785441844{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button Outline

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”outline” color=”pink” i_align=”right” i_icon_fontawesome=”fa fa-search-plus” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”outline” color=”pink” size=”lg” i_icon_fontawesome=”fa fa-search-minus” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” i_align=”right” i_icon_fontawesome=”fa fa-signal” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”outline” shape=”square” color=”violet” size=”lg” i_icon_fontawesome=”fa fa-cog” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” i_align=”right” i_icon_fontawesome=”fa fa-home” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”outline” shape=”round” color=”peacoc” size=”lg” i_icon_fontawesome=”fa fa-clock-o” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479786237280{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button 3D

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”3d” color=”chino” i_align=”right” i_icon_fontawesome=”fa fa-download” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”3d” color=”chino” size=”lg” i_icon_fontawesome=”fa fa-inbox” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” i_align=”right” i_icon_fontawesome=”fa fa-lock” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”3d” shape=”square” color=”mulled-wine” size=”lg” i_icon_fontawesome=”fa fa-flag” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” i_align=”right” i_icon_fontawesome=”fa fa-volume-up” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”3d” shape=”round” color=”vista-blue” size=”lg” i_icon_fontawesome=”fa fa-qrcode” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479786995030{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Button Gradient

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”gradient” i_align=”right” i_icon_fontawesome=”fa fa-download” link=”url:%23|title:Button%20text||” add_icon=”true”][vc_btn title=”Button text” style=”gradient” size=”lg” i_icon_fontawesome=”fa fa-inbox” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][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” link=”url:%23|title:Button%20text||” add_icon=”true”][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” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][vc_column width=”1/3″][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” link=”url:%23|title:Button%20text||” add_icon=”true”][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” link=”url:%23|title:Button%20text||” add_icon=”true”][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” link=”url:%23|title:Button%20text||” add_icon=”true”][/vc_column][/vc_row]

%d bloggers like this: