# H1 Header - The Main Title

This is a comprehensive demonstration of Markdown elements.

## H2 Header - Section
This is a standard paragraph of text. You can make text **bold**, *italic*, or ***both***. You can also ~~strike through~~ text.

### H3 Header - Subsection
Here are some different types of lists:

#### Unordered List
- Item 1
- Item 2
  - Sub-item 2.1
  - Sub-item 2.2
- Item 3

#### Ordered List
1. First step
2. Second step
3. Third step

#### Task List
- [x] Completed task
- [ ] Pending task
- [ ] Another pending task

---

## Links and Media

[This is a link to Google](https://www.google.com)

An image with alt text:
![Pi Logo](https://pi.ai/favicon.ico)

## Blockquotes and Code

> This is a blockquote.
> It can span multiple lines.
> 
> > Nested blockquotes are also possible.

Inline code looks like `const x = 10;`.

Fenced code blocks with syntax highlighting:

```javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet('World');
```

```python
def hello_world():
    print("Hello from Python!")
```

## Tables

| Name | Role | Level |
| :--- | :---: | ---: |
| Alice | Developer | Senior |
| Bob | Designer | Mid |
| Charlie | Manager | Lead |

## Mathematical Notation (LaTeX)

When supported:
$E = mc^2$

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

## Mermaid Diagrams

Here is a Mermaid diagram (which I assume you meant by "marmite diagram") representing a simple workflow:

```mermaid
graph TD
    A[Start] --> B{Is it tasty?}
    B -- Yes --> C[Eat it!]
    B -- No --> D[Still eat it because it's Marmite]
    C --> E[End]
    D --> E
```

And a Sequence Diagram:

```mermaid
sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    Bob-->>Alice: I am good thanks!
```

## Footnotes

Here is a footnote reference[^1].

[^1]: This is the footnote text located at the bottom of the page.

---

**End of Markdown Demonstration**