For a better experience please change your browser to CHROME, FIREFOX, OPERA or Internet Explorer.

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

    Simple Style

    Some smaller text

    [/ux_image_box]

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

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

    Bounce Style

    Add anything here

    [/ux_image_box]

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

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

    Badge Style

    You can add shortcodes here

    [/ux_image_box]

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

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

    Overlay Style

    Add any elements here..

    [/ux_image_box]

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

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

    Label Style

    Add any elements here..

    [/ux_image_box]

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

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

    Shade Style

    Add any elements here..

    [/ux_image_box]

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

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

    Simple Centered Style

    Some smaller text

    [/ux_image_box]

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

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