Style Guide

Header1

Header2

Header3

Header4

Header5
Header6

Ordered list

  1. First item
  2. Second item
  3. Third item

Unordered list

  • First item
  • Second item
  • Third item

Fonts

'Museo Sans', sans-serif;
'Proxima Nova', sans-serif

Colors

Primary gold #ED9A03
Primary blue #1c2d67
Light blue #535F8B

Basic body text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet dignissim velit. Maecenas pellentesque arcu eu purus bibendum, eu imperdiet sapien venenatis. Curabitur eu malesuada lacus, nec lacinia eros. Sed efficitur libero quis neque feugiat pretium. Sed sit amet venenatis augue.

Body text with links

Duis laoreet malesuada tortor id hendrerit. Aenean at vehicula enim, a ultricies diam. Fusce laoreet condimentum est sed condimentum. Aenean sagittis vehicula tristique. Aenean quis nisi malesuada, accumsan nulla ut, scelerisque justo.

Image sizes

Main Branding Area Slider: 1440x830
Resource Carousel: 340x440
Event Slider: 1440x600

All the same aspect ratio:

Featured Event: 586x373
Ongoing Events: 383x244
Did you know about: 434x276
Whats New thumb: 185x118
Training Institutes/resource blocks: 586x373

Special notes

Social media menu icons

  1. Go to Appearance > Menus > Social Menu
  2. In the drop-downs on the left, select Custom Links
  3. Enter the URL (be sure to include the http://) in the URL field
  4. In the "Link Text" or "Navigation Label" fields (depending on if it's new, or your editing it), add any of the following snippets of code:
    • LinkedIn <span class="icon circle icon-linkedin"></span>
    • Twitter <span class="icon circle icon-twitter"></span>
    • Google+ <span class="icon circle icon-google+"></span>
    • RSS feed <span class="icon circle icon-rss"></span>
    • YouTube <span class="icon circle icon-youtube"></span>