SG - Style guide and template

SG - Style guide and template

Heading 1 : 85px

Heading 2 : 85px

Heading 3 : 35px

Heading 4 : 30px

Heading 5: 25px
Heading 6: 20px

Paragraph of content... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum lectus urna, id bibendum mauris commodo vitae. Suspendisse potenti. Suspendisse eu posuere lacus. Donec mauris dolor, aliquet sed consequat sit amet, molestie eget orci. Donec at erat enim. Nullam magna orci, convallis sed nisi porttitor, ultricies lobortis libero. Nam in laoreet nibh. Sed porttitor luctus condimentum.

Quote with blue background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus imperdiet massa a nulla hendrerit vestibulum. Duis malesuada accumsan neque

Cras at leo posuere, mollis orci quis, maximus erat. Phasellus metus lorem, semper non est vulputate, bibendum pharetra neque. Mauris aliquam sit amet ligula at vestibulum. Sed vitae dictum arcu. In diam dolor, gravida id scelerisque sed, vestibulum commodo nisl.

Curabitur vel mi eu est condimentum mattis. Quisque vestibulum finibus massa eu gravida. Sed ut risus lacus.

Quisque pretium maximus magna. Sed sed neque urna. Etiam vestibulum nunc dapibus, imperdiet ipsum a, consectetur ligula. Nam orci ante, pharetra id erat vel, tincidunt vehicula lectus.

Paragraph of content... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum lectus urna, id bibendum mauris commodo vitae. Suspendisse potenti. Suspendisse eu posuere lacus. Donec mauris dolor, aliquet sed consequat sit amet, molestie eget orci. Donec at erat enim. Nullam magna orci, convallis sed nisi porttitor, ultricies lobortis libero. Nam in laoreet nibh. Sed porttitor luctus condimentum.

 

Using the quote styling

OptimizedImage,Optimized

Using the DIV function in the text editor ribbon (see screengrab above), CSS class for quote is blue-quote-right or blue-quote-left. This places the text accordingly in a shaded background.

Test text for a DIV quote, use the CSS to place the text and then set the text as a Heading 4 to give it the correct font, colour and weighting

 

 

Tags to use on news posts for each type - add these to page settings on a post

Pre-Prep: Pre-Prep News

Prep: Prep News

Senior: Senior News

Sixth Form: Sixth Form News

Alumni: Alumni News

Page Themes to use for each school - add these to page settings in the "Custom CSS Class" field

Pre-Prep: yellow-theme

Prep: green-theme

Senior: red-theme

Sixth Form: forest-theme

Colour Code

Blue (main color): #174375

Gold: #BA9765

Dark Blue: #00365E

Dark Gray(Defult text color): #3D3D3D

Gray shade 1: #E6EBF0

Gray shade 2: # ----

Gray shade 3: # ----

Buttons - add this CSS to the Advanced tab on any link (the CSS should be entered in lower case, the button styling makes it show upper case below...)

site-button-primary

site-button-secondary

site-button-border

site-button-border-secondary

site-button-darkblue

site-button-red

site-button-yellow

site-button-green

site-button-forest

site-button-full-primary

site-button-full-secondary

site-button-full-border

site-button-full-border-secondary

site-button-full-darkblue

site-button-full-red

site-button-full-yellow

site-button-full-green

site-button-full-forest

Bullet Pointed List

  • Bullet 1
  • Bullet 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nisi, venenatis id lectus id, tristique iaculis orci. Praesent sit amet nisi at quam sagittis molestie. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa.
  • Bullet 3

Numbered List

  1. List 1
  2. List 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nisi, venenatis id lectus id, tristique iaculis orci. Praesent sit amet nisi at quam sagittis molestie. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa.
  3. List 3

Tables

Create a table using the Tables function in the text editor ribbon, see screengrab:

OptimizedImage,Optimized

Always set border size to 0 and Cell padding to 10.

In most cases, set width to 100% (this will make the table span the width of the container it is in).

