Buttons Group

Usefull elements to build website

GLMLButtons Group

[vc_row css= ».vc_custom_1413110634478{margin-top: 70px !important;} »][vc_column][headline style= »heading-line » hedaline_subtitle_size= »subtitle-size-small » hedaline_subtitle_position= »bellow »]Button Group Small[/headline][/vc_column][/vc_row][vc_row css= ».vc_custom_1435115299035{margin-top: 40px !important;margin-bottom: 70px !important;} »][vc_column width= »1/2″][buttongroup][buttongroup_item text= »Call Us » subtext= »subtext » bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » icon= »none » position= »left »][buttongroup_sep][buttongroup_item text= »Contact Us » subtext= »lorem ipsum dolor sit » bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » icon= »none » position= »left »][buttongroup_sep][buttongroup_item text= »Subscribe Newsletter » subtext= »vel facilisis arcu » bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » icon= »none » position= »left »][/buttongroup][/vc_column][vc_column width= »1/2″][buttongroup][buttongroup_item text= »Call Us » subtext= »subtext » textcolor= »#ffffff » hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-phone2″ position= »left »][buttongroup_sep s_bgcolor1= »#ffffff » use_badge= »true » s_bgcolor= »#ffffff » s_textcolor= »#222222″ s_bordercolor= »#ffffff » radius= »2″][buttongroup_item text= »Contact Us » subtext= »lorem ipsum dolor sit » bgcolor= »#6ec878″ textcolor= »#ffffff » bordercolor= »#6ec878″ hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-envelope-o » position= »left »][buttongroup_sep s_bgcolor1= »#ffffff » use_badge= »true » s_bgcolor= »#ffffff » s_textcolor= »#222222″ s_bordercolor= »#ffffff » radius= »2″][buttongroup_item text= »Subscribe Newsletter » subtext= »vel facilisis arcu » bgcolor= »#eb5a55″ textcolor= »#ffffff » bordercolor= »#eb5a55″ hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-bell » position= »left »][/buttongroup][/vc_column][/vc_row][vc_row css= ».vc_custom_1413110634478{margin-top: 70px !important;} »][vc_column][headline style= »heading-line » hedaline_subtitle_size= »subtitle-size-small » hedaline_subtitle_position= »bellow »]Button Group Small with dropdown buttons[/headline][/vc_column][/vc_row][vc_row css= ».vc_custom_1435116106025{margin-top: 40px !important;margin-bottom: 70px !important;} »][vc_column][buttongroup][buttongroup_item text= »Call Us » subtext= »livehelp 24/7″ bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » icon= »Default-phone5″ position= »left »][buttongroup_sep][buttongroup_dropdown text= »Dropdown Button » subtext= »menu, mode on hover » bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » mode= »onhover » menu= »footer-menu »][buttongroup_sep s_text= »or » s_bgcolor= »#ffffff » s_textcolor= »#2e2a27″ s_bordercolor= »#ffffff »][buttongroup_dropdown text= »Dropdown Button » bgcolor= »#2e2a27″ textcolor= »#ffffff » bordercolor= »#2e2a27″ htextcolor= »#ffffff » hbordercolor= »#ef1e1e » menu= »button-dropdown » subtext= »menu, mode on click » source_type= »menu » mode= »onhover » hbgcolor= »#ef1e1e »][buttongroup_sep s_text= »or » s_bgcolor= »#ffffff » s_textcolor= »#2e2a27″ s_bordercolor= »#ffffff »][buttongroup_dropdown text= »Dropdown Button » bgcolor= »#2e2a27″ textcolor= »#ffffff » bordercolor= »#2e2a27″ htextcolor= »#ffffff » hbordercolor= »#ef1e1e » menu= »button-dropdown » subtext= »menu, mode on click » source_type= »menu » mode= »onclick » hbgcolor= »#ef1e1e »][buttongroup_sep s_text= »or » s_bgcolor= »#ffffff » s_textcolor= »#2e2a27″ s_bordercolor= »#ffffff »][buttongroup_dropdown text= »Dropdown Button » bgcolor= »#2e2a27″ textcolor= »#ffffff » bordercolor= »#2e2a27″ htextcolor= »#ffffff » hbordercolor= »#ef1e1e » menu= »button-dropdown » subtext= »HTML, mode on click » source_type= »html » mode= »onclick » hbgcolor= »#ef1e1e »][contact-form-7 id= »4″ title= »Contact form 1″][/buttongroup_dropdown][buttongroup_sep][buttongroup_dropdown text= »Dropdown Button » subtext= »HTML, mode on click » bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » source_type= »html »]Sample HTML content[/buttongroup_dropdown][/buttongroup][/vc_column][/vc_row][vc_row css= ».vc_custom_1413110634478{margin-top: 70px !important;} »][vc_column][headline style= »heading-line » hedaline_subtitle_size= »subtitle-size-small » hedaline_subtitle_position= »bellow »]Button Group Rounded[/headline][/vc_column][/vc_row][vc_row css= ».vc_custom_1435116617469{margin-top: 40px !important;margin-bottom: 70px !important;} »][vc_column width= »1/2″][buttongroup size= »medium » radius= »40″ equal_width= »true »][buttongroup_item text= »Call Us » subtext= »helpline 24/7″ bgcolor= »#3c3c3c » textcolor= »#ffffff » bordercolor= »#3c3c3c » hbgcolor= »#3296dc » hbordercolor= »#3296dc » icon= »none » position= »left »][buttongroup_sep s_bgcolor1= »#ffffff » use_badge= »true » s_bgcolor= »#ffffff » s_bordercolor= »#ffffff » radius= »2″][buttongroup_item text= »Contact Us » subtext= »drop a line to us » icon_position= »right » textcolor= »#ffffff » hbgcolor= »#3c3c3c » hbordercolor= »#3c3c3c » icon= »none » position= »left »][/buttongroup][/vc_column][vc_column width= »1/2″][buttongroup size= »medium » radius= »40″ equal_width= »true »][buttongroup_item text= »Call Us » subtext= »helpline 24/7″ bgcolor= »#6ec878″ textcolor= »#ffffff » bordercolor= »#6ec878″ hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-phone2″ position= »left »][buttongroup_sep s_bgcolor1= »#ffffff » use_badge= »true » s_bgcolor= »#ffffff » s_textcolor= »#222222″ s_bordercolor= »#ffffff » radius= »2″][buttongroup_item text= »Contact Us » subtext= »drop a line to us » icon_position= »right » bgcolor= »#eb5a55″ textcolor= »#ffffff » bordercolor= »#eb5a55″ hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-envelope-o » position= »left »][/buttongroup][/vc_column][/vc_row][vc_row parallax_bg= »true » css= ».vc_custom_1435117447363{padding-top: 90px !important;padding-bottom: 90px !important;background-image: url(http://glml.fr/wp-content/uploads/2015/06/parallax2.jpg?id=5123) !important;} »][vc_column][vc_row_inner][vc_column_inner width= »1/2″][buttongroup size= »medium » radius= »40″ equal_width= »true »][buttongroup_item subtext= »subtitle » bgcolor= »rgba(255,255,255,0.01) » textcolor= »#ffffff » bordercolor= »#ffffff » hbgcolor= »#ffffff » htextcolor= »#3c3c3c » hbordercolor= »#ffffff »][buttongroup_sep s_width= »0″ s_bgcolor1= »#ffffff » use_badge= »true » s_bgcolor= »#202020″ s_textcolor= »#ffffff » s_bordercolor= »#ffffff »][buttongroup_item subtext= »subtitle » bgcolor= »rgba(255,255,255,0.01) » textcolor= »#ffffff » bordercolor= »#ffffff » hbgcolor= »#ffffff » htextcolor= »#3c3c3c » hbordercolor= »#ffffff »][/buttongroup][/vc_column_inner][vc_column_inner width= »1/2″][buttongroup size= »medium » radius= »40″ equal_width= »true »][buttongroup_item subtext= »subtitle » bgcolor= »rgba(255,255,255,0.01) » textcolor= »#ffffff » bordercolor= »#ffffff » hbgcolor= »#3296dc » htextcolor= »#ffffff » hbordercolor= »#3296dc » icon= »Default-drupal »][buttongroup_sep s_width= »0″ s_bgcolor1= »#ffffff » use_badge= »true » s_bgcolor= »#ffffff » s_textcolor= »#222222″ s_bordercolor= »#ffffff »][buttongroup_item subtext= »subtitle » icon_position= »right » bgcolor= »rgba(255,255,255,0.01) » textcolor= »#ffffff » bordercolor= »#ffffff » hbgcolor= »#6ec878″ htextcolor= »#ffffff » hbordercolor= »#6ec878″ icon= »Default-joomla »][/buttongroup][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css= ».vc_custom_1413110634478{margin-top: 70px !important;} »][vc_column][headline style= »heading-line » hedaline_subtitle_size= »subtitle-size-small » hedaline_subtitle_position= »bellow »]Button Group Large[/headline][/vc_column][/vc_row][vc_row css= ».vc_custom_1435117764222{margin-top: 40px !important;margin-bottom: 90px !important;} »][vc_column][buttongroup size= »large » equal_width= »true »][buttongroup_item text= »CALL US » subtext= »HELPLINE 24/7″ bgcolor= »#6ec878″ textcolor= »#ffffff » bordercolor= »#6ec878″ hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-phone2″ position= »left »][buttongroup_sep s_bgcolor1= »#ffffff » use_badge= »true » s_text= »OR » s_bgcolor= »#ffffff » s_textcolor= »#222222″ s_bordercolor= »#ffffff »][buttongroup_item text= »CONTACT US » subtext= »DROP US A LINE » icon_position= »right » bgcolor= »#eb5a55″ textcolor= »#ffffff » bordercolor= »#eb5a55″ hbgcolor= »#3c3c3c » htextcolor= »#ffffff » hbordercolor= »#3c3c3c » icon= »Default-envelope-o » position= »left »][/buttongroup][/vc_column][/vc_row]