A full-width coloured panel used to emphasise or pick out particular blocks of content on a page.
The panel background and highlight colours are defined by the section background.
<section class="course-structure bg-granite medium-padding" id="course-structure">
<div class="row column">
<!-- COMPONENT: Default Panel -->
<div class="flex-wrapper pinned-items text-only action-list">
<div class="card standard-card single-item">
<header>
<h1>Panel title</h1>
</header>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet consectetur</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</div>
</div>
<!-- End component: Default Panel -->
</div>
</section>