Return to Campus

Visit our FAQ website for the latest information about health and safety.

Back to Top
FPO | Hero Short 2880 x 800

Hero Banner Title

Hero banner subhead

Component: WYSIWYG
Note: Content runs to edge of page. We suggest using this component only for full-width images.

This paragraph is for informational purposes. Notice that the paragraph is running the full width of the page with no margin on the edges. The ideal usage of this component would be to place a “Hero” sized image and have no headings or paragraphs of text. We would further suggest not using the caption as it would run into the left edge of the page.

FPO | Hero | Full 2880 x 1620

Component: WSIWYG with Sidebar

Component: WYSIWYG with Sidebar
Note: Headline above defined outside of WYSIWYG in Headline field. "Display" style for headlines should be avoided.

H1 Header: H1 with no styles applied.

H1 with “Subhead” style applied from the Style drop-down.

P paragraph. Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

H2 Header: H2 with no styles applied.

H2 with “Subhead” style applied from the Style drop-down.

P paragraph. Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

H3 Display Style.

H3 Header: H3 with no styles applied.

H3 with “Subhead” style applied from the Style drop-down.

P paragraph. Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard.

H4 Header: H4 with no styles applied.

P paragraph. Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

H5 Header: H5 with no styles applied.

P paragraph. Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula.

H6 Header: H6 with no styles applied.

P Paragraph: P Lead-In style. Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut.

P Paragraph: P Call-Out style. Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic. Jícama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts.

P Paragraph: Paragraph with no styles applied. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd.

Paragraph with bold text in it. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard.

Paragraph with italic text in it. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Paragraph with a link in it.

Paragraph with a link with a class of arrow-circle-before in it.

Paragraph with a link with a class of arrow-circle-after in it.

Paragraph with a link with a class of arrow-angle-after in it.

Paragraph with a link with a class of ext in it.

Unordered List

  • List Item
  • List Item
  • List Item

Ordered List

  1. List Item
  2. List Item
  3. List Item

Blockquote Text

Component: Image Tout - Full Width

Component: Image Tout - Full Width
Note: Background Image defined. Link defined.

Component: Image Tout - Full Width | Headline

Component: Image Tout - Full Width | Subhead

Component: Image Tout - Full Width - Two Column

Component: Image Tout - Full Width - Two Column
Note: No Background Image defined. Both columns have background color selected but no icons. Links are defined.

Component: Image Tout - Full Width - Two Column | Headline no Icon

Left Column Subhead, Light Blue background color selected

Component: Image Tout - Full Width - Two Column | Headline no Icon

Right Column Subhead, Dark Blue background color seleced

Component: Image Tout - Full Width - Two Column

Component: Image Tout - Full Width - Two Column
Note: Single Background Image defined. Both columns have icons but no links defined.

FPO icon asterisk

Component: Image Tout - Full Width - Two Column | Headline with Icon and Background Image defined

Left Column Subhead, no Link defined below

FPO icon asterisk

Component: Image Tout - Full Width - Two Column | Headline with Icon and Background Image defined

Right Column Subhead, no Link defined below

Component: Image Tout - Two Column

Component: Image Tout - Two Column
Note: Two different Background Images. Column 1 on the left has no icon but does have a link. Column 2 on the right has icon but no link.

FPO Tout Two Column

Component: Image Tout - Two Column | Headline, no Icon

Left Column Subhead, Link

FPO Tout Two Column
FPO Icon asterisk

Component: Image Tout - Two Column | Headline, with Icon

Right Column Subhead, No Link

Component: Content Cards

Component: Content Cards
Note: No Headline, no Background Image, no Overlay, nothing in the WYSIWYG field, and no links in the Content Cards.

Component: Content Cards

Component: Content Cards
Note: Headline, Background Image, Medium Overlay, and text in the WYSIWYG field.

FPO Hero Content Card 2880 x 1620

Headline with Background Image

Medium overlay was chosen for the Background Image. Light Text Color was chosen for WYSIWYG.

Content Card 1 Title

Content card description

Content Card 2 Title

Content card description

Content Card 3 Title

Content card description

Component: Content Tout with Image

Component: Content Tout with Image
Note: Headline, Image aligned right, Border Color yellow, CTA (Call To Action) button.

FPO Tout Bulky 1920 x 1620

Content Tout with Image

Image align: right. Border color: yellow. CTA button. Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean.

Component: Content Tout with Image

Component: Content Tout with Image
Note: Headline, Image aligned left, Border Color blue, No CTA (Call To Action) button.

FPO Tout Bulky 1920 x 1620

Content Tout with Image

Image align: left. Border color: blue. No CTA button. Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean.

Component: Carousel

Component: Carousel
Note: Each slide has WYSIWYG for content.

Slide /

Component: Content Cards with Images

Component: Content Cards with Images
Note: Headline and subhead added outside of cards, Headline and WYSIWYG. Possible to have "Round text" addition, that is a date to sit to the top right of image circle. Possible to also have CTA (Call To Action) button. Also possible to have link below the cards that is formatted.

Content Cards with Images

This is a subhead

Component: Icon Tout

Component: Icon Tout
Note: Headline and subhead added outside of touts, Icon added as graphic. Text added in WYSIWYG. The second tout has no graphic but text styled with "Display > H3 Display" and then resized to a H4 heading to fit.

Icon Tout Headline

Icon Tout Subhead

Component: Tabs Three Column

Component: Tabs Three Column
Note: This component creates tabs that are capable of holding up to 3 columns of content in each tab. You are not limited to only three tabs and the content in each column can be different. You can set the width of the columns from a drop down as well as choose how much of that column to use. You should consider adding an empty paragraph tag before your content so it doesn't run into the bottom of the tabs (Click Tab Two for example).

 

Tab One content in Simple

Component: Steps

Component: Steps
Note: The steps component creates one step at a time. To add an additional step, you have to add an additional step component. You can choose the background colors for the left and right sides and the numbering of steps is automatic.

Steps Component Headline

Steps Componenet Subhead

Step 1 body content.

Steps Component Headline

Steps Component Subhead

Step 2 body content.

Steps Component Headline

Steps Component Subhead

Step 3 body content.

There is more

There is more
We added a second page as this was getting long and you shouldn't add too many components

Style Page Too