Image Box

[ux_banner height=”500px” bg=”20″ 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=”19″]

Simple Style

Some smaller text

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”bounce” img=”19″]

Bounce Style

Add anything here

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”badge” img=”19″]

Badge Style

You can add shortcodes here

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”overlay” img=”19″]

Overlay Style

Add any elements here..

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”label” img=”19″]

Label Style

Add any elements here..

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”shade” img=”19″]

Shade Style

Add any elements here..

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”push” img=”19″ 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=”19″ 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=”19″ image_height=”100%”]

Simple Centered Style

Some smaller text

[/ux_image_box]

[/col]
[col span=”4″]

[ux_image_box style=”bounce” img=”19″ 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=”19″ 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=”19″ 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=”19″ 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=”19″ 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]

Welcome Back!

Login to your account below

Create New Account!

Fill the forms bellow to register

Retrieve your password

Please enter your username or email address to reset your password.

Add New Playlist

Are you sure want to unlock this post?
Unlock left : 0
Are you sure want to cancel subscription?