Typography
-
Page Title
Page Title
-
Heading 1
<h1></h1>
Lorem ipsum dolor sit amet
-
Heading 2
<h2></h2>
Consectetuer adipiscing elit
-
Heading 3
<h3></h3>
Sed diam nonummy nibh euismod tincidunt ut
-
Heading 4
<h4></h4>
Laoreet dolore magna aliquam erat volutpat
-
Heading 5
<h5></h5>
Ut wisi enim ad minim veniam quis nostrud exerci tation ullamcorper
-
Heading 6
<h6></h6>
Suscipit lobortis nisl ut aliquip ex ea commodo consequat
-
Paragraph
<p></p>
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
-
Small
<small></small>
Ut wisi enim ad minim veniam quis nostrud exerci tation ullamcorper -
Strong
<strong></strong>
Ut wisi enim ad minim veniam quis nostrud exerci tation ullamcorper -
Italic
<em></em>
Anteposuerit litterarum formas humanitatis per seacula quarta decima
Icons
The primary font library we use is AUI Font Awesome. Go to http://nickpiesco.github.io/alloy-ui-font-awesome-cheatsheet/ to learn more.
Here are the list icons commonly used throughout the site.
Styles
- Links Default on page link
-
Inline CTA
inlineCTA
Default inline CTA -
uea-button-pink
uea-button-pink
UEA button pink -
uea-button-green
uea-button-green
UEA button green -
inlinesmallCTA
inlinesmallCTA
Inline small CTA -
cta-button-showme
cta-button-showme
CTA button showme
Web Form elements
-
Label
class="control-label"
-
Input
class="form-control"
-
Text area
class="form-control"
-
Select dropdown
class="form-control"
-
Select multiple (native)
class="form-control"
-
Single/inline checkbox
class="checkbox"
-
Single/inline radio
class="radio"
-
Single Toggle
class="toggle-switch"
-
Input addons
class="input-group"
Breadcrumb
Tabs
Tables
-
Standard table
# Column heading Column heading Column heading 1 Column content Column content Column content 2 Column content Column content Column content 3 Column content Column content Column content 4 Column content Column content Column content
-
Table non standard content
# Column heading Column heading Column heading 1 Standard content Column content Column content 2 Paragraphs Paragraph 1
Paragraph 2
Standard content 3 Bullet Points - content
- content
- content
- content
- content
- content
- content
- content
4 Decoration Italic Underline Strong 5 Links Column link Column content