Section 3

This text section has a width of 25% and is set to position: absolute. The fact it works suggests the parent div is also positioned absolutely or relatively rather than the default.

This page?

... is contructed using the javascript package fullPage.js.

All to do is 4 things:

1. add a link to the fullPage CSS file
2. add a link to the .js file
3. add some code to the bottom of the page to initialise and configure the javascript
4. Finally write your html page with the correct classes and id's to fit with the CSS file.

Background images are set to:
  background-repeat: no-repeat
  background-size: cover
  background-position: center

Full instructions and demo of variations for fullPage.js

The body font is Renner, the thin variation for the body copy.

Images from online sources like Wallpapers Craft. Gradients from Angry Tools gradient generator.

If you need more (or less) height to fix the text in you simply add the class fp-auto-heigh to the .section div that needs it.