Image Box

[ux_banner height=”500px” bg=”4462″ bg_overlay=”rgba(0, 0, 0, 0.42)”] [text_box width=”90″ position_x=”50″ position_y=”50″] [ux_image id=”3586″ width=”54″] [ux_text font_size=”0.95″]

ยินดีต้อนรับสู่ OHOSALES.COM

ประกาศซื้อขายที่ดินทั่วประเทศ

[/ux_text] [/text_box] [/ux_banner] [section] [row] [col span=”4″] [ux_image_box img=”3468″]

Simple Style

Some smaller text

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”bounce” img=”4301″]

Bounce Style

Add anything here

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”badge” img=”3459″]

Badge Style

You can add shortcodes here

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”3593″]

Overlay Style

Add any elements here..

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”label” img=”4263″]

Label Style

Add any elements here..

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”shade” img=”1346″]

Shade Style

Add any elements here..

[/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 style=”overlay” img=”4380″ image_height=”100%”]

Simple Centered Style

Some smaller text

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”4298″ image_height=”100%” depth=”1″ text_bg=”rgb(66, 66, 66)”]

Bounce Style

Add anything here

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”3613″ 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=”4386″ image_height=”100%”]

Circle with Blur In Effect

Add any elements here..

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”overlay” img=”3590″ image_height=”116%”]

Simple Shade  Style

A beautiful box.

[/ux_image_box] [/col] [col span=”4″] [ux_image_box style=”shade” img=”2004″ 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]