{% extends base %}

{% block body %}

    {% include examples/component/example_nav.html %}

{% init html1 = """
<h1>这是标题H1</h1>
<h2>这是标题H2</h2>
<h3>这是标题H3</h3>
<p>这是段落<a>这是链接</a></p>
<pre class="text-info border mt-1">提示信息:
- 第一行
- 第二行
</pre>

<pre class="text-warn border mt-1">警告信息:
- 第一行
- 第二行
</pre>

<pre class="text-error border mt-1">错误信息:
- 第一行
- 第二行
</pre>
""" %}

<span class="card-title">效果</span>
<div class="card">
    {% raw html1 %}
</div>

<span class="card-title">代码</span>
<div class="card">
    <pre class="marked-code">{{html1}}</pre>
</div>

{% end %}