---
site_name: insertyherman.cz
site_description: Inserty do deskových her
site_url: https://www.insertyherman.cz
contact_email: herman.cze@gmail.com

title: Banners
url: https://www.insertyherman.cz/elements/banner/
date: 2016-01-13
modified: 2022-01-18
author: Herman
type: page
---

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=1000%2C650&ssl=1 "dummy 2")

## Create Amazing Banners with Drag and Drop

A button

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=1000%2C650&ssl=1 "dummy 2")

## 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….

Buy now Learn more

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=1000%2C650&ssl=1 "dummy 2")

### 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….

Simple Link**Simple Button

## 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.

![dummy 1](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-1.jpg?fit=400%2C260&ssl=1 "dummy 1")

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=1000%2C650&ssl=1 "dummy 2")

### Small Title

You can place a text box wherever you want on a Banner

Click me!

## Banner Focus Point**™**

Set a focus point on the banner and the image will adjust to mobile a tablet screens. Perfect for resposnive Websites.

![dummy 1](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-1.jpg?resize=400%2C260&ssl=1 "dummy 1")

### ****Banner Hover effects****

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Glow

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Zoom

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Zoom Fade

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Blur

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Fade In

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Fade Out

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Add Color

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Grayscale

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Add Overlay

Overlay can be any color

You can also**combine** hover effects to create amazing hover effects

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### **Add animated borders**

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=300%2C195&ssl=1 "dummy 2")

### Add Overlay

Overlay can be any color

![dummy 2](https://i0.wp.com/www.insertyherman.cz/wp-content/uploads/2016/08/dummy-2.jpg?fit=1000%2C650&ssl=1 "dummy 2")

## BACKGROUND VIDEO