Page Information

<style>
    .row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 62.5rem;
    }
    .row:before, .row:after {
        content: " ";
        display: table;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row:after {
        clear: both;
    }
    .column, .columns {
        position: relative;
        padding-left: 0.9375rem;
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media only screen and (min-width: 64.063em) {
        .large-1 {
            width: 8.33333%;
        }
        .large-2 {
            width: 16.66667%;
        }
        .large-3 {
            width: 25%;
        }
        .large-4 {
            width: 33.33333%;
        }
        .large-5 {
            width: 41.66667%; }
        .large-6 {
            width: 50%;
        }
        .large-7 {
            width: 58.33333%;
        }
        .large-8 {
            width: 66.66667%;
        }
        .large-9 {
            width: 75%;
        }
        .large-10 {
            width: 83.33333%;
        }
        .large-11 {
            width: 91.66667%;
        }
        .large-12 {
            width: 100%; }
        .column, .columns {
            position: relative;
            padding-left: 0.9375rem;
            float: left;
        }
    }

    @media only screen and (min-width: 40.063em) {
        .column, .columns {
            position: relative;
            padding-left: 0.9375rem;
            float: left;
            margin-bottom: 15px;
        }
    }

    [class*="column"] + [class*="column"]:last-child {
        float: right;
    }

    .box {
        height: 175px;
    }
    
    .box-text {
        position: absolute;
        bottom: 20px;
        color: #ffffff;
        font-size: 24px;
        font-weight: 100;
        left: 30px;
        width: 70%;
        line-height: 30px;
        font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    }
</style>

<!-- START: Row of boxes -->
<div class="row">
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Accreditation+of+Prior+Learning+(APL)" target="_top">
            <div class="box" style="background-color: #3EBB85;">
                <div class="box-text">Accreditation of Prior Learning</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Collaboration+with+other+Institutions" target="_top">
            <div class="box" style="background-color: #88D279;">
                <div class="box-text">Collaboration with other Institutions</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Committees" target="_top">
            <div class="box" style="background-color: #88D793;">
                <div class="box-text">Committees</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
</div>
<!-- END: Row of boxes -->
<!-- START: Row of boxes -->
<div class="row">
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/pages/viewpage.action?pageId=105484836" target="_top">
            <div class="box" style="background-color: #433EBB;">
                <div class="box-text">Student Casework (Complaints, Appeals, Disciplinary Procedures and Fitness to Study)</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/External+Examiners" target="_top">
            <div class="box" style="background-color: #5357C6;">
                <div class="box-text">External Examiners</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Learning+and+Teaching" target="_top">
            <div class="box" style="background-color: #5E76C9;">
                <div class="box-text">Learning and Teaching</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
</div>
<!-- END: Row of boxes -->
<!-- START: Row of boxes -->
<div class="row">
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Minor+Modifications" target="_top">
            <div class="box" style="background-color: #7368D9;">
                <div class="box-text">Minor Modifications</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Programme+and+Student+Handbooks" target="_top">
            <div class="box" style="background-color: #9891E3;">
                <div class="box-text">Programme and Student Handbooks</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Programme+Development+and+Approval" target="_top">
            <div class="box" style="background-color: #BFB6ED;">
                <div class="box-text">Programme Development and Approval</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
</div>
<!-- END: Row of boxes -->
<!-- START: Row of boxes -->
<div class="row">
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Programme+Regulations+and+Assessment" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Programme Regulations and Assessment</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Programme+Review" target="_top">
            <div class="box" style="background-color: #4395D0;">
                <div class="box-text">Programme Review</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Research" target="_top">
            <div class="box" style="background-color: #54B6D4;">
                <div class="box-text">Research</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
</div>
<!-- END: Row of boxes -->
<!-- START: Row of boxes -->
<div class="row">
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Short+Courses" target="_top">
            <div class="box" style="background-color: #3EBB57;">
                <div class="box-text">Short Courses</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Student+Engagement" target="_top">
            <div class="box" style="background-color: #66CC80;">
                <div class="box-text">Student Engagement</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Work+Based+Learning" target="_top">
            <div class="box" style="background-color: #79D288;">
                <div class="box-text">Work Based Learning</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
</div>
<!-- END: Row of boxes -->