[tatsu_section bg_color= “” bg_image= “https://oshine.wpengine.com/wp-content/uploads/2014/11/seilenna-11.jpg” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_stretch= “1” bg_animation= “none” border_color= “#efefef” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” overlay_color= “” section_id= “” full_screen_header_scheme= “background–dark” padding= “90px 0% 90px 0%” bg_size= “cover” border= “0px 0px px 0px”][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][special_heading title_align= “center” title_content= “ANIMATED MODULES” h_tag= “h3” title_color= “” subtitle_spl_font= “1” separator_style= “1” icon_name= “oshine_diamond” icon_color= “#e0a240” separator_color= “#dddddd” separator_thickness= “2” separator_width= “80” separator_pos= “1” animation_type= “fadeIn”][/special_heading][special_sub_title title_content= “The BE Page Builder plugin in Oshine comes with 50+ Shortcode modules. Each module is provided with the right set of options and is also beautifully responsive.” font_size= “18” title_color= “” title_alignment= “center” max_width= “80” margin_bottom= “30” animation_type= “fadeIn”][/special_sub_title][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= “” bg_repeat= “repeat” bg_attachment= “scroll” bg_position= “top left” bg_animation= “none” border_color= “” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” overlay_color= “” section_id= “” full_screen_header_scheme= “background–dark” padding= “90px 0% 90px 0%” border= “0px 0px px 0px”][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][tatsu_text max_width= “” wrap_alignment= “center” animation_type= “fadeIn”]

FIXED HEIGHT ANIMATED MODULE

[/tatsu_text][/tatsu_column][/tatsu_row][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][animate_icons_style1 height= “360” gutter= “30”][animate_icon_style1 link_to_url= “http://themeforest.net” bg_color= “#f2f2f2” hover_bg_color= “#e0a240” overlay_color= “” icon= “icon-tools-2” size= “51” icon_color= “#000000” animate_direction= “left”]

FIXED HEIGHT ANIMATED MODULE

This is a fixed height animated module. User can input the height of the box according to the content. The module can take an Image or any Color as BG. The Icon will appear on the BG. On Hover thee Content will be displayed. You can have a different color for Hover. Hover animation direction can be Left,Right,Top or Bottom. Cool, isn’t?

[/animate_icon_style1][animate_icon_style1 link_to_url= “http://themeforest.net” bg_color= “#000000” hover_bg_color= “#000000” overlay_color= “” icon= “icon-icon_loading” size= “51” icon_color= “#ffffff” animate_direction= “right”]

FIXED HEIGHT ANIMATED MODULE

This is a fixed height animated module. User can input the height of the box according to the content. The module can take an Image or any Color as BG. The Icon will appear on the BG. On Hover thee Content will be displayed. You can have a different color for Hover. Hover animation direction can be Left,Right,Top or Bottom. Cool, isn’t?

[/animate_icon_style1][animate_icon_style1 link_to_url= “http://themeforest.net” bg_image= “https://oshine.wpengine.com/wp-content/uploads/2014/04/oshin-model-0014.jpg” bg_color= “#ffffff” hover_bg_color= “#dd3333” bg_overlay= “1” overlay_color= “rgba(0,0,0,0.3)” hover_overlay_color= “rgba(0,0,0,0.7)” icon= “icon-anchor” size= “51” icon_color= “#ffffff” animate_direction= “top”]

FIXED HEIGHT ANIMATED MODULE

This is a fixed height animated module. User can input the height of the box according to the content. The module can take an Image or any Color as BG. The Icon will appear on the BG. On Hover thee Content will be displayed. You can have a different color for Hover. Hover animation direction can be Left,Right,Top or Bottom. Cool, isn’t?

[/animate_icon_style1][/animate_icons_style1][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= “” bg_repeat= “repeat” bg_attachment= “scroll” bg_position= “top left” bg_animation= “none” border_color= “” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” overlay_color= “” section_id= “” full_screen_header_scheme= “background–dark” padding= “0px 0% 90px 0%” border= “0px 0px px 0px”][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][tatsu_text max_width= “80” wrap_alignment= “center” animation_type= “fadeIn”]

VARIABLE HEIGHT ANIMATED MODULE

[/tatsu_text][/tatsu_column][/tatsu_row][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][tatsu_text max_width= “80” wrap_alignment= “center” animation_type= “fadeIn”]

Variable height Animated Module, will calculate the height of the content area automatically, based on the content you give. This module does not have gutter spacing between them. By default the Icon and Title will appear. On hover the content will get appended to the former.

[/tatsu_text][/tatsu_column][/tatsu_row][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][animate_icons_style2][animate_icon_style2 bg_color= “#000000” hover_bg_color= “#efefef” icon= “icon-phone” size= “30” icon_color= “#ffffff” icon_color_hover_state= “#000000” title= “CALL US” h_tag= “h6” title_color= “#ffffff” title_color_hover_state= “#e0a240”]

001-234-5678

[/animate_icon_style2][animate_icon_style2 bg_color= “#202627” hover_bg_color= “#efefef” icon= “icon-icon_mail” size= “30” icon_color= “#ffffff” icon_color_hover_state= “#000000” title= “EMAIL @” h_tag= “h6” title_color= “#ffffff” title_color_hover_state= “#e0a240”]

support@brandexponents.com

[/animate_icon_style2][animate_icon_style2 bg_color= “#000000” hover_bg_color= “#efefef” icon= “icon-directions” size= “30” icon_color= “#ffffff” icon_color_hover_state= “#000000” title= “CALL ON” h_tag= “h6” title_color= “#ffffff” title_color_hover_state= “#e0a240”]

5644 HOLLYWOOD BLVD
LA, CALIFORNIA -98765

[/animate_icon_style2][/animate_icons_style2][/tatsu_column][/tatsu_row][tatsu_row layout= “1/1”][tatsu_column layout= “1/1”][animate_icons_style2][animate_icon_style2 bg_color= “#efefef” hover_bg_color= “#000000” icon= “icon-anchor” size= “30” icon_color= “#000000” icon_color_hover_state= “#ffffff” title= “MARKETING” h_tag= “h6” title_color= “” title_color_hover_state= “#ffffff”]

Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei.

[/animate_icon_style2][animate_icon_style2 bg_color= “#e0a240” hover_bg_color= “#000000” icon= “icon-clock2” size= “30” icon_color= “#ffffff” icon_color_hover_state= “#ffffff” title= “WEB DEVELOPMENT” h_tag= “h6” title_color= “#ffffff” title_color_hover_state= “#ffffff”]

Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. 

[/animate_icon_style2][animate_icon_style2 bg_color= “#efefef” hover_bg_color= “#000000” icon= “icon-anchor” size= “30” icon_color= “#000000” icon_color_hover_state= “#ffffff” title= “MARKETING” h_tag= “h6” title_color= “” title_color_hover_state= “#ffffff”]

Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei.

[/animate_icon_style2][animate_icon_style2 bg_color= “#e0a240” hover_bg_color= “#000000” icon= “icon-clock2” size= “30” icon_color= “#ffffff” icon_color_hover_state= “#ffffff” title= “WEB DEVELOPMENT” h_tag= “h6” title_color= “#ffffff” title_color_hover_state= “#ffffff”]

Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. 

[/animate_icon_style2][/animate_icons_style2][/tatsu_column][/tatsu_row][/tatsu_section]

Leave a comment