All Components
Components used throughout the site
Primitive elements
Headings
This is a heading
Plain paragraphs
These paragraphs are used when rich text options are not required. There are two size options available. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
Icons
- All icons are added added as SVG data-urls in the variable collection
- In the UI, the icons are accommodated from a single component - Global / Icon
- Some common examples are added below:
Heading lockup
The common heading + paragraph block that appears in many sections.
subtitle
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
Breadcrumbs
1975
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Accordions
Built using native HTML <details> element, and the animated transitioning is handled via Javascript in the JS Git repo.
Set open = open attribute on the component root element to show the accordion content in the designer.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Marquee
Attribute on the marquee list (slot) [data-el="marquee-list"] duplicates it via JS.
The animation is applied in component style
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Sarah M
subtitle
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Lorem ipsum
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
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 laboris nisi ut aliquip ex ea commodo consequat.
subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
Impact Reports
Discover how Emerge measures the impact of our programs and the difference community support makes.
2025 Report
We have prioritised transforming our services to drive best practice and deliver on our strategic vision of breaking the cycles of violence.
2024 Report
The year 2024 has been a
dynamic and transformative
one for our organisation.
2023 Report
This year, we have taken significant steps toward achieving our vision of disrupting the cycle of family violence.
2022 Report
This year, we have taken significant steps toward achieving our vision of disrupting the cycle of family violence.
2021 Report
This year, we have taken significant steps toward achieving our vision of disrupting the cycle of family violence.
2020 Report
This year, we have taken significant steps toward achieving our vision of disrupting the cycle of family violence.
subtitle
Downloadable Reports
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
2025 Report
The year 2025 has been a significant one for Emerge. We have prioritised transforming our services to drive best practice and deliver on our strategic vision of breaking the cycles of violence.
2024 Report
The year 2025 has been a significant one for Emerge. We have prioritised transforming our services to drive best practice and deliver on our strategic vision of breaking the cycles of violence.
2023 Report
The year 2025 has been a significant one for Emerge. We have prioritised transforming our services to drive best practice and deliver on our strategic vision of breaking the cycles of violence.
subtitle
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
Frequently asked questions
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Accordion title
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu. Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Id deserunt sit sunt consequat Lorem aute ea eiusmod ut mollit aute. Elit minim qui ea in eu.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla commodo pellentesque sem, at semper lorem fringilla a. Cras at libero non sapien blandit egestas.
