デザインパーツ

以下はサンプルです。

工事中の為しばらくお待ちください(ノД`)・゜・。

見出し

h1の見出し

<h1>h1の見出し</h1>

h2の見出し

<h2>h2の見出し</h2>

h3の見出し

<h3>h3の見出し</h3>

h4の見出し

<h4>h4の見出し</h4>
h5の見出し
<h5>h5の見出し</h5>
h5の見出し
<h6>h6の見出し</h6>

リスト

  • りんご
  • バナナ
  • いちご
<ul>
<li>りんご</li>
<li>バナナ</li>
<li>いちご</li>
</ul>
  1. まずは、シャンプーをします。
  2. 髪を乾かします。
  3. カットします。
<ol>
<li>まずは、シャンプーをします。</li>
<li>髪を乾かします。</li>
<li>カットします。</li>
</ol>

リンク

詳しくはこちらからアクセスください! 別窓にしたい場合は、こちら

<p>詳しくは<a href="https://www.google.com/">こちら</a>からアクセスください! 別窓にしたい場合は、<a target="_blank" href="https://www.google.com/">こちら</a></p>

テーブル

表の見出し 表の中身 表の中身
表の見出し 表の中身 表の中身
表の見出し 表の中身 表の中身
<div class="table-responsive">
<table class="table">
<tr>
<th>表の見出し</th>
<td>表の中身</td>
<td>表の中身</td>
</tr>
<tr>
<th>表の見出し</th>
<td>表の中身</td>
<td>表の中身</td>
</tr>
<tr>
<th>表の見出し</th>
<td>表の中身</td>
<td>表の中身</td>
</tr>
</table>
</div>

テーブルを実装するには、こちらのページが便利です。→https://tabletag.net/ja/

ストライプテーブル

# コース名 料金
1 ヘアカット 5,000,000円
2 ヘアカット 5,000,000円
3 ヘアカット 5,000,000円
4 ヘアカット 5,000,000円
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>コース名</th>
<th>料金</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>ヘアカット</td>
<td>5,000,000円</td>
</tr>
<tr>
<th scope="row">2</th>
<td>ヘアカット</td>
<td>5,000,000円</td>
</tr>
<tr>
<th scope="row">3</th>
<td>ヘアカット</td>
<td>5,000,000円</td>
</tr>
<tr>
<th scope="row">4</th>
<td>ヘアカット</td>
<td>5,000,000円</td>
</tr>
</tbody>
</table>
</div>

テーブルを実装するには、こちらのページが便利です。→https://tabletag.net/ja/

全部にボーダーがついたテーブル

# コース名 料金
1 ヘアカット 5,000,000円
2 シャンプー 30,000円
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>コース名</th>
<th>料金</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>ヘアカット</td>
<td>5,000,000円</td>
</tr>
<tr>
<th scope="row">2</th>
<td>シャンプー</td>
<td>30,000円</td>
</tr>
</tbody>
</table>
</div>

テーブルを実装するには、こちらのページが便利です。→https://tabletag.net/ja/

【box】

※テキストモードで<div>~</div>をコピペする

インフォメーション

注意書①

注意書②

捕足情報①

補足情報②

 

【横並びのボックス】

 

ロングスタイル

ボブスタイル

【シンプルボックス】

ロングスタイル

ボタン

 

BUTTON

BUTTON


BUTTON

BUTTON

BUTTON

BUTTON