<h1 id="heading-h1">H1</h1>
<h2 id="heading-h2">H2</h2>
<h3 id="heading-h3">H3</h3>
<h4 id="heading-h4">H4</h4>
<h5 id="heading-h5">H5</h5>
<h6 id="heading-h6">H6</h6>
<p><strong>bold text</strong></p>
<p><em>italicized text</em></p>
<blockquote>
<p>blockquote</p>
</blockquote>
<ol>
<li>First item</li>
<li>Second item</li>
<li><p>Third item</p>
</li>
<li><p>First item</p>
</li>
<li>Second item</li>
<li>Third item</li>
</ol>
<p><code>code</code></p>
<h4 id="heading-horizontal-line">horizontal line</h4>
<hr />
<p><a target="_blank" href="https://www.example.com">link</a></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1660108875070/p73EHq6f7.png" alt="transaction flow.png" /></p>
<h4 id="heading-table">Table</h4>
<div class="hn-table">
<table>
<thead>
<tr>
<td>Syntax</td><td>Description</td></tr>
</thead>
<tbody>
<tr>
<td>Header</td><td>Title</td></tr>
<tr>
<td>Paragraph</td><td>Text</td></tr>
</tbody>
</table>
</div><h4 id="heading-fenced-code">Fenced Code</h4>
<pre><code>{
  <span class="hljs-attr">"firstName"</span>: <span class="hljs-string">"John"</span>,
  <span class="hljs-attr">"lastName"</span>: <span class="hljs-string">"Smith"</span>,
  <span class="hljs-attr">"age"</span>: <span class="hljs-number">25</span>
}
</code></pre><h4 id="heading-heading-with-id">Heading with id</h4>
<h4 id="heading-definition-list">Definition list</h4>
<p>term
: definition</p>
<h4 id="heading-task-list">Task list</h4>
<ul>
<li>[x] Write the press release</li>
<li>[ ] Update the website</li>
<li>[ ] Contact the media</li>
</ul>


# H1
## H2
### H3
#### H4
##### H5
###### H6

**bold text**

*italicized text*

> blockquote

1. First item
2. Second item
3. Third item

- First item
- Second item
- Third item

`code`

#### horizontal line
---

[link](https://www.example.com)


![transaction flow.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660108875070/p73EHq6f7.png align="left")



#### Table
| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |


#### Fenced Code
```
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
```


#### Heading with id

#### Definition list
term
: definition

#### Task list
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media


avatarsum: An svg based avatar generator (cool side project)

An avatar generator and image placeholder for your next app

Introducing Avatarsum: Cute Pandas for your app

Learn with Javascript and Typescript and grow your knowledge with us

JavaScript Hacking

<p>You can help me write more awesome content for the web</p>


You can help me write more awesome content for the web