パーツ集 | SAGA FURUYU CAMP

見出し

小見出し

<h4>見出し</h4>
<h5>小見出し</h5>

テキスト

ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。

太字テキスト。

<p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
<p><strong>太字テキスト。</strong></p>

背景付きボックス・枠線付きボックス

見出し無し

<div class="p-box">
  <div class="p-box__inner">
    <p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
  </div>
</div>

<div class="p-box p-box--yellow">
  <div class="p-box__inner">
    <p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
  </div>
</div>

<div class="p-box p-box--border">
  <div class="p-box__inner">
    <p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
  </div>
</div>

見出し付き

見出しテキストです。見出しテキストです。: ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。

<div class="p-box">
  <dl class="p-box__inner">
    <dt class="p-box__head">見出しテキストです。見出しテキストです。</dt>
    <dd class="p-box__body">
      <p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
    </dd>
  </dl>
</div>

見出しテキストです。見出しテキストです。: ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。

<div class="p-box p-box--yellow">
  <dl class="p-box__inner">
    <dt class="p-box__head">見出しテキストです。見出しテキストです。</dt>
    <dd class="p-box__body">
      <p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
    </dd>
  </dl>
</div>

見出しテキストです。見出しテキストです。: ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。

<div class="p-box p-box--border">
  <dl class="p-box__inner">
    <dt class="p-box__head">見出しテキストです。見出しテキストです。</dt>
    <dd class="p-box__body">
      <p>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</p>
    </dd>
  </dl>
</div>

定義リスト入り

日程: 12月25日（土）10:00～15:00

場所: SAGA FURUYU CAMP

入場料: 無料

テキストテキストテキストテキストテキスト。

<div class="p-box p-box--yellow">
  <div class="p-box__inner">
    <div class="o-dlList">
      <dl> <dt>日程</dt>
        <dd>12月25日（土）10:00～15:00</dd>
      </dl>
      <dl> <dt>場所</dt>
        <dd>SAGA FURUYU CAMP</dd>
      </dl>
      <dl> <dt>入場料</dt>
        <dd>無料</dd>
      </dl>
    </div>
    <div class="p-box__text">
      <p>テキストテキストテキストテキストテキスト。</p>
    </div>
  </div>
</div>

日程: 12月25日（土）10:00～15:00

場所: SAGA FURUYU CAMP

入場料: 無料

テキストテキストテキストテキストテキスト。

<div class="p-box p-box--border">
  <div class="p-box__inner">
    <div class="o-dlList">
      <dl> <dt>日程</dt>
        <dd>12月25日（土）10:00～15:00</dd>
      </dl>
      <dl> <dt>場所</dt>
        <dd>SAGA FURUYU CAMP</dd>
      </dl>
      <dl> <dt>入場料</dt>
        <dd>無料</dd>
      </dl>
    </div>
    <div class="p-box__text">
      <p>テキストテキストテキストテキストテキスト。</p>
    </div>
  </div>
</div>

ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。
ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。
ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。

<ul>
  <li>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</li>
  <li>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</li>
  <li>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</li>
</ul>

ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。
ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。
ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。

<ol>
  <li>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</li>
  <li>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</li>
  <li>ここにテキストが入ります。これはダミーテキストです。ここにテキストが入ります。これはダミーテキストです。</li>
</ol>