Here are the basics

_pages

This is the directory with all of the pages. Filenames are not indicative of the URL which is specified in the front matter

_data/navigation.yml

This contains the left-side navigation

NOTE: changes will take between 3-5 minutes to regenerated and visible on the GitHub hosting


Formatting

Markdown Result
**bold** bold
__bold__ bold
*italics* italics
_italics_ italics
## Two Header Two
### Three Header Three
#### Four Header Four
` > quote ` Block-quote
[Link Text to Google](https://www.google.com)
[Link Text to Google on new tab](https://www.google.com){: target='_blank'}

Backticks `

Surround literal typed code with backticks for different formatting/handling. Surround chunks of code with triple backticks and a syntax name (markdown/html).

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
    • List item two
  • List item two
  • List item three

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
    2. List item two
  2. List item two
  3. List item three

NOTE This paragraph with the {: .notice} class.

NOTE This paragraph with the {: .notice--primary} class.

NOTE This paragraph with the {: .notice--info} class.

NOTE This paragraph with the {: .notice--warning} class.

NOTE This paragraph with the {: .notice--success} class.

NOTE This paragraph with the {: .notice--danger} class.

Buttons

Default Button Primary Button Success Button Warning Button Danger Button Info Button Inverse Button Light Outline Button

[Default Button](#){: .btn}
[Primary Button](#){: .btn .btn--primary .btn--large}
[Success Button](#){: .btn .btn--success}
[Warning Button](#){: .btn .btn--warning}
[Danger Button](#){: .btn .btn--danger}
[Info Button](#){: .btn .btn--info .btn--small}
[Inverse Button](#){: .btn .btn--inverse}
[Light Outline Button](#){: .btn .btn--light-outline}