Digital pattern library

KIS widget

KIS stands for Key Information Set. The KIS is an official overview of comparable information on higher education courses for prospective students. See the Unistats website for more information.

The KIS widget is a legal requirement for all of the undergraduate course pages.

Subject list

List of 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>
        <ul>
                <div class="col-md-4">
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic</a>
                    </li>
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic2</a>
                    </li>
                </div>
                <div class="col-md-4">
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic3</a>
                    </li>
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic4</a>
                    </li>
                </div>
                <div class="col-md-4">
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic57</a>
                    </li>
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic9</a>
                    </li>
                </div>
        </ul>
    </div>
</div>

Subject banner

KIS widget displayed on its own.

Code 
<div class="kis-widget-red course">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <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>
    </div>
</div>

Subject list and banner

KIS widget below a list of undergraduate courses.

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>
        <ul>
                <div class="col-md-4">
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic</a>
                    </li>
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic2</a>
                    </li>
                </div>
                <div class="col-md-4">
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic3</a>
                    </li>
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic4</a>
                    </li>
                </div>
                <div class="col-md-4">
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic57</a>
                    </li>
                    <li class="honours-degree-item">
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger" 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/UAHFENGSENG/horizontal/small'></iframe>" data-original-title="" data-html="true" title="">KIS</button>
                        </div>
                        <a href="#">Arabic9</a>
                    </li>
                </div>
        </ul>
    </div>
</div>
<div class="kis-widget-red course">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <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>
    </div>
</div>