Banner Template 1

224 views September 23, 2019 October 11, 2019 hyun-dung 0

**SETTINGS

++ Turn off on mobile? If you don’t want to show it on Mobile only
++ Turn off on desktop? If you don’t want to show it on Desktop only
++ Max width section: adjust the width of the sections
++ Margin and padding: increase or decrease the gap between the section and other sections

**BACKGROUND SETTINGS

++ Background effect
– Simple: the image have no animation
– Parallax:  the background image is moved at a different speed than the foreground content while scrolling.
– Move follow mouse: the image moves when hover mouse over it

* Preview demo: click this link to direct to demo site of the banners

**CONTENT SETTINGS

Result:

  • – Banner type 1




Result:

 

  • – Banner type 2




Result:

  • – Banner type 3



Result:

  • – Banner type 4

– Turn off block : the section is not displayed

– Section title content

– Margin bottom of title

– Section title:

Left

Center

Right

** Banners type 4 settings

++  Banner hover effect

++  Banner hover effect

– Banner hover effect 1: there is a light shadow cover over the image

– Banner hover effect 2: there is a shadow cover over from right to left the image

– Banner hover effect 3

– Banner hover effect 4

– Banner hover effect 5

………

– Banner hover effect 6

……..

++ Banner contents




Result:

  • – Banner type 5



Result:

 

Was this helpful?