# Typography

**Note:** This is the demo content for demonstration purpose only. The primary function of this content is to show you what this theme can do. There is a more detailed explanation in the **Getting Started** section.

**This is a paragraph**. Pellentesque habitant morbi *tristique senectus et netus et malesuada* fames ac turpis egestas. Vestibulum [this is link](https://www.stackbit.com/), feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.

### This is an H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

#### This is an H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

**This is an H4**

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis.

### Quoting

> “How well we communicate is determined not by how well we say things, but how well we are understood.” ― Andrew Grove

> “Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live” ― John Woods

***

### Unordered Lists

* Donec non tortor in arcu mollis feugiat
* Lorem ipsum dolor sit amet, consectetuer adipiscing elit
* Donec id eros eget quam aliquam gravida
* Vivamus convallis urna id felis
* Nulla porta tempus sapien

### Ordered Lists

1. Donec non tortor in arcu mollis feugiat
2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit
3. Donec id eros eget quam aliquam gravida
4. Vivamus convallis urna id felis
5. Nulla porta tempus sapien

### Code Blocks

Blocks of code are either fenced by `lines with three back-ticks`, or are indented with four spaces.

```css
<!-- Some example CSS code -->
body {
  color:red;
}
```

```javascript
if (condition) {
  code to run if condition is true code to run if condition is true code to run if condition is true code to run if condition is true
} else {
  run some other code instead
}
```

### Tables

| Header content 1 | Header content 2 |
| ---------------- | ---------------- |
| Body content 1   | Body content 2   |
| Footer content 1 | Footer content 2 |

### Callouts

**Important:** This is an "Important" callout block of text. This block indicates a warning or caution. Use it for an important message.**Note:** This is an "Note" callout block of text. This block signifies a general note.
