Thu. Mar 28th, 2024

Button styles

[vc_row tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Creative buttons with light background” subtitle=”Advanced animate buttons”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1a”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1b” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1c” color=”btn-gray”][tlg_spacer height=”8″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1d” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1e” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-dark” tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Creative buttons with dark background” subtitle=”Advanced animate buttons”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1a”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1b” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1c” color=”btn-gray”][tlg_spacer height=”8″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1d” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1e” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_padding=”pb0″ tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Customize button colors” subtitle=”Advanced color buttons”][/vc_column][/vc_row][vc_row tlg_padding=”pt0″ tlg_text_align=”text-center”][vc_column][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” customize_button=”yes” btn_color=”#28262b” btn_color_hover=”#ffffff” btn_bg_hover=”#28262b” btn_border=”#e2e2e2″ btn_border_hover=”#28262b”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” customize_button=”yes” color=”btn-light” btn_color=”#ffffff” btn_color_hover=”#28262b” btn_bg=”#28262b” btn_bg_hover=”rgba(255,255,255,0.01)” btn_border=”#28262b” btn_border_hover=”#e2e2e2″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” customize_button=”yes” color=”btn-gray” btn_color=”#ffffff” btn_color_hover=”#ffffff” btn_bg=”#e06060″ btn_bg_hover=”#bd3c3c” btn_border=”#e06060″ btn_border_hover=”#bd3c3c”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” customize_button=”yes” color=”btn-dark” btn_color=”#ffffff” btn_color_hover=”#ffffff” btn_bg=”#eac36e” btn_bg_hover=”#82c57e” btn_border=”#eac36e” btn_border_hover=”#82c57e”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” customize_button=”yes” color=”btn-dark” btn_color=”#ffffff” btn_color_hover=”#ffffff” btn_bg=”#3e62e0″ btn_bg_hover=”#3b5ac5″ btn_border=”#3e62e0″ btn_border_hover=”#3b5ac5″][tlg_spacer height=”8″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#ffae7e” btn_color_hover=”#ffffff” btn_bg=”rgba(255,255,255,0.01)” btn_bg_hover=”#ffae7e” btn_border=”#ffae7e” btn_border_hover=”#ffae7e”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#7e5ae2″ btn_color_hover=”#ffffff” btn_bg=”rgba(255,255,255,0.01)” btn_bg_hover=”#7e5ae2″ btn_border=”#7e5ae2″ btn_border_hover=”#7e5ae2″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#ffffff” btn_color_hover=”#ffffff” btn_bg=”#e25a77″ btn_bg_hover=”#28262b” btn_border=”#e25a77″ btn_border_hover=”#28262b”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#ffffff” btn_color_hover=”#ffffff” btn_bg=”#e25abc” btn_bg_hover=”#28262b” btn_border=”#e25abc” btn_border_hover=”#28262b”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1f” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#ffffff” btn_color_hover=”#85c34a” btn_bg=”#85c34a” btn_bg_hover=”#ffffff” btn_border=”#85c34a” btn_border_hover=”#85c34a”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-secondary” tlg_padding=”pb0″ tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Animation buttons” subtitle=”Advanced animate buttons”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-secondary” tlg_padding=”pt0″ tlg_text_align=”text-center”][vc_column width=”1/3″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-sink”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-bob” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-hang” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-float” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-push” color=”btn-dark”][/vc_column][vc_column width=”1/3″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-skew” icon=”ti-cut” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-skew-forward” icon=”ti-announcement” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-wobble-horizontal” icon=”ti-crown” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-wobble-vertical” icon=”ti-user” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” hover=”hvr-wobble-to-bottom-right” icon=”ti-medall” color=”btn-dark”][/vc_column][vc_column width=”1/3″][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-filled btn-rounded” hover=”hvr-wobble-to-top-right” icon=”ti-back-left” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-filled btn-rounded” hover=”hvr-wobble-top” icon=”ti-bookmark-alt” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-rounded” hover=”hvr-wobble-horizontal” icon=”ti-star” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-rounded” hover=”hvr-wobble-vertical” icon=”ti-shopping-cart-full” color=”btn-dark”][tlg_button title=”Advanced Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-rounded” hover=”hvr-wobble-to-bottom-right” icon=”ti-arrow-circle-right” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Standard icon button” subtitle=”Advanced buttons with white background”][tlg_button title=”Advanced Button” btn_link=”url:%23||” icon=”ti-star”][tlg_button title=”Advanced Button” btn_link=”url:%23||” icon=”ti-key” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” icon=”ti-import” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” icon=”ti-gift” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-secondary” tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Line button” subtitle=”Advanced buttons with white background”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Buttons rounded” subtitle=”Advanced rounded buttons with white background”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn btn-rounded”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn btn-rounded” icon=”ti-search” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn btn-filled btn-rounded” icon=”ti-import” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn btn-filled btn-rounded” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-dark” tlg_white_color=”color-white” tlg_text_align=”text-center” css=”.vc_custom_1469262813886{background-image: url(http://hcface.com/wp-content/uploads/2016/07/fashionable.jpg?id=3435) !important;}”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Buttons with image background” subtitle=”Advanced line icon buttons”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-location-arrow”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-music-alt” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-shopping-cart” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-control-play” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-primary” tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Buttons with primary background” subtitle=”Advanced standard buttons”][tlg_button title=”Advanced Button” btn_link=”url:%23||”][tlg_button title=”Advanced Button” btn_link=”url:%23||” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-secondary” tlg_text_align=”text-center”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Buttons with gray background” subtitle=”Advanced line buttons”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” color=”btn-dark”][/vc_column][/vc_row][vc_row tlg_background_style=”bg-dark” tlg_text_align=”text-center” css=”.vc_custom_1452610321675{background-color: #242424 !important;}”][vc_column][tlg_headings separator=”line_icon” icon=”ti-shield” title=”Buttons with dark background” subtitle=”Advanced line icon buttons”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-location-arrow”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-music-alt” color=”btn-light”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-shopping-cart” color=”btn-gray”][tlg_button title=”Advanced Button” btn_link=”url:%23||” layout=”btn” icon=”ti-control-play” color=”btn-dark”][/vc_column][/vc_row]