Media Elements

Media Elements are used when you need to add Images, Sliders, Videos and other media elements to your web page. A balanced use of media elements on a website can create an interactive and visually rich user experience.

1. Fullwidth Easy Slider

The “Fullwidth Easy Slider” element allows you to set up a slideshow transition in seconds, you can set slide sidewards, slide up/down, and fade with styling. You can use it at the top of your page, stretching across the whole viewport, or use it anywhere on the page. You can add images, videos, content within this slider.

2. Image

The image element is used to add pictures to your web pages. You can apply animation and a variety of style settings to the images, such as border-radius, hover effects, overlay, and others. You can link these images to any page or file. The background of image and caption overlay can also be styled.

3. Video

The Video element allows you to embed any number of videos within your pages. You can use html5 videos as well as Youtube and Vimeo Videos on your page. You can also choose a preview image for the video, manage its formatting, and others.

4. Easy Slider

The Easy Slider element is used to set up a simple slideshow, either at the top of your page, stretching across the whole viewport, or anywhere on the page. Easy Slider can be used to add any number of slideshows within any section of your page, it doesn’t necessarily need to a have a whole viewport. This element supports both, images and videos.

7. Accordion Slider

The accordion slider can be used as a full-width element to create a multi-image banner. You can also use this element to feature a variety of images in style by placing it inside a column or section. When placed within a column or any section, this element gets fit within the parent element. You can add content and use as many images as you like, in general using 2-7 images is a good idea.

8. Image with Hotspots

You can use Image with Hotspots element to feature fullwidth or content size images with various hotspots (any numbers possible). The numbers will be shown when the image scrolls into the browser viewport.

You can set 1, 2, or more numbers. You can customize each Hotspot by selecting the color of your choice, setting the position, text overlay, and more.

9. Fullscreen Slider

The Fullscreen Slider stretches across the whole screen. You can set single as well as multiple images to the slider. If you are using multiple images, you can easily set their properties individually, like the image behavior on scrolling (parallax, scroll, etc.), captions, image color overlays, and others.

12. Advanced Layer Slider

With this element, you can display single as well as multiple sliders. You’ll have all the amazing Layerlsider options for each slider, starting with height, style, transitions, etc. The transitions for each element can be set in a fancy drag and drop editor, you have amazing options like mouse parallax effects and a slew of demo sliders to import.