Digital pattern library

KIS widget

The Key Information Set, or KIS, comprises the items of information that students have said they find most useful when making choices about which course to study. See the Unistats website for more information.

Rules for the KIS widget

The KIS widget is a legal requirement for all undergraduate course pages and must only be used on these pages.

Options available


Undergraduate courses list

This lists undergraduate courses with a button that opens the KIS widget in a pop-up window.

Joint Honours degrees

Students may also apply to study English alongside any of the following subjects:

Code
<div class="container subject course">
    <div class="row">
        <div class="col-md-12">
            <h2>Joint Honours degrees</h2>
            <p>Students may also apply to study English alongside any of the following subjects:</p>
        </div>
            <div class="col-md-4">
                <ul class="honours-degree-column">
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFARBJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFARBJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Arabic</a>
                    </li>
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFAHIJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFAHIJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Art History</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <ul class="honours-degree-column">
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFBLSJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFBLSJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Biblical Studies</a>
                    </li>
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCSSJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCSSJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Classical Studies</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <ul class="honours-degree-column">
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLSJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLSJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Classics</a>
                    </li>
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLIJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLIJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Comparative Literature</a>
                    </li>
                </ul>
            </div>
    </div>
</div>

Single Honours banner

This shows the KIS widget in a single full width banner.

Code
<div class="kis-widget-red course">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 hidden-xs">
                <iframe id="unistats-widget-frame" class="kis-widget" title="Unistats KIS Widget" src="https://widget.unistats.ac.uk/Widget/10007803/UAHFENGSENG/horizontal/small">
                </iframe>
            </div>
            <div class="col-xs-8 col-xs-offset-4 visible-xs">
                <iframe id="unistats-widget-frame" class="kis-widget" title="Unistats KIS Widget" src="https://widget.unistats.ac.uk/Widget/10007803/UAHFENGSENG/vertical/small">
                </iframe>
            </div>
        </div>
    </div>
</div>

Undergraduate courses list and banner

This combines the undergraduate courses list and single Honours banner.

Joint Honours degrees

Students may also apply to study English alongside any of the following subjects:

Code
<div class="container subject course">
    <div class="row">
        <div class="col-md-12">
            <h2>Joint Honours degrees</h2>
            <p>Students may also apply to study English alongside any of the following subjects:</p>
        </div>
            <div class="col-md-4">
                <ul class="honours-degree-column">
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFARBJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFARBJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Arabic</a>
                    </li>
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFAHIJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFAHIJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Art History</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <ul class="honours-degree-column">
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFBLSJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFBLSJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Biblical Studies</a>
                    </li>
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCSSJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCSSJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Classical Studies</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <ul class="honours-degree-column">
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLSJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLSJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Classics</a>
                    </li>
                    <li class="honours-degree-item">
                        <button type="button" class="btn btn-danger pull-right hidden-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLIJENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <button type="button" class="btn btn-danger pull-right visible-xs" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<iframe id='unistats-widget-frame' class='kis-widget' title='Unistats KIS Widget' src='https://widget.unistats.ac.uk/Widget/10007803/UAHFCLIJENG/vertical/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        <a href="#">Comparative Literature</a>
                    </li>
                </ul>
            </div>
    </div>
</div>
<div class="kis-widget-red course">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 hidden-xs">
                <iframe id="unistats-widget-frame" class="kis-widget" title="Unistats KIS Widget" src="https://widget.unistats.ac.uk/Widget/10007803/UAHFENGSENG/horizontal/small">
                </iframe>
            </div>
            <div class="col-xs-8 col-xs-offset-4 visible-xs">
                <iframe id="unistats-widget-frame" class="kis-widget" title="Unistats KIS Widget" src="https://widget.unistats.ac.uk/Widget/10007803/UAHFENGSENG/vertical/small">
                </iframe>
            </div>
        </div>
    </div>
</div>