Full Height Container V2
So simple! Apply a single property to the desired sections to create a beautiful black full-height layout. Section I04.
Full Height Background Image V3
Secondary navigation pushes the background image. Therefor the secondary navigation div is not floating over the image. The overlay box has white automatic style. Section I01.
Full Height Container V3
Be creative! Easy! Explore various designs by simply applying one of the 5 automatic styles to the full height section, or to the webpage navigation or subnavigation. Section I04.
Also, any content or video section could be used as an intro section
Check out the content sections or video sections to view many more section examples!
3 columns with image & text
Ideal to be used as the first section immediately after the navigation. It creates a visual cinematic effect. (section C25)
See many more sections which you could use to create a unique, clean, and professional landing page.
More full-height examples
The next examples are covering special full-height use cases, such as an example subnavigation without breadcrumb menu or two predefined HTML and CSS formatted overlays.
Full Height Background Image v4
The secondary navigation it is floating over the background image. The white style it is applied to the overlay and to the main and secondary navigations. Section I01.
Full Height Background Image v5
Secondary navigation is without breadcrumb and it is not floating over the background picture. Black styles are applied both to the navigation and to the overlay. Section I01.
Full Height Background Image v6
Two overlays are placed on top of the background image. Each overlay could have its own content, call-to-actions, or links. This variant has no subnavigation. Section I03.
An easy way to build a beautiful website
Use one of our predefined Basic8 templates or build your own web page design by simply selecting and adapting the intelligent Basic8 sections.