SG - Components

A PAGE TITLE

This is a page title, set to full width and text aligned center. Add the background iamge with the site-page-title class

Image with shadow

Form with inline fields

Drawing Shapes

You can position shapes using classes and they draw on scroll. The classes are:

  • site-draw-shape-1
  • site-draw-shape-2
  • site-draw-shape-3

By default, the shape will align to the top of the section the feature is in,
however, you can also use site-shape-inline-with-title class to align
the shape to the top of the relevant feature.

Counter boxes

VISIT

Lorem ipsum dolor sit amet consectetur. Gravida metus sed proin gravida. Convallis eu molestie et sed ac sem odio massa.

APPLY

Lorem ipsum dolor sit amet consectetur. Gravida metus sed proin gravida. Convallis eu molestie et sed ac sem odio massa.

ASSESSMENT

Lorem ipsum dolor sit amet consectetur. Gravida metus sed proin gravida. Convallis eu molestie et sed ac sem odio massa.

OFFER OF PLACE

Lorem ipsum dolor sit amet consectetur. Gravida metus sed proin gravida. Convallis eu molestie et sed ac sem odio massa.

OFFER ACCEPTANCE

Lorem ipsum dolor sit amet consectetur. Gravida metus sed proin gravida. Convallis eu molestie et sed ac sem odio massa.

WELCOME PACK

Lorem ipsum dolor sit amet consectetur. Gravida metus sed proin gravida. Convallis eu molestie et sed ac sem odio massa.