';

Info banner

13 designed styles to create the needed module with a couple of clicks.

About Info Banner

Short Description

Add amazing info banners to present fancy features of your company, product, etc.. You may select one of the available pre set styles with multiple animated effect, various image decoration, content positioning and read more styles.

Style — Centered; Layout — n/a; Inside options — custom font;
Watch module video
Use 1080p for better quality.
Image module
Image
First banner
Etiam scelerisque libero corper.
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Second banner
Etiam scelerisque libero corper.
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Third banner
Etiam scelerisque libero corper.
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.

Lorem ipsum dolor sit amet, consectetur.

Module variations

01 — Simple Style.
Image module
Style — Simple; Layout — default; Inside options — grow rotate image;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
02 — Overlay Style.
Image module
Style — Overlay; Layout — default; Inside options —easy image parallax;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
03 — Title Offset Style.
Image module
Style — Title offset; Layout — default; Inside options — Grow;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
04 — Top Style.
Image module
Style — Top; Layout — default; Inside options — blur;
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
05 — Right Style.
Image module
Style — Right; Layout — default; Inside options — easy image parallax;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Praesent quis lacus consectetur, feugiat risus ut, semper sapien. Proin pretium libero tincidunt mauris molestie maximus. Sed pharetra bibendum tortor quis molestie. Sed congue magna nulla, a semper lacus imperdiet.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Praesent quis lacus consectetur, feugiat risus ut, semper sapien. Proin pretium libero tincidunt mauris molestie maximus. Sed pharetra bibendum tortor quis molestie. Sed congue magna nulla, a semper lacus imperdiet.
06 — Left Style.
Image module
Style — Left; Layout — default; Inside options — grow rotate image;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Praesent quis lacus consectetur, feugiat risus ut, semper sapien. Proin pretium libero tincidunt mauris molestie maximus. Sed pharetra bibendum tortor quis molestie. Sed congue magna nulla, a semper lacus imperdiet.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Praesent quis lacus consectetur, feugiat risus ut, semper sapien. Proin pretium libero tincidunt mauris molestie maximus. Sed pharetra bibendum tortor quis molestie. Sed congue magna nulla, a semper lacus imperdiet.
07 — Centered Style.
Image module
Style — Centered; Layout — default; Inside options — easy image parallax;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
08 — Hovered Content Style.
Image module
Style — Hovered Content; Layout — default; Inside options —blur;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
09 — Hovered Description Style.
Image module
Style — Hovered description; Layout — default; Inside options —grow;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
10 — Hovered Center Style.
Image module
Style — Hovered center; Layout — default; Inside options — blur;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
11 — Hovered Overlay Style.
Image module
Style — Hovered overlay; Layout — default; Inside options — grow;
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Image
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
12 — Hovered Bottom Style.
Image module
Style — Hovered bottom; Layout — default; Inside options — easy image parallax;
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
13 — Hovered Top Style.
Image module
Style — Hovered top; Layout — default; Inside options — grow rotate image;
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.
Maecenas interdum semvel.
Etiam scelerisque libero quis dolor
Image
Etiam scelerisque libero quis dolor ullamcorper mollis. Nam accumsan nec arcu in finibus. Mauris ac ipsum in orci varius hendrerit.