Buttons

Home / Buttons

[vc_row css=”.vc_custom_1504174974515{background-color: #eff5ff!important;}”][vc_column][gsf_space desktop=”60″ tablet=”50″ tablet_portrait=”50″ mobile_landscape=”50″ mobile=”40″][gsf_heading el_class=”mg-bottom-30″]3D Buttons[/gsf_heading][vc_btn title=”Red” style=”3d” color=”danger” i_icon_fontawesome=”fa fa-power-off” add_icon=”true” css=”.vc_custom_1472194910381{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Turquoise” style=”3d” color=”info” i_icon_fontawesome=”fa fa-signal” add_icon=”true” css=”.vc_custom_1472194931769{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Orange” style=”3d” color=”warning” i_icon_fontawesome=”fa fa-trash-o” add_icon=”true” css=”.vc_custom_1472194958367{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Blue” style=”3d” color=”primary” i_icon_fontawesome=”fa fa-medium” add_icon=”true” css=”.vc_custom_1472194982738{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Black” style=”3d” color=”inverse” i_icon_fontawesome=”fa fa-tachometer” add_icon=”true” css=”.vc_custom_1472195005145{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Pink” style=”3d” color=”juicy-pink” i_icon_fontawesome=”fa fa-modx” add_icon=”true” css=”.vc_custom_1472195031217{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”White” style=”3d” color=”white” i_icon_fontawesome=”fa fa-fire-extinguisher” add_icon=”true” css=”.vc_custom_1472195059972{margin-right: 20px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504174983267{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=””]Gradient Buttons[/gsf_heading][vc_btn title=”Red” style=”gradient” gradient_color_2=”grey” i_icon_fontawesome=”fa fa-power-off” add_icon=”true” css=”.vc_custom_1472195468359{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Turquoise” style=”gradient” gradient_color_1=”peacoc” gradient_color_2=”chino” i_icon_fontawesome=”fa fa-signal” add_icon=”true” css=”.vc_custom_1472195520040{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Orange” style=”gradient” gradient_color_1=”orange” gradient_color_2=”pink” i_icon_fontawesome=”fa fa-trash-o” add_icon=”true” css=”.vc_custom_1472195591970{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Blue” style=”gradient” gradient_color_1=”blue” gradient_color_2=”vista-blue” i_icon_fontawesome=”fa fa-medium” add_icon=”true” css=”.vc_custom_1472195619176{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Black” style=”gradient” gradient_color_1=”black” gradient_color_2=”grey” i_icon_fontawesome=”fa fa-tachometer” add_icon=”true” css=”.vc_custom_1472195647702{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”Pink” style=”gradient” gradient_color_1=”pink” gradient_color_2=”turquoise” i_icon_fontawesome=”fa fa-modx” add_icon=”true” css=”.vc_custom_1472195678872{margin-right: 20px !important;margin-bottom: 20px !important;}”][vc_btn title=”White” style=”gradient” gradient_color_1=”white” gradient_color_2=”turquoise” i_icon_fontawesome=”fa fa-fire-extinguisher” add_icon=”true” css=”.vc_custom_1472195702408{margin-right: 20px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504174992566{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Classic Round Buttons[/gsf_heading][gsf_button title=”Read More” shape=”round” css=”.vc_custom_1492396628775{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”round” color=”gray” css=”.vc_custom_1492396638755{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”round” color=”black” css=”.vc_custom_1492396645729{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”round” color=”white” css=”.vc_custom_1492396652713{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175001120{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Classic Rounded Buttons[/gsf_heading][gsf_button title=”Read More” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492396839680{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” color=”black” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492396875639{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492396839680{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” color=”white” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492396881823{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175009590{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Classic Square Buttons[/gsf_heading][gsf_button title=”Read More” shape=”square” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492396733434{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” color=”gray” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492396743481{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” color=”black” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492396749849{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” color=”white” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492396761624{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175017274{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Outline Round Buttons[/gsf_heading][gsf_button title=”Read More” style=”outline” shape=”round” css=”.vc_custom_1492396990949{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”round” color=”gray” css=”.vc_custom_1492397002253{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”round” color=”black” css=”.vc_custom_1492397009317{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”round” color=”white” css=”.vc_custom_1492397015805{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175024990{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Outline Rounded Buttons[/gsf_heading][gsf_button title=”Read More” style=”outline” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397064465{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”gray” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397078669{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”black” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397084212{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”white” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397089828{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175032819{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Outline Square Buttons[/gsf_heading][gsf_button title=”Read More” style=”outline” shape=”square” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397138736{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”square” color=”gray” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397192000{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”square” color=”black” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397197997{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”square” color=”white” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397204677{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row content_placement=”middle” el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175044787{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Multi Size Buttons[/gsf_heading][vc_row_inner][vc_column_inner][gsf_button title=”Read More” shape=”square” size=”xs” css=”.vc_custom_1504174781377{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” css=”.vc_custom_1492397567039{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” size=”md” css=”.vc_custom_1492397575015{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” size=”lg” css=”.vc_custom_1492397584206{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”square” size=”xl” css=”.vc_custom_1492397596439{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1504175054331{background-color: #eff5ff!important;}”][vc_column_inner][gsf_button title=”Read More” style=”outline” color=”gray” size=”xl” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397883332{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”gray” size=”lg” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397892434{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”gray” size=”md” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397900697{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”gray” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397908882{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” color=”gray” size=”xs” icon_font=”fa fa-fire-extinguisher” add_icon=”1″ css=”.vc_custom_1492397922954{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1504175062056{background-color: #eff5ff!important;}”][vc_column_inner][gsf_button title=”Read More” style=”3d” shape=”round” color=”black” size=”xs” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397939419{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”3d” shape=”round” color=”black” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397948153{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”3d” shape=”round” color=”black” size=”md” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397956242{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”3d” shape=”round” color=”black” size=”lg” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397967057{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”3d” shape=”round” color=”black” size=”xl” icon_font=”fa fa-fire” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492397975221{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175069503{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Icon Buttons[/gsf_heading][vc_row_inner][vc_column_inner][gsf_button title=”Read More” shape=”round” icon_font=”fa fa-fire” add_icon=”1″ css=”.vc_custom_1492398114676{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”round” icon_font=”fa fa-fire” add_icon=”1″ css=”.vc_custom_1492398129448{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”3d” shape=”round” icon_font=”fa fa-fire” add_icon=”1″ css=”.vc_custom_1492398135727{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”3d” shape=”round” icon_font=”fa fa-fire-extinguisher” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492398178030{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” style=”outline” shape=”round” icon_font=”fa fa-fire-extinguisher” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492398170880{margin-right: 10px !important;margin-bottom: 20px !important;}”][gsf_button title=”Read More” shape=”round” icon_font=”fa fa-fire-extinguisher” icon_align=”right” add_icon=”1″ css=”.vc_custom_1492398183167{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175078976{background-color: #eff5ff!important;}”][vc_column el_class=”xs-mg-bottom-30″ width=”1/3″][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Buttons Left[/gsf_heading][gsf_button title=”Read More” shape=”square” align=”left” css=”.vc_custom_1492398229323{margin-right: 10px !important;margin-bottom: 20px !important;}”][/vc_column][vc_column el_class=”xs-mg-bottom-30″ width=”1/3″][gsf_heading sub_title=”” text_align=”text-center” el_class=”mg-bottom-30″]Buttons Center[/gsf_heading][gsf_button title=”Read More” shape=”square” align=”center” css=”.vc_custom_1492398423189{margin-bottom: 20px !important;}”][/vc_column][vc_column width=”1/3″][gsf_heading sub_title=”” text_align=”text-right” el_class=”mg-bottom-30″]Buttons Right[/gsf_heading][gsf_button title=”Read More” shape=”square” align=”right” css=”.vc_custom_1504174822826{margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row el_class=”pd-top-50 sm-pd-top-30″ css=”.vc_custom_1504175085780{background-color: #eff5ff!important;}”][vc_column][gsf_heading sub_title=”” el_class=”mg-bottom-30″]Block Buttons[/gsf_heading][gsf_button title=”GET A QUOTE” align=”center” button_block=”on” css=”.vc_custom_1504228564578{margin-bottom: 20px !important;}”][/vc_column][vc_column][gsf_button title=”GET A QUOTE” style=”outline” align=”center” button_block=”on” css=”.vc_custom_1504228568700{margin-bottom: 20px !important;}”][/vc_column][vc_column][gsf_button title=”GET A QUOTE” style=”3d” align=”center” button_block=”on” css=”.vc_custom_1504228572785{margin-bottom: 20px !important;}”][gsf_space desktop=”60″ tablet=”50″ tablet_portrait=”50″ mobile_landscape=”50″ mobile=”40″][/vc_column][/vc_row]