05 - Hero Banner

Homepage only, heading 25-35 characters, paragraph 40-50 characters, custom CTA button, followed by “Intro - Journey” component

AWARENESS

REHABILITATION

MANAGEMENT

AWARENESS

REHABILITATION

MANAGEMENT

Everyone deserves a chance to build a better life.

06 - Page Banner - Image

Used on most page templates, “Breadcrumbs” component, heading 25-35 characters, paragraph 40-50 characters, CTA buttons optional

Home blankely Demo Page

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

Home blankely Demo Page

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

Home blankely Demo Page
10 - Intro - JOURNEY

Heading 10-30 characters, paragraph 200-300 characters, primary CTA button optional, custom journey brand colour (AA compliant)

Changing Lives for Good

The advantage is that the special loop variable will count correctly thus not counting the users not iterated over. counting the users not iterated over.

Demo Page
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.

Demo Page CTA
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.

Google Search
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

Workplace Training

And then some content in here and then some

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.

Assisting Adults

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.

Demo Page
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
Mr Bradley Strong
Chairman
Mr Harold Peacock
Mr Harold Peacock
Chairman
Ms Jody Wright
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

  • Monday - Friday
  • 9:00am - 5:00pm
  • ADDRESS
  • Level 1/493 Ipswich Rd
  • Annerley QLD 4103

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.