[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 Oshin 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]
FIXED HEIGHT ANIMATED MODULE
[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” bg_overlay= “1” overlay_color= “rgba(238,238,34,0.7)” hover_overlay_color= “rgba(221,51,51,0.5)” 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= “http://media1.joelmarklund.com/2014/11/export_images-0022-comp.jpg” bg_color= “#ffffff” hover_bg_color= “#dd3333” bg_overlay= “1” overlay_color= “” hover_overlay_color= “rgba(255,255,255,0.95)” 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]

[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” bg_overlay= “1” overlay_color= “rgba(238,238,34,0.7)” hover_overlay_color= “rgba(221,51,51,0.5)” 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= “http://media1.joelmarklund.com/2014/11/export_images-0022-comp.jpg” bg_color= “#ffffff” hover_bg_color= “#dd3333” bg_overlay= “1” overlay_color= “” hover_overlay_color= “rgba(255,255,255,0.95)” 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]

VARIABLE HEIGHT ANIMATED MODULE

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.

[animate_icons_style2][animate_icon_style2 bg_color= “#000000” hover_bg_color= “#efefef” icon= “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@oshin.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]

[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]

Copyright Joel Marklund 2023. All Rights Reserved