Skip to main content

Blockquotes

Blockquotes can be useful to highlight sections of text and can also function as a navigation device. Visually, they are obviously separate from the rest of the content and can provide prominent for the information contained within.

Basic

The basic blockquote just contains text. The suggested content limit is 450 characters or 80 words.

By default, each blockquote has a margin of space-small applied top and bottom. The first element inside the blockquote has no margin top applied to it. The last element inside has no bottom margin.

This tutorial covers four of the most important aspects in writing a literature review: criteria to use in choosing the best sources, how to structure your literature review, writing in an appropriate style, and maintaining a voice of authority.

<blockquote>  
	<p>Content goes here.</p>
</blockquote>

Featuring an image

The image width is 12.25rem (196px). Portrait images are supported but are best used sparingly. At X-Small and Small breakpoints, the image is stacked on top of the text.

An example image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare consectetur tellus. Aenean non posuere tortor, pretium accumsan augue.

<blockquote class="complex">
	<div class="columns">
		<div class="img-wrap"><img src="my-image.jpg" alt="An example image" /></div>
		<div class="content"><p>Content goes here</p></div>
	</div>
</blockquote>

Blockquotes as navigation

Blockquotes can be useful to highlight sections of text and can also function as a navigation device. Visually, they are obviously separate from the rest of the content and can provide prominent for the information contained within.

The following pieces are available for use an:

  • Category
  • Title link (required)
  • Description
  • Extra information
  • Icon

Category

This is a title

This is a blockquote. The suggested limit is XXX characters.

Extra information
<blockquote class="complex">
	<a href="mylink">
		<div class="content">
			<p class="category">Category</p>
			<h3>This is a title </h3>
			<p>This is the blockquote content.</p>
			<small>Extra information</small>
		</div>
		<div class="icon-wrap">
			<img src="my-icon.png" alt="" />
		</div>
	</a>
</blockquote>

It's unlikely (and not recommended) that all of these pieces be used at once. Here are some examples demonstrating suggested use.

Tool

Assignment planner

The library has a great assignment planning tool that is easy to use and provides you with step-by-step plan, withs links to lots of resources to help you stay on task.

PDF

Understanding an assignment topic

Starting your first assignment

Planning and organising your first assignment may seem daunting to students who are new to academic study. This tutorial gives you an overview of how to analyse the assessment task and plan the assignment.

6 pages / 20 mins

Assignment slammer

This short tutorial walks you through the process of preparing, planning and writing an assignment with quick links to the resources you can use at each stage.

Evaluating market information

Explore these skills in a real world context.