This page illustrate a mix of Full Width Content for the header and footer, mixed with limited width Content area where only the backgrounds area extended.

To make Content areas (here footer and header) full width, you can use the “Expand” option as explained in the “Full width Designs” Guide article.