Components
Media lists
Media lists are useful for splitting text and an image into two columns, without knowing the exact width of either one.
Default with image on left
Living in halls
Study bedrooms, shared facilities and how we meet special accommodation requirements.
Halls in detail
Choose from a wide variety of accommodation - compare facts and see 360° photos of typical rooms.
Applying for halls
How and when to apply, accommodation packs and the application process to ensure you get the best from us.
<ul class="media">
<li><a class="media-img" href="/Studying-at-Brookes/accommodation/Living-in-halls/"><img src="https://www.brookes.ac.uk/assets/0/1425/1426/2147484586/5d96c8f4-aee4-4100-b7f9-c46155a1681a.jpg?n=5785" alt="living in halls"></a>
<div class="media-body">
<h3><a href="/Studying-at-Brookes/accommodation/Living-in-halls/">Living in halls</a></h3>
<p>Study bedrooms, shared facilities and how we meet special accommodation requirements.</p>
</div>
</li>
<li><a class="media-img" href="/Studying-at-Brookes/accommodation/Halls-in-detail/"><img src="https://www.brookes.ac.uk/assets/0/1425/1426/2147484586/17f343fb-bc0b-484d-86da-a8d45fa659c6.jpg?n=8610" alt="halls in detail"></a>
<div class="media-body">
<h3><a href="/Studying-at-Brookes/accommodation/Halls-in-detail/">Halls in detail</a></h3>
<p>Choose from a wide variety of accommodation - compare facts and see 360° photos of typical rooms.</p>
</div>
</li>
<li><a class="media-img" href="/Studying-at-Brookes/accommodation/Applying-for-halls/"><img src="https://www.brookes.ac.uk/assets/0/1425/1426/2147484586/73efaf39-2249-4739-9ab7-389890f5ef80.jpg?n=977" alt="applying for halls"></a>
<div class="media-body">
<h3><a href="/Studying-at-Brookes/accommodation/Applying-for-halls/">Applying for halls</a></h3>
<p>How and when to apply, accommodation packs and the application process to ensure you get the best from us.</p>
</div>
</li>
</ul>Images can be reversed and placed on the right by changing the class on the image link from media-img to media-imgrev.
Images that graphically represent concepts and information, typically pictures, photos, and illustrations. The text alternative should be at least a short description conveying the essential information presented by the image.
Reversed with image on right
-
Living in halls
Study bedrooms, shared facilities and how we meet special accommodation requirements.
-
Halls in detail
Choose from a wide variety of accommodation - compare facts and see 360° photos of typical rooms.
-
Applying for halls
How and when to apply, accommodation packs and the application process to ensure you get the best from us.
<ul class="media">
<li><a class="media-imgrev" href="/Studying-at-Brookes/accommodation/Living-in-halls/"><img src="https://www.brookes.ac.uk/assets/0/1425/1426/2147484586/5d96c8f4-aee4-4100-b7f9-c46155a1681a.jpg?n=5785" alt="living in halls"></a>
<div class="media-body">
<h3><a href="/Studying-at-Brookes/accommodation/Living-in-halls/">Living in halls</a></h3>
<p>Study bedrooms, shared facilities and how we meet special accommodation requirements.</p>
</div>
</li>
<li><a class="media-imgrev" href="/Studying-at-Brookes/accommodation/Halls-in-detail/"><img src="https://www.brookes.ac.uk/assets/0/1425/1426/2147484586/17f343fb-bc0b-484d-86da-a8d45fa659c6.jpg?n=8610" alt="halls in detail"></a>
<div class="media-body">
<h3><a href="/Studying-at-Brookes/accommodation/Halls-in-detail/">Halls in detail</a></h3>
<p>Choose from a wide variety of accommodation - compare facts and see 360° photos of typical rooms.</p>
</div>
</li>
<li><a class="media-imgrev" href="/Studying-at-Brookes/accommodation/Applying-for-halls/"><img src="https://www.brookes.ac.uk/assets/0/1425/1426/2147484586/73efaf39-2249-4739-9ab7-389890f5ef80.jpg?n=977" alt="applying for halls"></a>
<div class="media-body">
<h3><a href="/Studying-at-Brookes/accommodation/Applying-for-halls/">Applying for halls</a></h3>
<p>How and when to apply, accommodation packs and the application process to ensure you get the best from us.</p>
</div>
</li>
</ul>Images can be reversed and placed on the right by changing the class on the image link from media-img to media-imgrev.
Images that graphically represent concepts and information, typically pictures, photos, and illustrations. The text alternative should be at least a short description conveying the essential information presented by the image.
Media list in a feature line
Deprecated
Using a feature line has been deprecated and will be discontinued. Include a heading instead as used in the featured top section.
All events
Courses
We offer General English, Business English, and IELTS Preparation courses.