[ux_banner height=»500px» bg=»13″ bg_overlay=»rgba(0, 0, 0, 0.42)»]
[text_box]
Create amazing image boxes with unlimited style options.
[/text_box]
[/ux_banner]
[section]
[row]
[col span=»4″]
[ux_image_box img=»12″]
Some smaller text
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»bounce» img=»12″]
Add anything here
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»badge» img=»12″]
You can add shortcodes here
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»overlay» img=»12″]
Add any elements here..
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»label» img=»12″]
Add any elements here..
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»shade» img=»12″]
Add any elements here..
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»push» img=»12″ image_height=»90%» text_hover=»bounce»]
Add any elements here..
[divider]
[/ux_image_box]
[/col]
[col span=»8″ depth=»2″ depth_hover=»5″]
[ux_image_box style=»vertical» img=»12″ image_width=»48″]
Add any elements here..
A button[/ux_image_box]
[/col]
[/row]
[/section]
[section]
[row]
[col align=»center»]
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=»12″ image_height=»100%»]
Some smaller text
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»bounce» img=»12″ image_height=»100%» depth=»1″ text_bg=»rgb(66, 66, 66)» text_color=»dark»]
Add anything here
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»overlay» img=»12″ image_height=»125%» image_hover=»blur» text_pos=»middle» text_size=»small» text_hover=»zoom-in»]
Add any elements here..
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»overlay» img=»12″ image_height=»100%»]
Add any elements here..
[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»shade» img=»12″ image_height=»116%»]
A beautiful box.
Quick View[/ux_image_box]
[/col]
[col span=»4″]
[ux_image_box style=»shade» img=»12″ image_height=»100%» image_radius=»100″ image_hover=»zoom» text_pos=»middle» text_hover=»bounce»]
Create this by adding radius 100% to the image.
[/ux_image_box]
[/col]
[/row]
[/section]