# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

**Bold Text**
*Italic Text*
~~Strikethrough~~
**Bold and _nested italic_**
***Bold and Italic***
Underlined Text
`Inline Code`
==Highlighted Text==

Unordered:
- Item 1
- Item 2
  - Nested item A
  - Nested item B
- Item 3

Ordered:
1. First item
2. Second item
   1. Sub-item 1
   2. Sub-item 2
3. Third item

[Link text](https://www.example.com)
[Link with title](https://www.example.com "Website Title")

![Alt text](https://via.placeholder.com/150)
![Alt with title](https://via.placeholder.com/150 "Image Title")

> This is a blockquote
>
> > Nested blockquote

Inline code: `const x = 1;`

Code block with syntax highlighting:
```javascript
function hello() {
  console.log("Hello, world!");
}
```

| Header 1 | Header 2 | Header 3 |
| -------- | :------: | -------: |
| Default  | Center   | Right    |
| aligned  | aligned  | aligned  |

- [x] Completed task
- [ ] Incomplete task
- [x] Another completed task
  - [ ] Nested task

Inline math: $E = mc^2$

Block math:
$$
\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

Three or more hyphens, asterisks, or underscores:

---
***
___

Line break (two spaces at end of line)
or use <br>

Here's a sentence with a footnote.[^1]

[^1]: This is the footnote content.

<details>
  <summary>Click to expand!</summary>

  ## Heading
  Detailed content here...
</details>

<div style="color: red;">Colored text</div>