Images

Images 2018-05-27T12:13:06+00:00

[ux_banner height=»562px» height__sm=»368px» bg=»11″ 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=»10″ 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=»10″ image_hover=»glow»]

Glow

[/col]
[col span=»3″ span__sm=»6″]

[ux_image id=»10″ image_hover=»color» animate=»fadeInLeft»]

Add Color

[/col]
[col span=»3″ span__sm=»6″]

[ux_image id=»10″ image_hover=»grayscale» animate=»fadeInLeft»]

Grayscale

[/col]
[col span=»3″ span__sm=»6″]

[ux_image id=»10″ image_hover=»fade-in» animate=»fadeInLeft»]

Fade In

[/col]
[col span=»3″ span__sm=»6″]

[ux_image id=»10″ image_hover=»zoom-fade» animate=»fadeInLeft»]

Zoom Fade

[/col]
[col span=»3″ span__sm=»6″]

[ux_image id=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ height=»75%» image_hover=»overlay-remove» depth_hover=»2″]

[ux_image id=»10″ height=»75%» image_hover=»overlay-remove» depth=»3″]

[ux_image id=»10″ height=»75%» image_hover=»overlay-remove»]

[ux_image id=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ 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=»10″ height=»75%» caption=»true» image_hover=»overlay-remove» depth=»3″ depth_hover=»5″ animate=»fadeInLeft»]

[/col_inner]

[/row_inner]

[/col]

[/row]

Яндекс.Метрика