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