Username or email *
Password *
Remember Me
Log in
Email address *
A password will be sent to your email address.
Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our privacy policy.
Register
[ux_slider]
[ux_banner height=”700px” bg=”23″ bg_overlay=”rgba(0, 0, 0, 0.25)”]
[text_box width=”51″ animate=”fadeInLeft” text_depth=”1″]
[divider]
[/text_box]
[/ux_banner] [ux_banner height=”700px” bg=”23″]
[text_box width=”46″ animate=”fadeInRight” parallax=”1″ position_x=”5″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….
[/ux_banner]
[/ux_slider] [row v_align=”middle”]
[col span=”7″]
[ux_banner height=”600px” bg=”23″ bg_pos=”44% 39%”]
[text_box width=”63″ width__sm=”78″ padding=”39px” position_x=”5″ position_x__sm=”50″ text_color=”dark” bg=”rgba(255, 255, 255, 0.85)” depth=”2″]
[/col] [col span=”5″ span__sm=”12″ align=”center”]
Flatsome Banners is the heart of Flatsome. Our Banner System let you create beautiful responsive banners with drag and drop.
[ux_image id=”22″]
[/col] [col span=”14″]
[ux_banner height=”56.25%” height__sm=”50%” bg=”23″ bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”glow”]
[text_box width=”36″ position_x=”90″]
You can place a text box wherever you want on a Banner
[/col] [col span=”6″ span__sm=”12″ align=”center”]
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=”22″ image_size=”original”]
[/col]
[/row]
[row]
[col span=”4″]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”glow”]
[text_box width=”36″]
[/col] [col span=”4″]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom-fade”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”blur”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-in”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-out”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”color”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”grayscale”]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add”]
[text_box width=”51″]
Overlay can be any color
[/row] [row]
[col span__sm=”12″]
You can also combine hover effects to create amazing hover effects
[col span=”6″ span__sm=”12″]
[ux_banner height=”200px” bg=”23″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add” border=”3px 3px 3px 3px” border_margin=”10px 10px 10px 10px” border_hover=”zoom”]
[/row] [ux_banner height=”500px” bg=”23″ parallax=”2″]
[text_box width=”41″]