<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/Academic+Integrity+and+Misconduct" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Academic Integrity and Misconduct</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Academic+Regulations" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Academic Regulations</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Assessment+Policy" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Assessment Policy</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/Course+Transfers" target="_top" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Course Transfer</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/download/attachments/105484811/Enrolment%20Policy%20July%2020%20V5.pdf?version=1&modificationDate=1596029977622&api=v2" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Enrolment Policy</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
    <!-- START: Box -->
    <div class="large-4 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Extenuating+Circumstances" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Extenuating Circumstances</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
</div>
<!-- END: Row of boxes -->
<!-- START: Row of boxes -->
<div class="row">
<!-- START: Box -->
    <div class="large-6 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Leave+of+Absence" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Leave of Absence</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->
<!-- START: Box -->
    <div class="large-6 columns">
        <a href="https://my.sunderland.ac.uk/display/AQH/Voluntary+Withdrawal" target="_top">
            <div class="box" style="background-color: #4372D0;">
                <div class="box-text">Voluntary Withdrawal</div>
            </div>
        </a>
    </div>
    <!-- END: Box -->

</div>
<!-- END: Row of boxes -->

Enrolment Policy July 20 V5.pdf