[ux_banner height=\”500px\” bg=\”2053\” 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=\”2052\”]
Simple Style
Some smaller text
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”bounce\” img=\”2052\”]
Bounce Style
Add anything here
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”badge\” img=\”2052\”]
Badge Style
You can add shortcodes here
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”overlay\” img=\”2052\”]
Overlay Style
Add any elements here..
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”label\” img=\”2052\”]
Label Style
Add any elements here..
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”shade\” img=\”2052\”]
Shade Style
Add any elements here..
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”push\” img=\”2052\” image_height=\”90%\” 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=\”2052\” 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=\”2052\” image_height=\”100%\”]
Simple Centered Style
Some smaller text
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”bounce\” img=\”2052\” image_height=\”100%\” 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=\”2052\” image_height=\”125%\” 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=\”2052\” image_height=\”100%\”]
Circle with Blur In Effect
Add any elements here..
[/ux_image_box]
[/col]
[col span=\”4\”]
[ux_image_box style=\”shade\” img=\”2052\” image_height=\”116%\”]
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=\”2052\” image_height=\”100%\” image_radius=\”100\” image_hover=\”zoom\” text_pos=\”middle\” text_hover=\”bounce\”]
Circle Image
Create this by adding radius 100% to the image.
[/ux_image_box]
[/col]
[/row]
[/section]