No notes defined.
<h2 class="h4">Full-time</h2>
<div class="overflow-x">
<table class="">
<thead>
<tr>
<td colspan="2"></td>
<th scope="col">Number of applications</th>
<th scope="col">Percentage of applications that received an offer</th>
<th scope="col">Percentage of applications that accepted an offer</th>
<th scope="col">Percentage of applications where the student registered</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2" scope="row">Ethnicity</th>
<th scope="row">BAME</th>
<td>2380</td>
<td>78.7%</td>
<td>26.7%</td>
<td>23.7%</td>
</tr>
<tr>
<th scope="row">White</th>
<td>8260</td>
<td>84.8%</td>
<td>34.8%</td>
<td>32.1%</td>
</tr>
<tr>
<th rowspan="2" scope="row">EIMD quintile</th>
<th scope="row">1 and 2</th>
<td>4950</td>
<td>80.2%</td>
<td>33.3%</td>
<td>30.5%</td>
</tr>
<tr>
<th scope="row">3 to 5</th>
<td>5280</td>
<td>86.2%</td>
<td>33.7%</td>
<td>31%</td>
</tr>
<tr>
<th rowspan="3" scope="row">Gender</th>
<th scope="row">Female</th>
<td>5670</td>
<td>76.4%</td>
<td>30.5%</td>
<td>27.8%</td>
</tr>
<tr>
<th scope="row">Male</th>
<td>5090</td>
<td>90.6%</td>
<td>35.8%</td>
<td>32.9%</td>
</tr>
<tr>
<th scope="row">Other</th>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
</tbody>
</table>
</div>
<h2 class="h4">Percentage of first degrees at grade 2:1 or above by characteristic for 2017-18 qualifiers</h2>
<div class="overflow-x">
<table class="">
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Characteristic split</th>
<th scope="col">Percentage</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2" scope="row">Ethnicity</th>
<th scope="row">BAME</th>
<td>60%</td>
</tr>
<tr>
<th scope="row">White</th>
<td>76%</td>
</tr>
<tr>
<th rowspan="2" scope="row">EIMD quintile</th>
<th scope="row">1 and 2</th>
<td>66.3%</td>
</tr>
<tr>
<th scope="row">3 to 5</th>
<td>74.7%</td>
</tr>
<tr>
<th rowspan="3" scope="row">Gender</th>
<th scope="row">Female</th>
<td>69.1%</td>
</tr>
<tr>
<th scope="row">Male</th>
<td>74.2%</td>
</tr>
<tr>
<th scope="row">Other</th>
<td>N</td>
</tr>
</tbody>
</table>
</div>
<h2 class="h4">Choosing your accommodation</h2>
<div class="overflow-x">
<table class="">
<thead>
<tr>
<th><strong>Residence</strong></th>
<th><strong>Clarice Cliff Court</strong></th>
<th><strong>College Court</strong></th>
<th style="text-align: left;"><strong>Leek Road halls (Aynsley, Royal Doulton, Spode and Wedgewood)</strong></th>
<th><strong>Leek Road halls (Minton)</strong></th>
<th><strong>Leek Road houses</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Facilities</strong></td>
<td>Our en-suite community focused student halls</td>
<td>Our en-suite College Road student halls</td>
<td>Our most up to date shared student halls</td>
<td>Our most affordable shared student hall</td>
<td>Our popular shared student houses</td>
</tr>
<tr>
<td><strong>Residents</strong></td>
<td>3-6</td>
<td>3-6</td>
<td>12-14</td>
<td>12-14</td>
<td>4-6</td>
</tr>
<tr>
<td><strong>Ensuite</strong></td>
<td>✔</td>
<td>✔</td>
<td>✗</td>
<td>✗</td>
<td>✗</td>
</tr>
<tr>
<td><strong>Internet</strong></td>
<td>✔</td>
<td>✔</td>
<td>✔</td>
<td>✔</td>
<td>✔</td>
</tr>
<tr>
<td><strong>Number of rooms </strong></td>
<td>297</td>
<td>150</td>
<td>519</td>
<td>36</td>
<td>177</td>
</tr>
<tr>
<td><strong>Cost (39 week contract)<br></strong></td>
<td>Total Licence Fee (2024/25): £4,875</td>
<td>
<p>Total Licence Fee (2024/25): £4,875</p>
</td>
<td>Total Licence Fee (2024/25): £4,290</td>
<td>Total Licence Fee (2024/25): £3,705 </td>
<td>Total Licence Fee (2024/25): £4,875</td>
</tr>
</tbody>
</table>
</div>
<h2 class="h4">Full-time</h2>
<div class="overflow-x">
<table class="">
<thead>
<tr>
<td colspan="2"></td>
<th scope="col">Number of applications</th>
<th scope="col">Percentage of applications that received an offer</th>
<th scope="col">Percentage of applications that accepted an offer</th>
<th scope="col">Percentage of applications where the student registered</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2" scope="row">Ethnicity</th>
<th scope="row">BAME</th>
<td>2380</td>
<td>78.7%</td>
<td>26.7%</td>
<td>23.7%</td>
</tr>
<tr>
<th scope="row">White</th>
<td>8260</td>
<td>84.8%</td>
<td>34.8%</td>
<td>32.1%</td>
</tr>
<tr>
<th rowspan="2" scope="row">EIMD quintile</th>
<th scope="row">1 and 2</th>
<td>4950</td>
<td>80.2%</td>
<td>33.3%</td>
<td>30.5%</td>
</tr>
<tr>
<th scope="row">3 to 5</th>
<td>5280</td>
<td>86.2%</td>
<td>33.7%</td>
<td>31%</td>
</tr>
<tr>
<th rowspan="3" scope="row">Gender</th>
<th scope="row">Female</th>
<td>5670</td>
<td>76.4%</td>
<td>30.5%</td>
<td>27.8%</td>
</tr>
<tr>
<th scope="row">Male</th>
<td>5090</td>
<td>90.6%</td>
<td>35.8%</td>
<td>32.9%</td>
</tr>
<tr>
<th scope="row">Other</th>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
</tbody>
</table>
</div>
<h2 class="h4">Percentage of first degrees at grade 2:1 or above by characteristic for 2017-18 qualifiers</h2>
<div class="overflow-x">
<table class="">
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Characteristic split</th>
<th scope="col">Percentage</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2" scope="row">Ethnicity</th>
<th scope="row">BAME</th>
<td>60%</td>
</tr>
<tr>
<th scope="row">White</th>
<td>76%</td>
</tr>
<tr>
<th rowspan="2" scope="row">EIMD quintile</th>
<th scope="row">1 and 2</th>
<td>66.3%</td>
</tr>
<tr>
<th scope="row">3 to 5</th>
<td>74.7%</td>
</tr>
<tr>
<th rowspan="3" scope="row">Gender</th>
<th scope="row">Female</th>
<td>69.1%</td>
</tr>
<tr>
<th scope="row">Male</th>
<td>74.2%</td>
</tr>
<tr>
<th scope="row">Other</th>
<td>N</td>
</tr>
</tbody>
</table>
</div>
<h2 class="h4">Choosing your accommodation</h2>
<div class="overflow-x">
<table class="">
<thead>
<tr>
<th><strong>Residence</strong></th>
<th><strong>Clarice Cliff Court</strong></th>
<th><strong>College Court</strong></th>
<th style="text-align: left;"><strong>Leek Road halls (Aynsley, Royal Doulton, Spode and Wedgewood)</strong></th>
<th><strong>Leek Road halls (Minton)</strong></th>
<th><strong>Leek Road houses</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Facilities</strong></td>
<td>Our en-suite community focused student halls</td>
<td>Our en-suite College Road student halls</td>
<td>Our most up to date shared student halls</td>
<td>Our most affordable shared student hall</td>
<td>Our popular shared student houses</td>
</tr>
<tr>
<td><strong>Residents</strong></td>
<td>3-6</td>
<td>3-6</td>
<td>12-14</td>
<td>12-14</td>
<td>4-6</td>
</tr>
<tr>
<td><strong>Ensuite</strong></td>
<td>✔</td>
<td>✔</td>
<td>✗</td>
<td>✗</td>
<td>✗</td>
</tr>
<tr>
<td><strong>Internet</strong></td>
<td>✔</td>
<td>✔</td>
<td>✔</td>
<td>✔</td>
<td>✔</td>
</tr>
<tr>
<td><strong>Number of rooms </strong></td>
<td>297</td>
<td>150</td>
<td>519</td>
<td>36</td>
<td>177</td>
</tr>
<tr>
<td><strong>Cost (39 week contract)<br></strong></td>
<td>Total Licence Fee (2024/25): £4,875</td>
<td>
<p>Total Licence Fee (2024/25): £4,875</p>
</td>
<td>Total Licence Fee (2024/25): £4,290</td>
<td>Total Licence Fee (2024/25): £3,705 </td>
<td>Total Licence Fee (2024/25): £4,875</td>
</tr>
</tbody>
</table>
</div>
table {
// there are some base styles set on this element in the 'base-elements' mixin,
// in __vars/typography
}
.table {
}
$module-table-header-colours: (
'pale-blue': $pale-blue,
'lavender' : $lavender,
'neon' : $neon-50-pc
);
.table--modules {
thead {
th {
@each $name, $value in $module-table-header-colours {
&.th--#{$name} {
background: $value;
color: $dark-blue;
}
}
color: $dark-blue;
}
}
&__credits {
font-weight: bold;
white-space: nowrap;
}
}
.table--apply {
font-size: 1em;
&,
tr,
th {
background: none; // reasons: this normally sits on a dark bg box
color: inherit; // reasons: this normally sits on a dark bg box
text-align: left;
}
thead, tr {
border-bottom-color: rgba(#888, 0.2);
}
tr {
}
.button {
margin: $spacing-sm 0;
white-space: pre; // this is a bit strong, but we really want to avoid this wrapping
}
@media (max-width: 60rem) {
// a MAX WIDTH media query? Not mobile-first?!
// Yeah, I know. Tables are inherently horrible and not mobile-first.
// This is an exception. *slaps own wrist*
tr {
width: 100%;
padding: $spacing-sm 0;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
thead {
display: none;
}
[data-label] {
&:before {
content: attr(data-label) ":";
font-weight: 500;
padding-right: 0.5em;
}
}
&__buttonCell {
flex: 1 1 100%;
}
}
}
.pathway-container .slick-slide {
padding-right: 20px;
& .modules-link {
&.align-right {
max-width: none;
}
}
}