Create Amazing Banners with Drag and Drop
[divider] [/text_box] [/ux_banner] [ux_banner height=”700px” bg=”4063″] [text_box width=”46″ animate=”fadeInRight” parallax=”1″ position_x=”5″]Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….
[/text_box] [/ux_banner] [/ux_slider]Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….
[/text_box] [/ux_banner] [/col] [col span=”5″ span__sm=”12″ align=”center”]Drag And Drop Banner System
Flatsome Banners is the heart of Flatsome. Our Banner System let you create beautiful responsive banners with drag and drop.
[ux_image id=”9124″] [/col] [col span=”14″] [ux_banner height=”56.25%” height__sm=”50%” bg=”4059″ bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”glow”] [text_box width=”36″ position_x=”90″]
Small Title
You can place a text box wherever you want on a Banner
[/text_box] [/ux_banner] [/col] [col span=”6″ span__sm=”12″ align=”center”]Banner Focus Point™
Set a focus point on the banner and the image will adjust to mobile a tablet screens. Perfect for resposnive Websites.
[/col] [col span=”6″ span__sm=”12″] [ux_image id=”9127″ image_size=”original”] [/col]Glow
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom”] [text_box width=”36″]Zoom
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom-fade”] [text_box width=”36″]Zoom Fade
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”blur”] [text_box width=”36″]Blur
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-in”] [text_box width=”36″]Fade In
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-out”] [text_box width=”36″]Fade Out
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”color”] [text_box width=”36″]Add Color
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”grayscale”] [text_box width=”36″]Grayscale
[/text_box] [/ux_banner] [/col] [col span=”4″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add”] [text_box width=”51″]Add Overlay
Overlay can be any color
[/text_box] [/ux_banner] [/col]You can also combine hover effects to create amazing hover effects
[/col]Add animated borders
[/text_box] [/ux_banner] [/col] [col span=”6″ span__sm=”12″] [ux_banner height=”200px” bg=”4059″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add”] [text_box width=”51″]Add Overlay
Overlay can be any color
[/text_box] [/ux_banner] [/col]