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][s7upf_text_header text=”Button Modern” margin_bottom=”30″][/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” 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_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” 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_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” 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||”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][s7upf_text_header text=”Button Classic” margin_bottom=”30″][/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” 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_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” 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_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” 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||”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][s7upf_text_header text=”Button Flat” margin_bottom=”30″][/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” 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_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” 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_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” 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||”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][s7upf_text_header text=”Button Outline” margin_bottom=”30″][/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” 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_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” 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_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” 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||”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][s7upf_text_header text=”Button 3D” margin_bottom=”30″][/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” 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_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” 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_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” 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||”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][s7upf_text_header text=”Button Gradient” margin_bottom=”30″][/vc_column][/vc_row][vc_row css=”.vc_custom_1493975438856{margin-bottom: 30px !important;}”][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” 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_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” 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_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” 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||”][/vc_column][/vc_row]
