リンクバー横並び
リンクバー縦並び
・はじめに グレー色 #e1e1fa
block02のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
・１級 橙色 #ffd3a8
block03のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
・２級 薄緑色 #a8ffd3
block10のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
・共通 黄色 #ffffa8
block13のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block01のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #f5f5f5;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block02のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #e1e1fa;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block03のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #ffd3a8;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block04のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #ffa8a8;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block05のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #ffa8ff;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block06のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #d3a8ff;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block07のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #a8a8ff;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block08のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #a8d3ff;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block09のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #a8ffff;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block10のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #a8ffd3;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block11のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #a8ffa8;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block12のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #d3ffa8;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
block13のタイトル
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ソースコード <div class="block" style="background: #ffffa8;"></div>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
カラーコードは下記参照
https://www.colordic.org/
ボタンのサンプル
箇条書きのリスト
- テキスト1テキスト1テキスト1
- テキスト2テキスト2テキスト2
- テキスト3テキスト3テキスト3
チェックiconのついたタイトルとborderのついた枠
☑ チェックiconのついたタイトルとborder枠01
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
☑ チェックiconのついたタイトルとborder枠02
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
☑ チェックiconのついたタイトルとborder枠03
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
下線のサンプル
この文章はダミーです。
この文章はダミーです。
この文章はダミーです。
この文章はダミーです。
この文章はダミーです。
この文章はダミーです。
この文章はダミーです。