Images

[ux_banner height=»562px» height__sm=»368px» bg=»900239″ bg_overlay=»rgba(0, 0, 0, 0.27)» parallax=»2″] [text_box width=»68″ width__sm=»81″]

Powerful Theme needs powerul images

Responsive Images you can insert anywhere. You can also them into a slider.

[/text_box] [/ux_banner] [row style=»large» v_align=»middle»] [col span=»6″ span__sm=»12″ align=»center»]

Beautiful Images with Beautiful Captions

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/col] [col span=»6″ span__sm=»12″] [ux_image id=»900238″ image_size=»large» lightbox=»true» caption=»true» image_overlay=»rgba(0, 0, 0, 0.16)» image_hover=»zoom-long» animate=»fadeInUp»] [/col] [/row] [title style=»center» text=»Image Overlay Styles»] [row] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_hover=»glow»]

Glow

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_hover=»color» animate=»fadeInLeft»]

Add Color

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_hover=»grayscale» animate=»fadeInLeft»]

Grayscale

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_hover=»fade-in» animate=»fadeInLeft»]

Fade In

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_hover=»zoom-fade» animate=»fadeInLeft»]

Zoom Fade

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_overlay=»rgba(0, 0, 0, 0.37)» image_hover=»overlay-add» animate=»fadeInLeft»]

Add Overlay

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_overlay=»rgba(0, 0, 0, 0.37)» image_hover=»overlay-remove» animate=»fadeInLeft»]

Remove Overlay

[/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ image_hover=»blur» animate=»fadeInLeft»]

Blur

[/col] [/row] [row] [col span=»6″ span__sm=»12″] [title style=»center» text=»Image with video»] [ux_image id=»900238″ animate=»fadeInLeft» link=»https://www.youtube.com/watch?v=_j5KR28qtsI»]

Add a Youtube or Vimeo link to Image link tag to automatically get a play icon and a Video Lightbox on Images.

[/col] [col span=»6″ span__sm=»12″] [title style=»center» text=»Image drop shadow»] [ux_image id=»900238″ image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»]

Add cool drop shadows to your images to make them pop out on hover.

[/col] [/row] [title style=»center» text=»Add Images to any sliders» size=»undefined»] [ux_slider style=»container» slide_width=»700px» bg_color=»rgb(0, 0, 0)»] [ux_image id=»900238″ height=»75%» image_hover=»overlay-remove» depth_hover=»2″] [ux_image id=»900238″ height=»75%» image_hover=»overlay-remove» depth=»3″] [ux_image id=»900238″ height=»75%» image_hover=»overlay-remove»] [ux_image id=»900238″ height=»75%» link=»https://www.youtube.com/watch?v=_j5KR28qtsI»] [/ux_slider] [row] [col span=»6″ span__sm=»12″] [title style=»center» text=»Image with reverse parallax»] [ux_image id=»900238″ image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ parallax=»-1″ animate=»fadeInLeft»] [/col] [col span=»6″ span__sm=»12″] [title style=»center» text=»Image with PArallax»] [ux_image id=»900238″ image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ parallax=»1″ animate=»fadeInLeft»] [/col] [/row] [title style=»center» text=»Images with lightbox» size=»undefined»] [row] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ height=»75%» lightbox=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ height=»75%» lightbox=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ height=»75%» lightbox=»true» caption=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col] [col span=»3″ span__sm=»6″] [ux_image id=»900238″ height=»75%» lightbox=»true» caption=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col] [col span__sm=»12″ align=»center»] [title style=»center» text=»Images with Caption» size=»undefined»] [row_inner] [col_inner span=»4″ span__sm=»12″] [ux_image id=»900238″ height=»75%» caption=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col_inner] [col_inner span=»4″ span__sm=»12″] [ux_image id=»900238″ height=»75%» caption=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col_inner] [col_inner span=»4″ span__sm=»12″] [ux_image id=»900238″ height=»75%» caption=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»] [/col_inner] [/row_inner] [/col] [/row]