Add relevant CSS class to Advanced tab.

Normal Table

CSS: site-table-mobile-stack

  1 night per week  2 nights per week  3 nights per week 
Year 7, 8 and 9 £360 £715 £1,070
Year 10 and 11 £470 £935 £1,405
Year 12 and 13 £520 £1,040 £1,545

Accordion Table

Test Text 1
Test data 1
Test Text 2
Test data 2
Test Text 3
Test data 3

CSS: site-table-accordion site-table-accordion-arrow-first site-table-mobile

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque hendrerit odio, non molestie turpis scelerisque eget. Aenean placerat faucibus ipsum, et tempor mi maximus non. Integer condimentum at leo at ultricies. Sed molestie interdum libero, sed malesuada turpis rutrum ornare. Mauris non enim non libero lobortis pellentesque nec nec risus. Nunc consectetur tristique diam, id auctor purus feugiat a.

Aliquam id vestibulum est, at iaculis magna. Ut suscipit feugiat velit feugiat pharetra. Fusce ultrices turpis nec tellus interdum rutrum. Nulla eu sapien eu felis mollis consequat a vel augue. Sed sem nisl, pulvinar blandit urna eu, consectetur tristique metus. Duis non turpis eu odio aliquam cursus. Sed sagittis ac tellus lobortis elementum.

Praesent malesuada ultricies leo in bibendum. Vestibulum at mauris malesuada, aliquet tellus eu, tempor ipsum. Find out more
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque hendrerit odio, non molestie turpis scelerisque eget. Aenean placerat faucibus ipsum, et tempor mi maximus non. Integer condimentum at leo at ultricies. Sed molestie interdum libero, sed malesuada turpis rutrum ornare. Mauris non enim non libero lobortis pellentesque nec nec risus. Nunc consectetur tristique diam, id auctor purus feugiat a.

Aliquam id vestibulum est, at iaculis magna. Ut suscipit feugiat velit feugiat pharetra. Fusce ultrices turpis nec tellus interdum rutrum. Nulla eu sapien eu felis mollis consequat a vel augue. Sed sem nisl, pulvinar blandit urna eu, consectetur tristique metus. Duis non turpis eu odio aliquam cursus. Sed sagittis ac tellus lobortis elementum.

Praesent malesuada ultricies leo in bibendum. Vestibulum at mauris malesuada, aliquet tellus eu, tempor ipsum. Find out more
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque hendrerit odio, non molestie turpis scelerisque eget. Aenean placerat faucibus ipsum, et tempor mi maximus non. Integer condimentum at leo at ultricies. Sed molestie interdum libero, sed malesuada turpis rutrum ornare. Mauris non enim non libero lobortis pellentesque nec nec risus. Nunc consectetur tristique diam, id auctor purus feugiat a.

Aliquam id vestibulum est, at iaculis magna. Ut suscipit feugiat velit feugiat pharetra. Fusce ultrices turpis nec tellus interdum rutrum. Nulla eu sapien eu felis mollis consequat a vel augue. Sed sem nisl, pulvinar blandit urna eu, consectetur tristique metus. Duis non turpis eu odio aliquam cursus. Sed sagittis ac tellus lobortis elementum.

Praesent malesuada ultricies leo in bibendum. Vestibulum at mauris malesuada, aliquet tellus eu, tempor ipsum. Find out more
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque hendrerit odio, non molestie turpis scelerisque eget. Aenean placerat faucibus ipsum, et tempor mi maximus non. Integer condimentum at leo at ultricies. Sed molestie interdum libero, sed malesuada turpis rutrum ornare. Mauris non enim non libero lobortis pellentesque nec nec risus. Nunc consectetur tristique diam, id auctor purus feugiat a.

Aliquam id vestibulum est, at iaculis magna. Ut suscipit feugiat velit feugiat pharetra. Fusce ultrices turpis nec tellus interdum rutrum. Nulla eu sapien eu felis mollis consequat a vel augue. Sed sem nisl, pulvinar blandit urna eu, consectetur tristique metus. Duis non turpis eu odio aliquam cursus. Sed sagittis ac tellus lobortis elementum.

