Blocks
Meet the team item

Antonia Brown
Information Director
somebody@brookes.ac.uk
+44 (0) 1865 484848
People and their behaviour have sometimes perplexed and always fascinated me. I started studying psychology at A-level but choose it simply because it interested me. The Brookes open day showed me a dynamic place with great opportunities from going abroad to expanding academically choosing modules outside of your subject. Oxford as a town is pretty good too.
<div class="row flex-row">
<div class="col-xs-12">
<div class="flex-item box-object bg-lightgrey fg-charcoal padding10">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<img class="mb10" src="//static.brookes.ac.uk/pattern-library/assets/img/placeholder.png" alt="No photo available">
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<h3 class="sm-title hblack">Antonia Brown</h3>
<h4 class="georgia">Information Director</h4>
<p><a href="mailto:somebody@brookesacuk">somebody@brookes.ac.uk</a><br><a href="tel:+441865484848">+44 (0) 1865 484848</a></p>
<p>People and their behaviour have sometimes perplexed and always fascinated me. I started studying psychology at A-level but choose it simply because it interested me. The Brookes open day showed me a dynamic place with great opportunities from going abroad to expanding academically choosing modules outside of your subject. Oxford as a town is pretty good too.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<a href="#" class="flex-item box-link bg-lightgrey fg-charcoal padding10">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<img class="mb10" src="//static.brookes.ac.uk/pattern-library/assets/img/placeholder.png" alt="No photo available">
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<h3 class="sm-title hblack">Julia Jones</h3>
<h4 class="georgia">History</h4>
<p>People and their behaviour have sometimes perplexed and always fascinated me. I started studying psychology at A-level but choose it simply because it interested me. The Brookes open day showed me a dynamic place with great opportunities from going abroad to expanding academically choosing modules outside of your subject. Oxford as a town is pretty good too.</p>
</div>
</div>
</a>
</div>
</div>
Meet the team type layouts are useful for displaying student and staff department teams.
Change the whole block to a link by changing the class box-object
to a box-link
and the div
to an a
with a link to a page with more information. Note that you can't have any links in the box-link
.
- Use the simple box style to display a block of information with no link.
- Use the link box style to link to a page with more information.
- Images should be sized to 800 by 800 pixels.
- Team members without an image should use the default image.
Ensure the alternative text for the image is descriptive.
Changelog
Added | Updates | Current version | Accessibility | Status |
---|---|---|---|---|
31 May 2017 | N/A | 1.0.0 | Accessible | Current |