[ux_banner height=”500px” bg=”39762″ bg_overlay=”rgba(0, 0, 0, 0.42)”]
[text_box]
IMAGE BOX ELEMENT
Create amazing image boxes with unlimited style options.
[/text_box]
[/ux_banner]
[section]
[row]
[col span=”4″]
[ux_image_box img=”39761″]
Simple Style
Some smaller text
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”bounce” img=”39761″]
Bounce Style
Add anything here
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”badge” img=”39761″]
Badge Style
You can add shortcodes here
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”overlay” img=”39761″]
Overlay Style
Add any elements here..
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”label” img=”39761″]
Label Style
Add any elements here..
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”shade” img=”39761″]
Shade Style
Add any elements here..
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”push” img=”39761″ image_height=”90{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}” text_hover=”bounce”]
Push Style
Add any elements here..
[divider]
[/ux_image_box]
[/col]
[col span=”8″ depth=”2″ depth_hover=”5″]
[ux_image_box style=”vertical” img=”39761″ image_width=”48″]
Vertical Style Boxed
Add any elements here..
[button text=”A button” style=”secondary alt-button” radius=”10″]
[/ux_image_box]
[/col]
[/row]
[/section]
[section]
[row]
[col align=”center”]
Create any kind of Image box by using the options in the Page Builder.
We have created many examples here. Mix and Match effects to create your perfect Image Box
[/col]
[col span=”4″ depth=”1″]
[ux_image_box img=”39761″ image_height=”100{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}”]
Simple Centered Style
Some smaller text
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”bounce” img=”39761″ image_height=”100{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}” depth=”1″ text_bg=”rgb(66, 66, 66)” text_color=”dark”]
Bounce Style
Add anything here
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”overlay” img=”39761″ image_height=”125{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}” image_hover=”blur” text_pos=”middle” text_size=”small” text_hover=”zoom-in”]
Overlay Style With Blur and Zoom
Add any elements here..
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”overlay” img=”39761″ image_height=”100{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}”]
Circle with Blur In Effect
Add any elements here..
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”shade” img=”39761″ image_height=”116{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}”]
Simple Shade Style
A beautiful box.
[button text=”Quick View” style=”white”]
[/ux_image_box]
[/col]
[col span=”4″]
[ux_image_box style=”shade” img=”39761″ image_height=”100{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87}” image_radius=”100″ image_hover=”zoom” text_pos=”middle” text_hover=”bounce”]
Circle Image
Create this by adding radius 100{58aabf222a5621f4954925ca51ff0845ee8f63a421e4c1fd87bb0cd81974ef87} to the image.
[/ux_image_box]
[/col]
[/row]
[/section]