Info Box

[vc_row full_content_width= » » row_align= »align-middle » top= »220px » bottom= »60px » row_separator= »no-separator » content_fadeout= »content-fadeout » parallax_bg= »parallax-bg » speed= »0.20″ scale_bg= » » scale_speed= »0.20″ bg_cover= »cover » bg_position= »Left center » parallax_video= » » video_speed= »0.20″ overlay_pattern_op= »0.2″ row_mobile_style= » » row_show_on= » » slope_top= » » slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom= » » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px » bg_image= »5894″ overlay_color= »rgba(171,224,252,0.12) » bg_color= »#3e4058″][vc_column col_height_type= » » height= » » textalign= » » slope_left= » » slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right= » » slope_right_dir= »slope-right-top » slope_right_width= »100px » width= »1/1″ css_animation= » » css_animation_delay= » »][vc_heading h_size= »h-extralarge » title= »Info Box » title_color= »#ffffff » subtitle= »to accent your key information » subtitle_color= »#ffffff » divider_type= »div-narrow » size= »small » alignment= »align-right » css_animation= »left-to-right »][/vc_column][/vc_row][vc_row full_content_width= » » row_align= »align-middle » top= »100px » bottom= »60px » row_separator= »no-separator » content_fadeout= » » parallax_bg= » » speed= »0.20″ scale_bg= » » scale_speed= »0.20″ bg_cover= » » bg_position= »Left center » parallax_video= » » video_speed= »0.20″ overlay_pattern_op= »0.2″ row_mobile_style= » » row_show_on= » » slope_top= » » slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom= » » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px »][vc_column col_height_type= » » height= » » textalign= » » slope_left= » » slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right= » » slope_right_dir= »slope-right-top » slope_right_width= »100px » width= »1/1″ css_animation= » » css_animation_delay= » »][vc_heading title= »Basic info box » subtitle= »without any distractions » divider= »div-between » divider_type= »div-narrow » size= »small » alignment= »align-center »][vc_empty_space height= »50px »][vc_row_inner height= » » parallax_bg= » » scale_bg= » » speed= »0.20″ bg_cover= » » bg_repeat= » » bg_position= »Left center » bg_attachment= » »][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-users » add_link= » » ib_style= » » radius= »0px » shadow= » » css_animation= »bottom-to-top » css_animation_delay= » » heading= »Basic Info Box » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » border_color= »#ededed » icon_color= »#ffffff » icon_cont_color= »#51cbf3″][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-energy » radius= »0px » css_animation= »bottom-to-top » heading= »With Button » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » border_color= »#ededed » icon_color= »#ffffff » icon_cont_color= »#51cbf3″ add_link= »link_button » link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank » button= »Click me » css_animation_delay= »delay-100″ shadow= »ib_shadow_l »][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-diamond » add_link= »link_button » radius= »4px » shadow= »ib_shadow_l » css_animation= »bottom-to-top » css_animation_delay= »delay-200″ heading= »Control The Colors » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » border_color= »#1abcf2″ icon_color= »#ffffff » icon_cont_color= »rgba(0,0,0,0.07) » link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank » button= »Click me » bg_color= »#51cbf3″ heading_color= »#ffffff » content_color= »rgba(255,255,255,0.8) » button_color= »#ffffff »][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-camera » add_link= »link_box » radius= »4px » shadow= »ib_shadow_l » css_animation= »bottom-to-top » css_animation_delay= »delay-300″ heading= »Whole box is a link » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » border_color= »#1abcf2″ icon_color= »#ffffff » icon_cont_color= »rgba(0,0,0,0.07) » link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank » button= »Click me » bg_color= »#51cbf3″ heading_color= »#ffffff » content_color= »rgba(255,255,255,0.8) » button_color= »#ffffff »][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_content_width= » » row_align= »align-middle » top= »100px » bottom= »60px » row_separator= »row-line-separator » content_fadeout= » » parallax_bg= » » speed= »0.20″ scale_bg= » » scale_speed= »0.20″ bg_cover= » » bg_position= »Left center » parallax_video= » » video_speed= »0.20″ overlay_pattern_op= »0.2″ row_mobile_style= » » row_show_on= » » slope_top= » » slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom= » » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px » bg_color= »#f9f9f9″][vc_column col_height_type= » » height= » » textalign= » » slope_left= » » slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right= » » slope_right_dir= »slope-right-top » slope_right_width= »100px » width= »1/1″ css_animation= » » css_animation_delay= » »][vc_heading title= »Flipbox » subtitle= »with fancy animation » divider= »div-between » divider_type= »div-narrow » size= »small » alignment= »align-center »][vc_empty_space height= »50px »][vc_row_inner height= » » parallax_bg= » » scale_bg= » » speed= »0.20″ bg_cover= » » bg_repeat= » » bg_position= »Left center » bg_attachment= » »][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-speech » ib_style= »twc_ib_flipbox » radius= »0px » css_animation= »bottom-to-top » heading= »Basic Flipbox » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » border_color= »#e8e8e8″ icon_color= »#ffffff » bg_color= »#ffffff » icon_cont_color= »#51cbf3″][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-present » add_link= »link_button » ib_style= »twc_ib_flipbox » radius= »0px » shadow= »ib_shadow_l » css_animation= »bottom-to-top » css_animation_delay= »delay-100″ heading= »With Button » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » icon_color= »#ffffff » bg_color= »#ffffff » link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank » icon_cont_color= »#51cbf3″ button= »Click me »][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-present » add_link= »link_button » ib_style= »twc_ib_flipbox » radius= »4px » shadow= »ib_shadow_l » css_animation= »bottom-to-top » css_animation_delay= »delay-200″ heading= »Control The Colors » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » icon_color= »#ffffff » bg_color= »#fc625a » link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank » icon_cont_color= »rgba(0,0,0,0.05) » content_color= »rgba(255,255,255,0.7) » button_color= »#ffffff » bg_color_back= »#8dc692″ heading_color= »#ffffff » button= »Click me »][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-bubbles » ib_style= »twc_ib_flipbox » radius= »4px » css_animation= »bottom-to-top » heading= »Whole Box Is A Link » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » icon_color= »#ffffff » bg_color= »#fc625a » add_link= »link_box » link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank » icon_cont_color= »rgba(0,0,0,0.05) » content_color= »rgba(255,255,255,0.7) » button_color= »#ffffff » shadow= »ib_shadow_l » css_animation_delay= »delay-300″ bg_color_back= »#8dc692″ heading_color= »#ffffff » button= »Click me » border_color= »rgba(0,0,0,0.1) »][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_content_width= » » row_align= »align-middle » top= »100px » bottom= »120px » row_separator= »row-line-separator » content_fadeout= » » parallax_bg= » » speed= »0.20″ scale_bg= » » scale_speed= »0.20″ bg_cover= » » bg_position= »Left center » parallax_video= » » video_speed= »0.20″ overlay_pattern_op= »0.2″ row_mobile_style= » » row_show_on= » » slope_top= » » slope_top_pos= »slope-top-inside » slope_top_dir= »slope-top-left » slope_top_height= »100px » slope_bottom= » » slope_bottom_pos= »slope-bottom-inside » slope_bottom_dir= »slope-bottom-left » slope_bottom_height= »100px »][vc_column col_height_type= » » height= » » textalign= » » slope_left= » » slope_left_dir= »slope-left-top » slope_left_width= »100px » slope_right= » » slope_right_dir= »slope-right-top » slope_right_width= »100px » width= »1/1″ css_animation= » » css_animation_delay= » »][vc_heading title= »Minimalistic info box » subtitle= »with fancy animation » divider= »div-between » divider_type= »div-narrow » size= »small » alignment= »align-center »][vc_empty_space height= »50px »][vc_row_inner height= » » parallax_bg= » » scale_bg= » » speed= »0.20″ bg_cover= » » bg_repeat= » » bg_position= »Left center » bg_attachment= » »][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-support » ib_style= »twc_ib_minimal » radius= »0px » css_animation= »bottom-to-top » heading= »Animated Box » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » accent_color= »#51cbf3″ border_color= »#4e6278″][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-graduation » ib_style= »twc_ib_minimal » radius= »0px » css_animation= »bottom-to-top » heading= »With Button » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » accent_color= »#51cbf3″ add_link= »link_button » button= »Click me » border_color= »#4e6278″ css_animation_delay= »delay-100″ link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank »][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-paper-plane » add_link= »link_button » ib_style= »twc_ib_minimal » radius= »0px » css_animation= »bottom-to-top » css_animation_delay= »delay-200″ heading= »Control The Colors » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » accent_color= »#8dc692″ button= »Click me » border_color= »#4e6278″ icon_color= »#4e6278″ heading_color= »#4e6278″ content_color= »#4e6278″ link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank »][vc_empty_space height= »30px »][/vc_column_inner][vc_column_inner el_class= » » width= »1/4″][vc_info_box type= »simplelineicons » icon_fontawesome= »fa fa-adjust » icon_openiconic= »vc-oi vc-oi-dial » icon_typicons= »typcn typcn-adjust-brightness » icon_entypo= »entypo-icon entypo-icon-note » icon_linecons= »vc_li vc_li-heart » icon_simplelineicons= »icon-shield » add_link= »link_box » ib_style= »twc_ib_minimal » radius= »0px » css_animation= »bottom-to-top » heading= »Whole Box Is A Link » description= »Convenire laboramus eam an. Brute aperiam ex qui, pri ad porro tractatos, copiosae expetendis interpretaris. » accent_color= »#8dc692″ button= »Click me » border_color= »#4e6278″ icon_color= »#4e6278″ heading_color= »#4e6278″ content_color= »#4e6278″ css_animation_delay= »delay-300″ link= »url:http%3A%2F%2Fwww.whitecollars.co%2Ftilt%2Finfo-box%2F||target:%20_blank »][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *