<!-- 情報ボックス -->

<div class="callout callout-info">

  <i class="fa-solid fa-circle-info"></i>

  <div class="callout-content">

    <p class="callout-title">タイトル</p>

    <p class="callout-text">内容</p>

  </div>

</div>


<!-- 警告ボックス -->

<div class="callout callout-warning">...</div>


<!-- 危険ボックス -->

<div class="callout callout-danger">...</div>


<!-- メモボックス -->

<div class="callout callout-note">...</div>


<!-- Discord招待カード -->

<div class="discord-invite-card">...</div>


<!-- コードブロック -->

<div class="code-block">

  <code>/verify [MinecraftID]</code>

  <i class="fa-regular fa-copy copy-btn"></i>

</div>


<!-- ステップカード -->

<div class="step-card">

  <h3>

    <span class="step-number">01</span>

    タイトル

  </h3>

  <p>説明</p>

</div>