Section

Sections have padding and a white background. Use them as direct children of your page body. You can have as many section elements on your page as you like.

<main class="section">
	<div class="container">
		...
	</div>
</main>

<footer class="section is-transparent">
	...
</footer>

Colours

Sections are available in multiple colours. Just add a colour modifier like is-dark or is-primary. Note that if you add a colour modifier to a section then all content and title colours will adjust accordingly, so for example text on an is-dark section will be inverted to light (or white).

Container

You can include a container in your section if you want to contain and centre your content horizontally. A container is 1200 pixels wide by default.