Connect with us

Button Types

[vc_row][vc_column][vc_empty_space height=”92px”][/vc_column][/vc_row][vc_row][vc_column][vc_pf_fancy_heading title=”1. Compact Buttons” fancy_heading_style=”Style 2″ ico_moon_icon=”” line_width=”100″][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”33px”][/vc_column][/vc_row][vc_row][vc_column el_class=”text-center”][vc_btn title=”SKIN COLOR 1 BUTTON” style=”custom” custom_background=”#709448″ custom_text=”#ffffff” shape=”square” size=”sm”][vc_btn title=”SKIN COLOR 2 BUTTON” style=”custom” custom_background=”#1761c6″ custom_text=”#ffffff” shape=”square” size=”sm”][vc_btn title=”RED BUTTON” style=”custom” custom_background=”#dc0f22″ custom_text=”#ffffff” shape=”square” size=”sm”][vc_btn title=”ORANGE BUTTON” style=”custom” custom_background=”#dc5c0f” custom_text=”#ffffff” shape=”square” size=”sm”][vc_empty_space height=”0″][vc_btn title=”YELLOW BUTTON” style=”custom” custom_background=”#dcb30f” custom_text=”#ffffff” shape=”square” size=”sm”][vc_btn title=”GREEN BUTTON” style=”custom” custom_background=”#4cb238″ custom_text=”#ffffff” shape=”square” size=”sm”][vc_btn title=”BLUE BUTTON” style=”custom” custom_background=”#1586ef” custom_text=”#ffffff” shape=”square” size=”sm”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”57px”][/vc_column][/vc_row][vc_row][vc_column][vc_pf_fancy_heading title=”2. Normal Buttons” fancy_heading_style=”Style 2″ ico_moon_icon=””][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column el_class=”text-center”][vc_btn title=”SKIN COLOR 1 BUTTON” style=”custom” custom_background=”#709448″ custom_text=”#ffffff” shape=”square” link=”url:http%3A%2F%2Ftest|title:test||”][vc_btn title=”SKIN COLOR 2 BUTTON” style=”custom” custom_background=”#1761c6″ custom_text=”#ffffff” shape=”square”][vc_btn title=”RED BUTTON” style=”custom” custom_background=”#dc0f22″ custom_text=”#ffffff” shape=”square”][vc_btn title=”ORANGE BUTTON” style=”custom” custom_background=”#dc5c0f” custom_text=”#ffffff” shape=”square”][vc_empty_space height=”0″][vc_btn title=”YELLOW BUTTON” style=”custom” custom_background=”#dcb30f” custom_text=”#ffffff” shape=”square”][vc_btn title=”GREEN BUTTON” style=”custom” custom_background=”#4cb238″ custom_text=”#ffffff” shape=”square”][vc_btn title=”BLUE BUTTON” style=”custom” custom_background=”#1586ef” custom_text=”#ffffff” shape=”square”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”54px”][/vc_column][/vc_row][vc_row][vc_column][vc_pf_fancy_heading title=”3. Alternate Buttons” fancy_heading_style=”Style 2″ ico_moon_icon=””][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column el_class=”text-center”][vc_btn title=”SKIN COLOR 1 BUTTON” style=”outline-custom” outline_custom_color=”#709448″ outline_custom_hover_background=”#709448″ outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][vc_btn title=”SKIN COLOR 2 BUTTON” style=”outline-custom” outline_custom_color=”#1761c6″ outline_custom_hover_background=”#1761c6″ outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][vc_btn title=”RED BUTTON” style=”outline-custom” outline_custom_color=”#dc0f22″ outline_custom_hover_background=”#dc0f22″ outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][vc_empty_space height=”0″][vc_btn title=”ORANGE BUTTON” style=”outline-custom” outline_custom_color=”#dc5c0f” outline_custom_hover_background=”#dc5c0f” outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][vc_btn title=”YELLOW BUTTON” style=”outline-custom” outline_custom_color=”#dcb30f” outline_custom_hover_background=”#dcb30f” outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][vc_btn title=”GREEN BUTTON” style=”outline-custom” outline_custom_color=”#4cb238″ outline_custom_hover_background=”#4cb238″ outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][vc_empty_space height=”0″][vc_btn title=”GREEN BUTTON” style=”outline-custom” outline_custom_color=”#1586ef” outline_custom_hover_background=”#1586ef” outline_custom_hover_text=”#ffffff” shape=”square” size=”lg”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”50px”][/vc_column][/vc_row]