Title

---

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

And this is a normal text with some *italic* and **bold** text.

---

# Some lists?

## Itemized lists

- Item 1
- Item 2
    - Item 3
    - Item 4
        - Item 5
        - Item 6

## Enumerated lists

0. Item 1
0. Item 2
    0. Item 3
    0. Item 4
        0. Item 5
        0. Item 6

---

# Some long text. Don't read this. It is just gibberish.

---

# The is hero slide

## All sizes are doubled

---

# Sometimes, lines work well.

<hr>

# Just like this!

---

# Left, Top

---

# Center, Top

---

# Right, Top

---

# Left, Middle

---

# Center, Middle

---

# Right, Middle

---

# Left, Bottom

---

# Center, Bottom

---

# Right, Bottom

---

# Colors are nice.

## Like .red[red], .green[green], .blue[blue]?

#### .gray[Gray] is not a colour. Or is it?

---

# Links are [purple](#jump), though.

---

## If you just clicked on the purple link, you have jumped to this slide.

### Check the URL first, then the source code of [previous](#previous) and [current](#jump) slides for the trick. It isn't really a magic.

---

#### .gray[(Images also can!)]

---

class: center, middle, white, hero
background-image: url(assets/img/background.jpg)

#### Backgrounds are cool, too!

###### Foreground color should be adjusted.

# Let's go .black[*white*] !

---

# Tables are tricky.

<table class="table">
  <thead>
    <tr>
      <th></th>
      <th align="left">Text Column</th>
      <th align="right">Numeric Column</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1</td>
      <td align="left">Bangkok</td>
      <td align="right">1,000,000,000</td>
    </tr>
    <tr>
      <td>Row 2</td>
      <td align="left">Mumbai</td>
      <td align="right">2,000,000</td>
    </tr>
    <tr>
      <td>Row 3</td>
      <td align="left">Tianjin</td>
      <td align="right">4,000</td>
    </tr>
  </tbody>
</table>

---

# Check the code of this slide!
## You can use a simpler table format.
### Don't forget to check the alignment trick!

---

#### A table with additional style?
# You ask, you get!
# .gray[Check the code...]

---

# Pro Tip:

## For highly effective presentations, don't thank your audience in the last slide. .gray[For God's sake...]

# .blue[Linking is more than enough]

### [https://github.com/vst/remarkjs-sample](https://github.com/vst/remarkjs-sample)
### [https://vst.github.com/remarkjs-sample](https://vst.github.com/remarkjs-sample)