05 - Hero Banner
Homepage only, heading 25-35 characters, paragraph 40-50 characters, custom CTA button, followed by “Intro - Journey” component
06 - Page Banner - Image
Used on most page templates, “Breadcrumbs” component, heading 25-35 characters, paragraph 40-50 characters, CTA buttons optional
Youth Services
This is mostly useful to debug a template that does not behave

07 - Page Banner - SIMPLE
Used on low level content pages or when a page template does not require an image, heading 25-35 characters, brand “Journey” image on right
Privacy Policy
08 - Slider Banner
2-4 banner images per slider, autoplay disabled, only use one slider per page and when it supports content strategy
09 - Breadcrumbs
Home icon links to homepage, followed by incrementing sub navigation links defined in the sitemap
10 - Intro - JOURNEY
Heading 10-30 characters, paragraph 200-300 characters, primary CTA button optional, custom journey brand colour (AA compliant)
11 - Intro - Simple
Heading 10-30 characters, paragraph 200-300 characters and optional, primary CTA button optional
Changing Life for Good
Bacon ipsum dolor amet turducken rump salami chuck hamburger burgdoggen alcatra bacon pork loin cow tongue.
Spare ribs meatball ribeye beef ribs shank bresaola short loin frankfurter.
12 - Cards - 3 Column
Headings 10-40 characters (consistent), paragraphs 140-150 characters, primary CTA link optional, entire card should link and change on hover
13 - Cards - 2 Column
Headings 10-60 characters (consistent), paragraphs 150-250 characters, primary CTA link optional, entire card should link and change on hover
14 - Cards - EventS
Headings 10-50 characters, auto excerpts, custom date + time / location, grouped category, event CTA link mandatory, 9 cards with “Load More”
15 - Cards - News
Headings 10-90 characters, auto excerpts, published date, grouped category, news CTA link mandatory, 8-10 cards with “Load More”
16 - 50/50 - Image Left
Heading 20-40 characters, paragraph 150-250 characters, primary CTA button optional, alternating brand dot pattern overlay mandatory


Title HEre
Sausage ham hock prosciutto frankfurter short ribs swine drumstick shank meatloaf chuck ball tip capicola. Ham hock kevin venison cow kielbasa, pig landjaeger sausage ribeye boudin doner chuck burgdoggen.
17 - 50/50 - Image Right
Heading 20-40 characters, paragraph 150-250 characters, primary CTA button optional, alternating brand line pattern overlay mandatory
RIGHT TITLE
SOME BODY


18 - Stories - Slider Left
Stories / testimonials variable length, one (1) story hides slider “D” icons, auto cycle disabled, custom background brand colour (AA compliant)
19 - Stories - Slider Right
Stories / testimonials variable length, one (1) story hides slider “D” icons, auto cycle disabled, custom background brand colour (AA compliant)
20 - Slim Banner - Image Left
Heading 10-30 characters, paragraph 50-60 characters, primary CTA button mandatory, can link to external page/website, custom image
Events
You can also check if a string starts with or ends with another string or use a regular expression.
21 - Slim Banner - Image Right
Heading 10-30 characters, paragraph 50-60 characters, primary CTA button mandatory, can link to external page/website, custom image

22 - Call To Action Icons
2-4 icons (first row), 5-8 icons (second row), paragraph optional, icon groups have individual page links, primary CTA button optional
25 - Feature Tiles
Alternating brand coloured tiles, 1-3 tiles in preferred order, headings 50-70 characters, primary CTA link optional, entire card should link
26 - Tabs
Flexible number of tab options, content within each tab can include any “standard content” elements (heading, paragraph, list, CTA button)
STRONGER FAMILIES
Bacon ipsum dolor amet spare ribs swine shank frankfurter ham prosciutto. Spare ribs pork loin turducken ball tip chicken. Ham hock bacon tri-tip pork flank buffalo boudin hamburger bresaola shank. Tenderloin ribeye tail tongue ground round kielbasa leberkas buffalo. Drumstick tri-tip prosciutto, rump buffalo filet mignon shank chuck.
STRONGER FAMILIES
Sausage ham hock prosciutto frankfurter short ribs swine drumstick shank meatloaf chuck ball tip capicola. Ham hock kevin venison cow kielbasa, pig landjaeger sausage ribeye boudin doner chuck burgdoggen. Drumstick rump picanha, leberkas ribeye pastrami tri-tip pig porchetta doner shankle pork belly biltong. Pork chop tenderloin ground round pork belly, brisket picanha venison biltong chicken cupim. Kevin andouille jowl, brisket filet mignon short loin pork chop burgdoggen strip steak tri-tip picanha shank chuck.
30 - Numbered List
2-6 items recommended, heading 10-30 characters, paragraphs can vary in length, CTA text link optional, grey background colour optional
31 - FAQs / Accordion
Always collapsed on page load, clicking one does not close the other, heading and paragraphs can be any length
We provide a broad range of services focused on building stronger, more capable and resilient children and young people. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque cursus diam at faucibus lacinia amet.
We provide a broad range of services focused on building stronger, more capable and resilient children and young people. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque cursus diam at faucibus lacinia amet.
Thewre is another tab in here
29 - Standard Content
Content managed editor (CMS), primary heading 10-50 characters, secondary headings optional, content image optional, CTA buttons optional
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of
- etraset sheets containing
- Lorem Ipsum passages,
- and more recently with desktop
- publishing software li
Lorem Ipsum
23 - Cards - People
Full Name and Position headings, external links to LinkedIn (default) or on-site profile lightbox (pending content), LinkedIn icon hidden if no link

Mr Bradley Strong
Chairman

Mr Harold Peacock
Chairman

Ms Jody Wright
Executive Director & Superintendent
32 - Library / Document Cards
Library cards link to external library resources (resource title + author), Document cards download internal PDF files (filename + download link)
34 - Forms / Contact Us
Contact panel on left, office hours / address / map embed optional, enquiry form on right, form is centered on page if no contact panel shown
We're here to help
ONLINE ENQUIRY
27 - Subscribe
Heading with Email input field (Name could also be captured), used for news / blog / events., automatically adds to respective email platform
We're Here to help
if you have any enquiries feedback or
suggestions regarding our services and
support, we'd love to hear from you.