<frontmatter>
  header: header.md
  pageNav: 2
  pageNavTitle: "Chapters of This Page"
  siteNav: site-nav.md
</frontmatter>

<br>

<div class="jumbotron jumbotron-fluid bg-primary text-white">
  <div class="container">
    <h1 class="display-4">Landing Page Title</h1>
    <p class="lead">A tagline can go here</p>
  </div>
</div>

# Heading 1
Some text some text some text some text some text some text some text. **Some text some text some text some text some text ==some text== some text**. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.

**A block quote:**

> Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.

**A list:**

* item A
* item B
  1. item b1
  1. item b2
  1. item b3

**A `code` example:**

```html
<foo>
  <bar type="name">goo</bar>
</foo>
```

## Sub Heading 1.1

A <tooltip effect="scale" content=":exclamation: some **important explanation**" placement="top" trigger="hover">tooltip</tooltip>, a <trigger for="modal:modalinfo" trigger="click">modal</trigger>, a <a href="https://markbind.org/">link</a>, a <span class="badge badge-danger">badge</span>, another <span class="badge badge-warning">badge</span>.

<modal title="Modal Title" id="modal:modalinfo">
Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.
</modal>

**A table:**

Column 1 | Column 2 | Column 3 | :far-thumbs-up: / :far-thumbs-down:?
:------: | :------: | :------: | ----
value1   | x        | 5        | :far-thumbs-up:
value2   | y        | 20       | :far-thumbs-down:


## Sub Heading 1.2

**Media embeds:**

@[youtube](http://www.youtube.com/watch?v=v40b3ExbM0c)

**Tabs:**

<tabs>
  <tab header="Tab X">
    Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.
  </tab>
  <tab header="Tab Y">
    ...
  </tab>
  <tab-group header="Tab group">
    <tab header="Tab Y.1">
      ...
    </tab>
    <tab header="Tab Y.2">
      ...
    </tab>
  </tab-group>
</tabs>

<br>

# Heading 2

**Some boxes:**

<box>
    default
</box>
<box type="info">
    info
</box>
<box type="warning">
    warning
</box>

<br>

# Heading 3

<panel header="Expandable panel" type="info">
  Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.
</panel>
<br>
<panel header="Expanded panel" alt="Minimized panel" type="success" minimized>
  ...
</panel>