Praesent malesuada ultricies leo in bibendum. Vestibulum at mauris malesuada, aliquet tellus eu, tempor ipsum. Find out more

 

Explore Ibstock School

Discover what our inspiring school has to offer.

 

Meet the team

Good Schools Guide

Contact Us

Inspection Reports

History

News

Community Partnerships

Policy Documents

Entry Points - Image Column - First Image Content (site-custom-image-column first-image-content)

An inspiring school with space to grow

Whether joining us at the age of 4 or later in their educational journey, pupils are provided with abundant opportunities to explore, learn, and develop. We are committed to supporting them from their very first day and ensuring their growth extends far beyond their last one.

Pre-Prep

Ages 1 - 4

DISCOVER MORE

Prep

Ages 4 - 11

DISCOVER MORE

Senior

Ages 11 - 16

DISCOVER MORE

Sixth Form

Ages 16+

DISCOVER MORE

Pupil voices - Image Column - Last Image Content (site-custom-image-column last-image-content)

Pre-prep

OptimizedImage,Optimized

Prep

OptimizedImage,Optimized

Senior

OptimizedImage,Optimized

Sixth Form

OptimizedImage,Optimized

Don’t just take our word for it!

Ut mollis tellus a felis porta, eget consequat sapien aliquet. Phasellus et eleifend ex. Etiam porta est in nulla vulputate commodo. Curabitur sem elit, convallis vitae blandit ac, pretium a mi.

Entry Points - Tabbed Gallery

Stocks return

We are always delighted to welcome Stocks back in School. Please keep coming!

Alec Raines

OI 2016

Keir Murison

OI 2016

Daniel Clarke

OI 2016

Sean Hayfield

OI 2016

 

Alec Raines

OI 2014

It was a pleasure to welcome Keir Murison (OI, 2014) back to School to give a talk on DNA. Keir left IPS with four A* grades at A level and was accepted to study Natural Sciences at Emmanuel College, Cambridge. Since then, he has gone from strength to strength and his research work for the final year of his degree is currently taking him further into the fascinating area of DNA. It was on this topic that he kindly agreed to speak.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultricies consectetur tortor. Vestibulum sollicitudin, justo vel feugiat tristique, libero nisl auctor ex, convallis placerat nisl ante facilisis risus. Cras euismod enim elementum nisl hendrerit venenatis. In ornare a metus et hendrerit. Ut convallis posuere sem, in molestie est congue ac. In at elementum dui. In metus justo, dapibus suscipit ligula sit amet, gravida interdum tellus. Suspendisse vitae mauris arcu. Nunc sollicitudin arcu ac

In non congue risus. Morbi ullamcorper purus quis est elementum, id tincidunt erat imperdiet. Sed non tempor magna. Duis eu pretium dolor. Donec vel aliquam est. In vitae volutpat eros. Aliquam sit amet metus fringilla velit ultrices faucibus eget et lectus. Nullam varius augue augue, id hendrerit elit sagittis eu.

 

 

Keir Murison

OI 2014

It was a pleasure to welcome Keir Murison (OI, 2014) back to School to give a talk on DNA. Keir left IPS with four A* grades at A level and was accepted to study Natural Sciences at Emmanuel College, Cambridge. Since then, he has gone from strength to strength and his research work for the final year of his degree is currently taking him further into the fascinating area of DNA. It was on this topic that he kindly agreed to speak.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultricies consectetur tortor. Vestibulum sollicitudin, justo vel feugiat tristique, libero nisl auctor ex, convallis placerat nisl ante facilisis risus. Cras euismod enim elementum nisl hendrerit venenatis. In ornare a metus et hendrerit. Ut convallis posuere sem, in molestie est congue ac. In at elementum dui. In metus justo, dapibus suscipit ligula sit amet, gravida interdum tellus. Suspendisse vitae mauris arcu. Nunc sollicitudin arcu ac

