Demo Hero
Demo Header
Component: Text Element
This is a text element. You can do text formatting, such as bold text, italics, underline, superscript2, subscript2, heading formats, code blocks, and hyperlinks. For NZXGroup, if you'd like to add text on a page, then you should create a text element, and then link it to the page in the sections field.
You can also do lists, quotes, numbered lists, horizontal lines, and tables.
Table Heading 1 | Table heading 2 |
|---|---|
This is an example table | Second column of the example table |
- You can also include the following assets as embedded contentful entries:
- Images
- PDFs
- Anything that you can add as an asset
Here is an example:
NXZ283212 NZX ProxyForm March 2025 PDF428.18 KB
Demo - Photo Article
This is a photo article component. You can render rich text like bold or italics etc.
Use this for displaying photo article types. news articles are rendered with text on the left, and an image on the right where the image is full bleed (no spacing on the right edge). Dates and links are ignored, while buttons are rendered.
Video articles have no description. If you want to have any articles side by side, then have them in a Collection.
Demo - News Article
This is a news article component. You can render rich text like bold or italics etc.
Use this for displaying news article types. news articles are rendered with text on the left, and an image on the right where the image itself has a shadow backdrop. It includes a title, optional date & link, and an optional button.
Video articles have no description. If you want to have any articles side by side, then have them in a Collection.
Below is a quicklinks section. In quicklinks, you can link pages as destinations. The colour of the quicklinks will be determined by the destination's theme colour (who we are, careers, investor centre, governance), while the link name is determined by the page title.
Component: Person.
If you want to display a group of people, you must create their profile using the person content model, and then adding them into the profiles content model. Then, you link the profiles into a page section. We have disabled the option to render the person content model by itself. If you want to render just one person, you will need to create a profiles content model for that person. This is to ensure stability and standard styling.
This is a rich text field, which means you can do all sorts of formatting.
Component: Person.
If you want to display a group of people, you must create their profile using the person content model, and then adding them into the profiles content model. Then, you link the profiles into a page section. We have disabled the option to render the person content model by itself. If you want to render just one person, you will need to create a profiles content model for that person. This is to ensure stability and standard styling.
This is a rich text field, which means you can do all sorts of formatting.
Component: Person.
If you want to display a group of people, you must create their profile using the person content model, and then adding them into the profiles content model. Then, you link the profiles into a page section. We have disabled the option to render the person content model by itself. If you want to render just one person, you will need to create a profiles content model for that person. This is to ensure stability and standard styling.
This is a rich text field, which means you can do all sorts of formatting.
Demo Highlights
These are highlight details. Much like the profiles, you can only include them on the page if you add them into the highlights content model, and add that onto a page. You can have up to 3. The colour is determined by the highlights content model. Icons are not yet supported at this time.
CO2
Global CO2 levels have risen by 40% since the industrial revolution, highlighting the need for sustainable practices.
Telling your fund's story
Talking to your investors early and often is essential. A strong record of communication means you are more likely to attract new investors, and it means your current ones understand the fund’s strategy and growth initiatives
Demo Highlights
These are highlight details. Much like the profiles, you can only include them on the page if you add them into the highlights content model, and add that onto a page. You can have up to 3. The colour is determined by the highlights content model. Icons are not yet supported at this time.
CO2
Global CO2 levels have risen by 40% since the industrial revolution, highlighting the need for sustainable practices.
Demo Highlights
These are highlight details. Much like the profiles, you can only include them on the page if you add them into the highlights content model, and add that onto a page. You can have up to 3. The colour is determined by the highlights content model. Icons are not yet supported at this time.
Demo - Contacts
Demo Contact Name
Component: Collections
This is a text element in a collection. Collections can be used to group together elements horizontally. You can have up to a maximum of 3 columns. To the right, there is the accordion from above, which is also in the collection, so you can compare and contrast for yourself what it would look like if you had an element in a collection rather than by itself.
Below this will be a collection with two video articles, just so you can see what it would look like.