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

Simple Style

Some smaller text

[/ux_image_box]

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

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

Bounce Style

Add anything here

[/ux_image_box]

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

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

Badge Style

You can add shortcodes here

[/ux_image_box]

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

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

Overlay Style

Add any elements here..

[/ux_image_box]

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

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

Label Style

Add any elements here..

[/ux_image_box]

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

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

Shade Style

Add any elements here..

[/ux_image_box]

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

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

Simple Centered Style

Some smaller text

[/ux_image_box]

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

[ux_image_box style=”bounce” img=”77″ 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=”71″ 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=”80″ 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=”3342″ 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=”8899″ 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]

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format