Plain Fullwidth Example
Fullwidth sections are that cover 100% screen width,
in this example we have set background color as “accent” and a background pattern

Inner Container Example

You can use different settings for INNER container of a fullwidth section. This gives a unique look when combined with negative top margin to a separate fullwidth section to create a stunning background parallax effect.

Container Background

You can set separate background color of inner container, that gives it a unique look.

Round Corners - Radius

In this examples we have set radius for both top border and bottom border to make them round.

Side Shadows

You can drop pure CSS side shadows for inner container. It is more visible on the light background examples.
PARALLAX SECTION
With Scrolling Static Background
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem.
BUY BRAVIO NOW
CONTACT US
PARALLAX SECTION
With Classic Scrolling Up Background
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem.
BUY BRAVIO NOW
CONTACT US
PARALLAX SECTION
With Scrolling Fixed Background
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem.
BUY BRAVIO NOW
CONTACT US
Video Background
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem.
BUY BRAVIO NOW
CONTACT US
Creative Inner Container Example
In this example we are overlapping fullwidth sections, next fullwidth section has background image.
Multiple Creative Background Parallax
This fullwidth section has a negative margin set for top and at the same time we have set z-index to -1
so that it goes behind the top fullwidth section.
Last Inner Container Overlapping
This is another overlapping inner container fullwidth section with higher z-index set
to go over the last fullwidth section with background image
Scalable Multipurpose Theme Improve quality of your website by using its powerful features.