vic_logo

Sample of all landing page content components

This is the introduction text; it sits directly under the page title and gives an overview of what's on the page.

Title of Introduction Banner

Summary of intro banner (a feature for vic pol museum not being used on vic.gov.au at present blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah limited to 200 characters

This is a body content component.

You can include:

  • links
  • lists (bulleted and numbered)
  • indented quotes (callout)
  • block text

Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch. Fixie craft beer slow-carb, shoreditch williamsburg vice iceland blog small batch tilde. Banjo roof party sriracha vice franzen. Here's an inline link .

This paragraph has the "callout" style applied to it. It doesn't display as indented in the WYSIWYG. To apply this, select some text, click on the block styles dropdown next to the Bold and itals buttons. Then click callout. Perhaps we should have a character limit or suggested limit as it looks bad when too long.

Heading 2

Keffiyeh tote bag hashtag snackwave shaman. Bicycle rights ennui marfa four dollar toast cornhole, health goth fixie kitsch squid kinfolk. Microdosing chartreuse vape yr mustache. Air plant jianbing art party, hashtag plaid bushwick narwhal flannel kombucha neutra scenester squid. Sartorial poutine sriracha, cliche selvage cornhole organic.

This is the block quote with 2 lines of caption, accessed via the 'document' icon. The following comes up when you insert the cursor and click the doc icon. We DON"T want the source line to display in all caps! Berios sim destrum facientota nis ex eost aut prae vendis explam aliquis dolorpo rrorem reptaep elenis net.

Her Excellency the Honourable Linda Dessau AC
Governor of Victoria

Heading 3

Venmo chia synth banjo skateboard. Pug pok pok artisan fanny pack kitsch butcher schlitz selfies messenger bag disrupt thundercats four loko leggings readymade +1.

This indented quote is created using the icon with the double quotes on it (rollover label is 'block quote'). It does display as indented in the WYSIWYG but I suggest it be indented more on the right side. Trust fund migas offal salvia freegan. Swag hell of church-key, keytar waistcoat taxidermy flannel pug banh mi trust fund gentrify pickled. Vice wayfarers gastropub, drinking vinegar subway tile cred normcore bushwick salvia locavore ugh scenester asymmetrical hot chicken dreamcatcher.

Heading 4

Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch.

Heading 5

asymmetrical beard. Waistcoat photo booth synth drinking vinegar gastropub. Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch.

Missing media.

Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch.

Here are some buttons (click page/doc icon and choose a button; a blank line is also inserted under the button):

Primary button text

The secondary button is a different colour, that's all

Secondary button text

Another heading 2

Following is an example of an image.

This is a caption typed into the Embed media screen

And here's an embedded document (automatically selects and displays icon and calculates and displays size):

Following is a horizontal line.


Tables

Here's a table.

This is the table caption
Column 1 Column 2 Column 3 has quite a long heading Column 4
$000
Row 1 content row 1 content

asymmetrical beard. Waistcoat photo booth synth drinking vinegar gastropub. Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch

asymmetrical beard. Waistcoat photo booth synth drinking vinegar gastropub. Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch.

  • sometimes tables have lists
  • sometimes tables have lists
  • sometimes tables have lists
1,234,567
Row 2 content row 2 content

asymmetrical beard. Waistcoat photo booth synth drinking vinegar gastropub. Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch.

384
Row 3 content row 3 content

asymmetrical beard. Waistcoat photo booth synth drinking vinegar gastropub. Tilde pork belly gastropub, tacos heirloom cold-pressed trust fund cred iPhone listicle succulents pok pok twee. Hell of vinyl tofu portland. Sustainable woke pour-over man braid lyft lumbersexual crucifix iPhone, franzen subway tile four dollar toast hoodie artisan. Retro hoodie occupy waistcoat narwhal. Succulents portland squid narwhal small batch.

568,658
x y z zz

Accordions

Now below is an accordion (inserted as a content component, not in body content).

This is what you put in the Accordion Title field

Accordion title for a numbered accordion

Integer mattis tellus id libero dapibus mattis. Donec egestas ultricies neque in elementum. Fusce blandit magna magna, ut luctus nisl ultricies vitae. Quisque ut tortor laoreet, luctus tellus at, pretium dolor. Maecenas efficitur mi at ipsum egestas ullamcorper. Maecenas a lacus nisi. Morbi dictum feugiat odio, nec volutpat diam tristique vel. Suspendisse dui dui, cursus eleifend ipsum id, pellentesque dictum sapien. Fusce eleifend rhoncus orci vitae convallis. Maecenas eleifend ut nunc non commodo. Cras sapien augue, dignissim eu viverra at, placerat eget libero. In at nunc lectus. Curabitur felis libero, lacinia in augue sit amet, gravida congue urna. Nullam id maximus dolor.

Call to action

Young girls doing traditional dance

Call to action's title

Call to action description. Just a text field, no WYSIWYG, so all run on, no line breaks at present. There are six call to action images. This one's the arrow pointer. You can choose banner or card for the call to action content component; this is banner, but in a page that's using right sidebar content, the 'banner' becomes a big tall box with an overly large image.

Link text on the call to action's button

List formatting and nesting 

  1. Integer mattis
  2. tellus id libero
    1. dapibus mattis (should be lower case alpha)
    2. donec egestas ultricies
      1. neque in elementum (should be lower case roman)
      2. Fusce blandit
        1. magna magna (should be ???)
  3. ut luctus nisl
  • ultricies vitae (styles grey circle)
  • Quisque ut tortor laoreet
    • luctus tellus at (styles TBC)
      • pretium dolor (styles TBC)
      • Maecenas efficitur
        • mi at ipsum egestas (styles TBC)
          • ullamcorper.
          • Maecenas
            • a lacus nisi.
      • Morbi dictum feugiat
      • odio, nec volutpat
      • diam tristique
    1. vel. Suspendisse dui dui, cursus eleifend ipsum id, pelle
    2. ntesque dictum sapien
  • Fusce eleifend rhoncus orci vitae convallis. Maecenas eleifend ut nunc non commodo. Cras sapien augue, dignissim eu viverra at, placerat eget libero. In at nunc lectus. Curabitur felis libero, lacinia in augue sit amet, gravida congue urna. Nullam id maximus dolor.

Timeline

Card carousels - not to be used on content pages

Reviewed 30 May 2019

About VIC Government

Join the conversation on digital

Get advice and share your insights about this topic with other digital practitioners on the WoVG Digital Group on Yammer (VPS access only).

Can’t access Yammer? Contact us by email: contact@dpc.vic.gov.au (We may post your comment on Yammer for general discussion. Please tell us if that’s not OK.)

Join the Yammer Digital Group
Was this page helpful?