In non congue risus. Morbi ullamcorper purus quis est elementum, id tincidunt erat imperdiet. Sed non tempor magna. Duis eu pretium dolor. Donec vel aliquam est. In vitae volutpat eros. Aliquam sit amet metus fringilla velit ultrices faucibus eget et lectus. Nullam varius augue augue, id hendrerit elit sagittis eu.

 

 

Daniel Clarke

OI 2014

It was a pleasure to welcome Keir Murison (OI, 2014) back to School to give a talk on DNA. Keir left IPS with four A* grades at A level and was accepted to study Natural Sciences at Emmanuel College, Cambridge. Since then, he has gone from strength to strength and his research work for the final year of his degree is currently taking him further into the fascinating area of DNA. It was on this topic that he kindly agreed to speak.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultricies consectetur tortor. Vestibulum sollicitudin, justo vel feugiat tristique, libero nisl auctor ex, convallis placerat nisl ante facilisis risus. Cras euismod enim elementum nisl hendrerit venenatis. In ornare a metus et hendrerit. Ut convallis posuere sem, in molestie est congue ac. In at elementum dui. In metus justo, dapibus suscipit ligula sit amet, gravida interdum tellus. Suspendisse vitae mauris arcu. Nunc sollicitudin arcu ac

In non congue risus. Morbi ullamcorper purus quis est elementum, id tincidunt erat imperdiet. Sed non tempor magna. Duis eu pretium dolor. Donec vel aliquam est. In vitae volutpat eros. Aliquam sit amet metus fringilla velit ultrices faucibus eget et lectus. Nullam varius augue augue, id hendrerit elit sagittis eu.

 

 

Sean Hayfield

OI 2014

It was a pleasure to welcome Keir Murison (OI, 2014) back to School to give a talk on DNA. Keir left IPS with four A* grades at A level and was accepted to study Natural Sciences at Emmanuel College, Cambridge. Since then, he has gone from strength to strength and his research work for the final year of his degree is currently taking him further into the fascinating area of DNA. It was on this topic that he kindly agreed to speak.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultricies consectetur tortor. Vestibulum sollicitudin, justo vel feugiat tristique, libero nisl auctor ex, convallis placerat nisl ante facilisis risus. Cras euismod enim elementum nisl hendrerit venenatis. In ornare a metus et hendrerit. Ut convallis posuere sem, in molestie est congue ac. In at elementum dui. In metus justo, dapibus suscipit ligula sit amet, gravida interdum tellus. Suspendisse vitae mauris arcu. Nunc sollicitudin arcu ac

In non congue risus. Morbi ullamcorper purus quis est elementum, id tincidunt erat imperdiet. Sed non tempor magna. Duis eu pretium dolor. Donec vel aliquam est. In vitae volutpat eros. Aliquam sit amet metus fringilla velit ultrices faucibus eget et lectus. Nullam varius augue augue, id hendrerit elit sagittis eu.

 

Bottom Banner

Admissions to Ibstock Place School

We'd love to help you discover more about our school and whether it's right for your child. Find out about entry points and the admissions process here.

DISCOVER MORE

Upcoming events

Ut mollis tellus a felis porta, eget consequat sapien aliquet. Phasellus et eleifend ex.

01

 Monday
May, 2023
08:00 - 12:00		 Ut mollis tellus a felis porta, eget consequat

01

 Monday
May, 2023
08:00 - 12:00		 Ut mollis tellus a felis porta, eget consequat

01

 Monday
May, 2023
08:00 - 12:00		 Ut mollis tellus a felis porta, eget consequat

01

 Monday
May, 2023
08:00 - 12:00		 Ut mollis tellus a felis porta, eget consequat

01

 Monday
May, 2023
08:00 - 12:00		 Ut mollis tellus a felis porta, eget consequat

 

 

What’s happening?

LATEST NEWS