New Staff Vacancies
Are you looking to join our growing and expanding College? Check out our latest vacancies, from Head of Quality to Teacher of Maths.
Title block - This is an H1
You should only have one H1 per page and all other headings should be used in sequential order. A sub heading of an H1 should be an H2 and a sub heading of an H2 should be an H3 and so on.
Title Block - H2
Title Block - H3
Title Block - H4
This Text Block has no additional HTML styling available as it has no rich text capability. It would be rarely used as it creates a single paragraph. This particular block has the "inset" option ticked in the styles tab to make the overall width of the block narrower.
This Rich Text Block does have additional styling available. This paragraph is a lead paragraph and is slightly larger than a normal paragraph. Use this style at the top of a page if you want to emaphasise the opening line or two of text.
- Add bullets
- Like this
- If you need to
Maybe create a link. If you're linking to a document or an external website you should use the 'Target' checkbox when creating the link top open it in a new tab.
Related Resources Block - Good for a few downloads on a page
Here's a new single block layout
The single block layout has a background of "bgAquaLight" selected in the styles tab. There are a range of options available for the background.
The Image Block needs images that are at least 1680 pixels wide. They will automatically be resized on smaller devices. This text block has been inset and centered using the options in the "style" tab. It may look a little close to the image below, so I've added a spacer block between the text block and the image block.
This Text Block has no additional HTML styling available as it has no rich text capability. It would be rarely used as it creates a single paragraph. This particular block has the "inset" option ticked in the styles tab to make the overall width of the block narrower.
Title text media block
Hey everyone, have you seen this. It's something we want to draw your attention to without having to write too much copy as there's a limit to what people will read.
View our coursesA new single block layout
This is so we can switch the background colour for the section back to white (or to a different colour).
This is a blockquote macro inserted into a rich text editor. The lines above and below are created automatically.
Hello there, here's some more text underneath the macro.
Our FAQs
Did you insert a spacer block above this FAQ section?
I did as otherwise the text above is a little close to the title.
Why is this FAQ block wider than the text above it?
Because the rich text block above has "inset" selected under the style tab when you edit the text.
Is this a question?
Yes it is. I could go on, but there's not much else to add. You just add more questions and answers to build up your FAQ section.
Is this another question?
Yes it is.
A second block with no link
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
A third block
I ticked the box to make this a three column notice block under the "Styles" tab. If you don't tick that box, you get four columns per row.
This is general panels block
Text for the general panels block goes here.
This has four blocks across and is not inset
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
A second block with no link
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
A third block
I ticked the box to make this a three column notice block under the "Styles" tab. If you don't tick that box, you get four columns per row.
This is "bgYellow" on the single block layout
Depending on which background colour you pick, we change the text colours to use accessible colour combinations. Try changing the single block layout background colour in the "styles" tab.
100%
This block has the "large title" setting ticked. It makes the title font really big.
4 A*s
That means you can use it to present little number facts or similar.
No.1
I ticked the box to make this a three column notice block under the "Styles" tab. If you don't tick that box, you get four columns per row.
Button Block below
You can add a button block as below with either one or two buttons. Ideal for a short bit of text that's centred like this is so that you can introduce something and then link off to it.
Image Gallery
Logo Grid Block
This block is useful if you had a list of sponsors for an event for example or a list of companies that you've worked with to set up apprenticeships etc.
Related contact block
I've set this kind of information in "single block layout" witha background colour of "bgPink" throughout the site so that the user will consistently associate the pink block with useful contact information.