Let’s start out with headings as its silly to have a heading to list out the different headings!!

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

BTW, the above was a “horizontal line”.

Paragraph

This is a blockquote. Will use this to say something wise or quote someone wise!

This is a paragraph of text that will be separated as a block. Normally this should be 2-4 sentences that are related together. This rule could be broken when the group of sentences really hold well as a logical block.

Bold, Italic, Strikethrough, <code>, Link to Home

Relevant Content.

Filled Badge Outline Badge

Inject Table of Contents (TOC) using:

`@toc{"title":"Injected Table of Contents"}`

Code

Inline Code

Code without line numbers

const PresentationComponent = () => {
    return (
        <Fragment>
            <span>Hello</span>
            <span>World</span>
            <span>at {Date.now()}</span>
        </Fragment>
    );
};

Code with line numbers and highlighting

const PresentationComponent = () => {
    return (
        <Fragment>
            <span>Hello</span>
            <span>World</span>
            <span>at {Date.now()}</span>
        </Fragment>


    );
};

Lists

Unordered

• This
• is
• an
• unordered

• list

  • with
  • sub
  • bullets

Ordered

1. This
2. is
3. an
4. ordered

5. list

   1. with
   2. sub
   3. bullets

Color Palette

Fonts