Visual Markdown Demo

The plain text code below demonstrates all the basics–click the button to view how it will look rendered into HTML.

# Heading One

Any text with no empty lines between will become a paragraph.
Leave an empty line between headings and paragraphs.

Font can be *Italic* or **Bold**.
Code can be highlighted with `backticks`.
Hyperlinks look like [GitHub Help](https://help.github.com/).
You can add footnotes.[^1]

[^1]: example footnote definition.

## Heading Two

Images look similar:

![alt text here](https://upload.wikimedia.org/wikipedia/commons/4/4b/Focus_ubt.jpeg)

### Heading Three

A bullet list is created using `-`, `*`, or `+` like:

- dog
- cat
- muffin

A numbered list is created using a number + `.` + space, like:

1. one
2. two
6. three
2. four

> Block quote.
> Continuing the quote.

Horizontal rule:

-------

Heading One

Any text with no empty lines between will become a paragraph. Leave an empty line between headings and paragraphs.

Font can be Italic or Bold. Code can be highlighted with backticks. Hyperlinks look like GitHub Help. You can add footnotes.1

Heading Two

Images look similar:

alt text here

Heading Three

A bullet list is created using -, *, or + like:

  • dog
  • cat
  • muffin

A numbered list is created using a number + . + space, like:

  1. one
  2. two
  3. three
  4. four

Block quote. Continuing the quote.

Horizontal rule:


  1. example footnote definition.Â