Ravenside Pre-School

...providing sessional childcare in Fenham for the past 34 years

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>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 class="standardlist">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>


Unordered List

HTML Code:

<ul class="standardlist">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>


Blockquote Example

'Children are cared for in a highly inclusive setting where they are valued and respected for their own unique abilities' - Ofsted Report, 2010

 

HTML Code:

<div class="quotes"> <blockquote class="emphasis">'Children are cared for in a highly inclusive setting where they are valued and respected for their own unique abilities'<span class="quoteref"> - Ofsted Report, 2010 </span></blockquote> </div>


Table Example

NameAddressPhone
Nicholas 10 Elm Street +1 (555) 234-2322
Ted 281a Elmvale Road +1 (555) 389-2391
Dwayne 892 Henley Cresent +1 (555) 950-9234

 

HTML Code:

<table>
<thead>
<tr><th>Name</th><th>Address</th><th>Phone</th></tr>
</thead>
<tbody>
<tr>
<td>Nicholas</td>
<td>10 Elm Street</td>
<td>+1 (555) 234-2322</td>
</tr>
<tr>
<td>Ted</td>
<td>281a Elmvale Road</td>
<td>+1 (555) 389-2391</td>
</tr>
<tr>
<td>Dwayne</td>
<td>892 Henley Cresent</td>
<td>+1 (555) 950-9234</td>
</tr>
</tbody>
</table>


Page Sections

Calendar

 

HTML Code:

<ul class="calendar"> <li class="month">27th July</li> <li class="event">Last woods visit</li> <li class="month">18th July</li> <li class="event">Party day & graduation</li> <li class="month">18th July</li> <li class="event">Break up for summer</li> <li class="month">4th Sept</li> <li class="event">Return to school 9.15-12.15 this week only</li> </ul>


pond
pond
Opening Times

Monday, Tuesday & Wednesday: 09.15hrs - 14.15hrs
Thursday & Friday: 09.15hrs - 12.15hrs

© 2017 Ravenside Pre-School. Reg. no: 701596 | Sign in

Website by: Laughing Rabbit Web Design