skip to main content

Style Guide

A simple paragraph.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

HTML Code:

<p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipisicing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


Headings

This is an example of Heading 1

This is an example of heading 2

This is an example of heading 3

This is an example of heading 4

This is an example of heading 5
This is an example of heading 6

 

HTML Code:

<h1 class="blueblock">This is an example of Heading 1</h1>
<h2>This is an example of heading 2</h2>
<h3>This is an example of heading 3</h3>
<h4>This is an example of heading 4</h4>
<h5>This is an example of heading 5</h5>
<h6>This is an example of heading 6</h6>


Some inline examples

This is strong text, consectetur adipisicing elit, this is text with emphasis ut labore et dolore magna aliqua. This is linked text veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

HTML Code:

<p><strong>This is strong text</strong>, consectetur adipisicing elit, <em>this is text with emphasis</em> ut labore et dolore magna aliqua. <a href="http://www.laughingrabbit.co.uk/" target="_blank">This is linked text</a> veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


List Types

Definition List

Definition List Title
This is a definition list division.

 

HTML code:

<dl><dt>Definition List Title</dt><dd>This is a definition list division.</dd></dl>


Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

HTML Code:

<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>


Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

HTML Code:

<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>

Fig Tree

Alexander Technique

small_woman.jpgThe Alexander Technique teaches you how to use your body more efficiently to improve your posture, movement and performance in all areas of your life. read more...

Pocket Prompts

pocketprompts1.jpgHow to remember and practise what you learnt in your lessons: your own set of uniquely designed 'aide-memoire' cards, in a bespoke wallet which fit easily into a handbag or jacket pocket.

Latest News

STAT Campaign

08.08.2014

STAT The Society of Teachers of The Alexander Technique) leads the campaign to ban school chairs that are 'bad' for.....