Panels

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">
                <header>
                    <h1>Year 1</h1>
                </header>
                <ul>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10015.html">Design studio 1.1</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10016.html">Design studio 1.2</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10003.html">Building environment 1</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10040.html">History and theory 1.1: vernacular architecture</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10313.html">Structures 1A</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10014.html">Detailed design 1</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10342.html">History and theory of architecture 1.2: twentieth-century western architecture and design</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR10362.html">Practice, management and law 1</a></li>
                    <li><a href="http://www.bath.ac.uk/catalogues/2017-2018/ar/AR20009.html">Computer aided design 1</a></li>
                </ul>
            </div>
        </div>
        <!-- End component: Panel -->
    </div>
</section>