H2 Heading
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
H5 Heading
- List Item 1
- List Item 2
- List Item 3
H5 Heading
- List Item 1
- List Item 2
- List Item 3
H5 Heading
- List Item 1
- List Item 2
- List Item 3
H3 Heading
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
About this example
This is a more advanced example to show the multiple usage of .page_margins and .page to create flexible full-page layouts in combination with YAML's powerful subtemplates.
The upper #main content area (white background) is subdivided into three sections of 50% | 25% | 25% width.
The lower #extended content area (gray background) is subdivided in the same way, but in addition uses YAML's equal heights solution to get these full height vertical column dividers.