Digital Style Guide

Welcome to the digital style guide for your brand.

Usage #

Course finder module

Explore our courses

Sign in to filter results by your A-Levels

(↓) Download | </> Show code

<div class="panel bg--grey course-finder-module">
    <div class="inner">
        <h2 class="alt">Explore our courses</h2>
        <p>Sign in to filter results by your A-Levels</p>
        <div class="form__field">
            <select>
                <option>Undergraduate 2015/16</option>
                <option>Undergraduate 2016/17</option>
            </select>
            <button>Find a course</button>
        </div>
    </div>
</div>

Unistats

(↓) Download | </> Show code

<div class="panel bg--unistats">
    <div class="inner">
        <iframe id="unistats-widget-frame" title="Unistats KIS Widget" src="http://widget.unistats.ac.uk/Widget/10005343/ARP-BSC-S/horizontal/small" scrolling="no" style="overflow: hidden; border: 0px none transparent; width: 620px; height: 150px;"></iframe>
    </div>
</div>