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: Panel -->
        <div class="flex-wrapper pinned-items text-only action-list">
            <div class="card standard-card single-item">
                    <h1>Year 1</h1>
                    <li><a href="">Design studio 1.1</a></li>
                    <li><a href="">Design studio 1.2</a></li>
                    <li><a href="">Building environment 1</a></li>
                    <li><a href="">History and theory 1.1: vernacular architecture</a></li>
                    <li><a href="">Structures 1A</a></li>
                    <li><a href="">Detailed design 1</a></li>
                    <li><a href="">History and theory of architecture 1.2: twentieth-century western architecture and design</a></li>
                    <li><a href="">Practice, management and law 1</a></li>
                    <li><a href="">Computer aided design 1</a></li>
        <!-- End component: Panel -->