[ux_banner height= »562px » height__sm= »368px » bg= »19″ 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= »18″ 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= »18″ image_hover= »glow »]
Glow
[/col]
[col span= »3″ span__sm= »6″]
[ux_image id= »18″ image_hover= »color » animate= »fadeInLeft »]
Add Color
[/col]
[col span= »3″ span__sm= »6″]
[ux_image id= »18″ image_hover= »grayscale » animate= »fadeInLeft »]
Grayscale
[/col]
[col span= »3″ span__sm= »6″]
[ux_image id= »18″ image_hover= »fade-in » animate= »fadeInLeft »]
Fade In
[/col]
[col span= »3″ span__sm= »6″]
[ux_image id= »18″ image_hover= »zoom-fade » animate= »fadeInLeft »]
Zoom Fade
[/col]
[col span= »3″ span__sm= »6″]
[ux_image id= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ height= »75% » image_hover= »overlay-remove » depth_hover= »2″]
[ux_image id= »18″ height= »75% » image_hover= »overlay-remove » depth= »3″]
[ux_image id= »18″ height= »75% » image_hover= »overlay-remove »]
[ux_image id= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ 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= »18″ height= »75% » caption= »true » image_hover= »overlay-remove » depth= »3″ depth_hover= »5″ animate= »fadeInLeft »]
[/col_inner]
[/row_inner]
[/col]
[/row]