▼ 見出しのサンプル

h2見出しのサンプル①

シンプルに文字のみのデザイン
見出しのテキスト量が多い時におすすめ

h2見出しのサンプル②

文字の下にストライプの線を引いたデザイン

h2見出しのサンプル③

文字の横に両サイドに線を引いたデザイン
見出しのテキスト量が少ない時におすすめ

h3見出しのサンプル

h4見出しのサンプル

h5見出しのサンプル
h6見出しのサンプル

▼ リストのサンプル

リストのサンプル①

  • サンプル−1
  • サンプル−1
  • サンプル−1
  • サンプル−1
  • サンプル−1

リストのサンプル

  • サンプル−2
  • サンプル−2
  • サンプル−2
  • サンプル−2
  • サンプル−2

▼装飾された文字のサンプル

赤字で円形のアイコン付き

三角のアイコン付き

▼テーブル レイアウト サンプル

▼レスポンシブ化(無し)

class名:tdl-layout_01

見出しテキスト01テキスト01-1テキスト01-2テキスト01-3テキスト01-4テキスト01-5テキスト01-6テキスト01-7
見出しテキスト02テキスト02-1テキスト02-2テキスト02-3テキスト02-4テキスト02-5テキスト02-6テキスト02-7
見出しテキスト03テキスト03-1テキスト03-2テキスト03-3テキスト03-4テキスト03-5テキスト03-6テキスト03-7

▼レスポンシブ化(有り)

class名:tbl-rwd_01

見出しテキスト01テキスト01-7
見出しテキスト02テキスト02-7
見出しテキスト03テキスト03-7
見出し01見出し02見出し03見出し04
AテキストA-1テキストA-2テキストA-3テキストA-4
BテキストB-1テキストB-2テキストB-3テキストB-4
CテキストC-1テキストC-2テキストC-3テキストC-4
DテキストD-1テキストD-2テキストD-3テキストD-4