# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

- Item one
- Item two
  - Nested item one
  - Nested item two
    - Nested nested item one
    - Nested nested item two
- Item three with a new line using four spaces
- Item four

Note that using * instead of the - character works as well.

• Item one
• Item two

  • Nested item one
  • Nested item two

    • Nested nested item one
    • Nested nested item two
• Item three with a new line using four spaces
• Item four

1. Item one
2. Item two
   1. Nested ordered items need to be indexed with **three** spaces
   2. Nested item two
      1. Nested nested item one
3. Item three with a new line
   using four spaces
4. Item four

1. Item one
2. Item two

   1. Nested ordered items need to be indexed with three spaces
   2. Nested item two

      1. Nested nested item one with a very long title yadda Might yadda
3. Item three with a new line using four spaces
4. Item four

| Column header 1 | Column header 2            |       Column header 3 |
| --------------- | -------------------------- | --------------------: |
| Cell 1          | Cell 2 with a<br/>new line | Right aligned cololun |
| Cell 3          | Cell 4                     |                   col |

If you want to create a head-less table, simply leave the column header cells blank. You don’t need to add spaces to make the table look pretty.

![Example image caption](@assets/images/hero_sunqua2.jpg)

Image paths need to be absolute to the actual markdown file within our GitHub repository . Sadly, this does not work in the editor.

Although the above syntax is the preferred variant, you can use the standard Markdown image syntax to preview images in editor context or to embed external images. Keep in mind that images you link to now might not be available in the future.

![Wallpaper](https://d3b4yo2b5lbfy.cloudfront.net/wp-content/uploads/wallpapers/992e8891d301-1920x1200.jpg)

<Video title="Example video title" youtube="xcJtL7QggTI" timestamp={12} />

<GifPlayer caption="insert a caption" url="https://pub-80c25841bf1e4cbda246ab1b42798500.r2.dev/airphase.webm" />

> Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

<dl>
  <dt>Definition list</dt>
  <dd>Is something people use sometimes.</dd>

  <dt>Markdown in HTML</dt>
  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>

You can use any HTML tags you want. You can also pass styles to them using the style attribute.

Definition list

Is something people use sometimes.

Markdown in HTML

Does not work very well. Use HTML tags.

Plain text is automatically wrapped in a paragraph element.
Use four spaces to force a new line.

Inserting a blank line between passages results in two distinct paragraphs.

Plain text is automatically wrapped in a paragraph element. Use four spaces to force a new line.

Inserting a blank line between passages results in two distinct paragraphs.

<Achievement name="The Shatterer">
  Beat the Shatterer in Blazeridge Steppes. You can find him in the north of
  the map. He spawns every 2 hours. Use <Boon name="Might" /> and{" "}
  <Skill name="Stability" /> to survive his attacks.
</Achievement>

---

<Divider text="Divider text"/>

<Grid>
  <GridItem>
    Left content
  </GridItem>

  <GridItem>
    Right content
  </GridItem>

  <GridItem>
    This item will be placed in a new row
  </GridItem>
</Grid>

<Grid>
  <GridItem sm="4">
    `sm="4"`
  </GridItem>

  <GridItem sm="6">
    `sm="6"`
  </GridItem>

  <GridItem sm="2">
    `sm="2"`
  </GridItem>

  <GridItem sm="11">
    `sm="11"`
  </GridItem>
</Grid>

<Card title="Example card title">
Example card content
</Card>

<Tabs>
<Tab title="Tab 1">
Tab content 1
</Tab>

<Tab title="Tab 2">
Tab content 2
</Tab>

<Tab specialization="Ranger">
Tab content 3
</Tab>
</Tabs>

You can also use the specialization property instead of title to create themed tabs.

<Warning>
This is an important message.
</Warning>

<Information>
This is an important message.
</Information>

<Weapons weapon1MainType="Axe" weapon1MainAffix="Assassin" weapon1MainSigil1="Force" weapon1OffType="Dagger" weapon1OffAffix="Seraph" weapon1OffSigil="Impact" weapon2MainType="Scepter" weapon2MainAffix="Berserker" weapon2MainSigil1="Severance" weapon2OffType="Mace" weapon2OffAffix="Viper" weapon2OffSigil="Paralyzation"/>

Use the option “unembossed” to remove the card.

<Traits traits1="Strength" traits1Selected="Peak Performance,Body Blow,Berserkers Power" traits2="Tactics" traits2Selected="Leg Specialist,Empower Allies,Phalanx Strength" traits3="Discipline" traits3Selected="Warriors Sprint,Doubled Standards,Axe Mastery"/>

Use the option “unembossed” to remove the card.

<Skills heal="Water Spirit" utility1="Frost Spirit" utility2="Vulture Stance" utility3="Signet of the Wild" elite="One Wolf Pack"/>

Use the option “unembossed” to remove the card.