---
# System prepended metadata

title: sample 主標題
tags: [切切切]

---

# sample 主標題

###### tags: `切切切`

<!--  -->
<style>
    .red{
        color: #A94448;
        padding: 0 4px;
    }
    .mainTitle{
        color: #005bba;
    }
</style>

## <b class="mainTitle">次標題1</b>
:::warning
（狀態1）備註 / 補充：
* [**資料來源 🌐**](https://hackmd.io/ls8YKdKGRUicJhUk6_cA4Q)
* 羅倫伊<b class="red">普薩姆多洛爾</b>，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
1. [**資料來源 🌐**](https://hackmd.io/ls8YKdKGRUicJhUk6_cA4Q)
2. 羅倫伊<b class="red">普薩姆多洛爾</b>，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
:::

:::danger
（狀態2）強調 / 注意 / 提醒：
* ex：**舊版案子無障礙被抓錯，img 需有 alt屬性**
:::

:::success
（狀態3）備用
* [**資料來源 🌐**](https://hackmd.io/ls8YKdKGRUicJhUk6_cA4Q)
* 羅倫伊<b class="red">普薩姆多洛爾</b>，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
1. [**資料來源 🌐**](https://hackmd.io/ls8YKdKGRUicJhUk6_cA4Q)
2. 羅倫伊<b class="red">普薩姆多洛爾</b>，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
:::

### ⭐ 第三層標題

#### 第四層標題1

> 引用：
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
> 
> [**資料來源 🌐**](https://hackmd.io/ls8YKdKGRUicJhUk6_cA4Q)
> 
> by 雅瓊

#### 第四層標題2
* 羅倫伊<b class="red">普薩姆多洛爾</b>，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
* 羅倫伊普薩姆多洛爾，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
* 羅倫伊普薩姆多洛爾，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。

#### 第四層標題3
```htmlmixed=
<button type="button" class="btn btn-icon"  aria-label="觀看密碼"><i class="i_hide"></i></button>
<nav class="megamenu"><font color="#EE428B">aria-label="主選單"</font></nav>
```
#### 第四層標題4
<iframe height="300" style="width: 100%;" scrolling="no" title="tab in lightbox" src="https://codepen.io/yachiung/embed/JjLzVEd?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href="https://codepen.io/yachiung/pen/JjLzVEd">
  tab in lightbox</a> by yachiung (<a href="https://codepen.io/yachiung">@yachiung</a>)
  on <a href="https://codepen.io">CodePen</a>.
</iframe>

### 🌈 ⭐ 第三層標題 (新的資料請前面多加個彩虹，以方便辨識)
#### <i class="fa fa-pencil fa-fw"></i> 第四層標題 (有需要也可加上前面的icon)
1. 羅倫伊普薩姆多洛爾，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
2. 羅倫伊普薩姆多洛爾，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。
3. 羅倫伊普薩姆多洛爾，坐著康塔克提爾雅蒂，塞德道尤斯莫德坦普爾。

---

## <b class="mainTitle">次標題2</b>

---

## <b class="mainTitle">次標題3</b>

---