Style Guide page-sections



Page section heading

Page section inside a .container centered on the page.


Page section with .container.no-padding.


Page section with .highlight-section.


A full-width .page-section (without a .container).

<section class="page-section">
	<div class="container">
		<h4 class="page-section-heading text-center">Page section heading</h4>
		<h2>Page section inside a <code>.container</code> centered on the page.</h2>
	</div>
</section>
<hr>
<section class="page-section">
	<div class="container no-padding">
		<h2>Page section with <code>.container.no-padding</code>.</h2>
	</div>
</section>
<hr>
<section class="page-section highlight-section">
	<div class="container">
		<h2>Page section with <code>.highlight-section</code>.</h2>
	</div>
</section>
<hr>
<section class="page-section">
	<h2>A full-width <code>.page-section</code> (without a <code>.container</code>).</h2>
</section>