Profiles

A profile component to display user related information.

Default profiles

Dr Tina Smith

Senior Lecturer in Politics

  • +44 (0) 1865 xxxxxxx
  • xxxxxxx@brookes.ac.uk

View Tina's profile 

Professor Tom Snow

Professor in Anthropology

  • xxxxxxx@brookes.ac.uk

View Tom's profile 

<div class="columns is-multiline">
	<div class="column">
		<div class="columns is-mobile">
			<div class="column is-narrow">
				<figure class="image is-128x128">
					<img class="is-rounded" src="/getmedia/c8617911-e595-4eae-a567-c935379b5dc4/placeholder.png" alt="">
				</figure>
			</div>
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Dr Tina Smith</h3>
				<h4 class="is-size-5 has-text-weight-bold">Senior Lecturer in Politics </h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-phone" aria-hidden="true"></i></span> +44 (0) 1865 xxxxxxx</li>
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Tina's profile&nbsp;<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
	<div class="column">
		<div class="columns is-mobile">
			<div class="column is-narrow">
				<figure class="image is-128x128">
					<img class="is-rounded" src="/getmedia/c8617911-e595-4eae-a567-c935379b5dc4/placeholder.png" alt="">
				</figure>
			</div>
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Professor Tom Snow</h3>
				<h4 class="is-size-5 has-text-weight-bold">Professor in Anthropology</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Tom's profile&nbsp;<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div> 
	</div>
</div>

Small profiles

Glen Mills

Senior Lecturer in History

  • xxxxxxx@brookes.ac.uk

View Glen's profile 

Katharine Bart

Senior Lecturer in Law

  • xxxxxxx@brookes.ac.uk

View Katharine's profile 

Elizabeth Biggs

Reader in Early Modern Literature

  • xxxxxxx@brookes.ac.uk

View Elizabeth's profile 

<div class="columns is-multiline">
	<div class="column">
		<div class="columns is-mobile">
			<div class="column is-narrow">
				<figure class="image is-96x96">
					<img class="is-rounded" src="/getmedia/c8617911-e595-4eae-a567-c935379b5dc4/placeholder.png" alt="">
				</figure>
			</div>
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Glen Mills</h3>
				<h4 class="is-size-5 has-text-weight-bold">Senior Lecturer in History</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Glen's profile&nbsp;<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
	<div class="column">
		<div class="columns is-mobile">
			<div class="column is-narrow">
				<figure class="image is-96x96">
					<img class="is-rounded" src="/getmedia/c8617911-e595-4eae-a567-c935379b5dc4/placeholder.png" alt="">
				</figure>
			</div>
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Katharine Bart</h3>
				<h4 class="is-size-5 has-text-weight-bold">Senior Lecturer in Law</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Katharine's profile&nbsp;<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
	<div class="column">
		<div class="columns is-mobile">
			<div class="column is-narrow">
				<figure class="image is-96x96">
					<img class="is-rounded" src="/getmedia/c8617911-e595-4eae-a567-c935379b5dc4/placeholder.png" alt="">
				</figure>
			</div>
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Elizabeth Biggs</h3>
				<h4 class="is-size-5 has-text-weight-bold">Reader in Early Modern Literature</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Elizabeth's profile&nbsp;<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
</div>

Profiles with no image

Charlie Scott

Reader in History

  • xxxxxxx@brookes.ac.uk

View Charlie's profile

Arthur Galt

Professor of Modern History

  • xxxxxxx@brookes.ac.uk

View Arthur's profile

Fred Bishop

Reader in Architectural History

  • xxxxxxx@brookes.ac.uk

View Fred's profile

<div class="columns is-multiline">
	<div class="column">
		<div class="columns is-mobile">
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Charlie Scott</h3>
				<h4 class="is-size-5 has-text-weight-bold">Reader in History</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Charlie's profile<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
	<div class="column">
		<div class="columns is-mobile">
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Arthur Galt</h3>
				<h4 class="is-size-5 has-text-weight-bold">Professor of Modern History</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Arthur's profile<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
	<div class="column">
		<div class="columns is-mobile">
			<div class="column">
				<h3 class="is-size-4 has-text-weight-bold">Fred Bishop</h3>
				<h4 class="is-size-5 has-text-weight-bold">Reader in Architectural History</h4>
				<ul class="fa-ul">
					<li><span class="fa-li"><i class="fas fa-paper-plane" aria-hidden="true"></i></span> xxxxxxx@brookes.ac.uk</li>
				</ul>
				<p><a class="is-size-6 text-link" href="#">View Fred's profile<span class="text-link-icon fas fa-arrow-right" aria-hidden="true"></span></a></p>
			</div>
		</div>
	</div>
</div>