Styles
Palette
Typography
Paragraph
Links
Block Quote
Lists
Elements
Buttons
Images
Accordion
Style Guide
Customisable style guide for the Mallacoota Foreshore Holiday Park website, designed and managed by East Gippsland Shire Council. Global styles may be managed from this page, which will then be applied site-wide.
Style Guide
Customisable style guide for the Mallacoota Foreshore Holiday Park website, designed and managed by East Gippsland Shire Council. Global styles may be managed from this page, which will then be applied site-wide.

Palette

MFHP Blue
#003e72
MFHP Teal
#00a4b9
MFHP Sand
#ffe47d
MFHP Red
#fc4c82
MFHP Mid Grey
#46658b
MFHP Light Grey
#f8f9fa
MFHP White
#ffffff

Typography

Display
sub-heading caps
Large Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

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.

Text Link

Block Quote

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.

Lists

  • 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.
  • 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.
  1. 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.
  2. 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.

Buttons

Primary Button Large
Secondary Button Large
Secondary Button Large

Images

Image Caption goes here. This should be a short description describing the image, and will appear below the image on all breakpoints.

Accordion

Accordion Title

Accordion Text.

Accordion Title

Accordion Text.

Accordion Title

Accordion Text.