Pre-styled Widgets 2

Introduction text – All pages should have a sentence or 2 of ‘intro-text’. On this site – add the class intro-text to the text editor rather than using block quote for styling. If you want an additional paragraph in body text, add a second text box.

This is a link

Unless Content is ‘FULL WIDTH’ top level containers must use the CSS Class page-margin, page-margin-0-top, or page-margin-0-top-btm.

This allows base containers to have full width background, with page margin padding. It is set in the Custom CSS.

2 column Full width text, should have the page-margin class added to the 2 x inner containers.

Optional Lead In Text

Slider widget

The padding below the left column description should be removed if there is no CTA button in the left column content.

Image height is set through a class sc-slide-3-2 added to the widget.

Test Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Image height is set through a class 'sc-slide-3-2' added to the widget.

Test Content

Delete 'Content' and 'Style Override' Or this whole item, unless text over top is needed.

Nav block

The class 'sc-navblock-3-2' has been added to this nav block. It will scale images proportionatly at a ratio of 3:2. Dont worry about image quality.

Accordion

Heading 4 āēīōū ĀĒĪŌŪ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 5 āēīōū ĀĒĪŌŪ
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 6 āēīōū ĀĒĪŌŪ – Same as body with reduced bottom margin
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leoLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Heading 6 āēīōū ĀĒĪŌŪ

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast

Heading 4 āēīōū ĀĒĪŌŪ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 5 āēīōū ĀĒĪŌŪ
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 6 āēīōū ĀĒĪŌŪ – Same as body with reduced bottom margin
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leoLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Heading 6 āēīōū ĀĒĪŌŪ
Optional Lead in Text

Boxed Image & Text Container

When an image is next to text within the page margins. A basic container setup seems to be working better than the Image Cointent (SC) widget.

If the Lead in text is used, apply a negative margin var(–sc-margin-half-neg) to the lead in text heading box.

Optional Lead in Text

Boxed Image & Text Container

When an image is next to text within the page margins. A basic container setup seems to be working better than the Image Cointent (SC) widget.

If the Lead in text is used, apply a negative margin var(–sc-margin-half-neg) to the lead in text heading box.

Apply the class dark-bg to the container.

Optional Lead In Text

This is the Content BOX

It has the class dark-bg applied to the widget.

Optional Lead In Text

Image Content (SC)

The parent container must NOT have the page margin class applied for this widget to appear full width.

Delete the 'Button Text' in the content tab to remove the button

Optional Lead In Text

Image Content (SC)

The parent container must NOT have the page margin class applied for this widget to appear full width.

Delete the 'Button Text' in the content tab to remove the button

Optional Lead In Text

Image Content (SC)

The parent container must NOT have the page margin class applied for this widget to appear full width.

Delete the 'Button Text' in the content tab to remove the button

Optional Lead In Text

Image Content (SC)

Apply the class dark-bg to the the widget to change the text, button and link colours.

The parent container must NOT have the page margin class applied for this widget to appear full width.

Delete the 'Button Text' in the content tab to remove the button

2 Column Content

Apply the class  page-margin to the 2 x inner containers NOT the outer parent container

Current Board Members

  • Colin May
  • James West
  • Ryan Brenchley
  • Matt Abraham
  • Christine Mackay
  • Tom Osborne
  • Thomas Nehemia
  • Leigh Harland
  • Jane Coup – Principal
  • Fleur Walter – Staff Representative
  • Thea Tumamac – Student Representative*
Our Curriculum

Find out more about our curriculum structure, learning areas, and the ways we support our learners.

Sport

Explore our range of sporting opportunities.

Performing Arts

Discover opportunities in music, drama, kapa haka, and more.

Student Support

Learn more about how we support our students and help them thrive.

Blockquote – On this site, the blockquote is styled smaller than intro, so it can be used elsewhere for emphasis, or quotes.

Heading 1 āēīōū ĀĒĪŌŪ

Heading 2 āēīōū ĀĒĪŌŪ
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. āēīōū ĀĒĪŌŪ

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leoLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 3 āēīōū ĀĒĪŌŪ
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 4 āēīōū ĀĒĪŌŪ
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 5 āēīōū ĀĒĪŌŪ
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Heading 6 āēīōū ĀĒĪŌŪ – Same as body with reduced bottom margin. Use it for the sentense before bullets:
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leoLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Heading 6 āēīōū ĀĒĪŌŪ