テンプレート

ホームテンプレート

Title

タイトル01

タイトル01サブ付き

タイトル02

タイトル03

タイトル04

Text Image box01

ノーマル01「ti-box01」

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

サイズ01「ti-box01 size01」

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

サイズ01 左右逆「ti-box01 size01 reverse」

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

サイズ02「ti-box01 size02」

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

Text Image box02

ノーマル02「ti-box02」

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

ノーマル02 左右逆「ti-box02 reverse」

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

Float box

2カラム「floatbox count2」

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

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

2カラム 左右逆「floatbox count2 reverse」

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

3カラム「floatbox count3」

4カラム「floatbox count4」

4カラム SP-2カラム「floatbox count4 sp-count2」

5カラム「floatbox count5」

Flex box

2カラム「flexbox count2」

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

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

2カラム 左右逆「flexbox count2 reverse」

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

3カラム「flexbox count3」

3カラム中央「flexbox count3 center」

4カラム「flexbox count4」

4カラム SP-2カラム「flexbox count4 sp-count2」

5カラム「flexbox count5」

Table

タイプ1「table01」

タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトルタイトルタイトル テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト

「nowrap」を付けるとPC表示時にタイトルを改行させない。
「table01 nowrap」

タイトルタイトルタイトル テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト

タイプ1「table01 sp-stack」

SP表示時にタイトルとテキストが多段表示に。

タイトル テキストテキストテキスト テキストテキストテキスト
タイトル テキストテキストテキスト テキストテキストテキスト

タイプ1 SPで横スクロール

「table01」を「table-wrap」で囲む

タイトル テキストテキストテキスト
タイトル テキストテキストテキスト

※横にスクロールできます

タイプ1 thead

タイトル タイトル
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル タイトル
テキストテキストテキスト テキストテキストテキスト
テキストテキストテキスト テキストテキストテキスト

※横にスクロールできます

タイプ2「table02」

タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト
タイトル テキストテキストテキスト

「nowrap」を付けるとPC表示時にタイトルを改行させない。
「table02 nowrap」

タイトルタイトルタイトル テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト

タイプ2「table02 sp-stack」

SP表示時にタイトルとテキストが多段表示に。

タイトル テキストテキストテキスト
タイトル テキストテキストテキスト

List

ノーマル「list01」

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト

なし「list01 none」

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト

チェック「list01 check」

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト

数字「list01 num」

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト

2列「list01 count2」

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト

3列「list01 count3」

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
    テキストテキストテキストテキスト
  • テキストテキストテキストテキスト

Text Wrapper

ノーマル01「text-wrap01」

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

ノーマル02「text-wrap02」

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

外側のコンテンツにあわせる「text-wrap01 full」

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

Button01

ノーマル

詳しくはこちら

「btn01」

詳しくはこちら

「btn01 border」

詳しくはこちら

「btn01 border bgnone」

詳しくはこちら

「btn01 bgcolor」

ノーマル最大幅「btn01 full」

Arrow

詳しくはこちら

「btn01 arrow」

詳しくはこちら

「btn01 border arrow」

詳しくはこちら

「btn01 border bgnone arrow」

詳しくはこちら

「btn01 bgcolor arrow」

Arrow Right

詳しくはこちら

「btn01 arrow right」

詳しくはこちら

「btn01 border arrow right」

詳しくはこちら

「btn01 border bgnone arrow right」

詳しくはこちら

「btn01 bgcolor arrow right」

Telアイコン

029-893-5850

「btn01 tel」

029-893-5850

「btn01 border tel」

029-893-5850

「btn01 border bgnone tel」

029-893-5850

「btn01 bgcolor tel」

Mailアイコン

info@trust-commit.work

「btn01 mail」

info@trust-commit.work

「btn01 border mail」

info@trust-commit.work

「btn01 border bgnone mail」

info@trust-commit.work

「btn01 bgcolor mail」

Faxアイコン

029-893-5851

「btn01 fax」

029-893-5851

「btn01 border fax」

029-893-5851

「btn01 border bgnone fax」

029-893-5851

「btn01 bgcolor fax」

Button02「a + em」

ノーマル

詳しくはこちら

「btn02」

詳しくはこちら

「btn02 border」

詳しくはこちら

「btn02 border bgnone」

詳しくはこちら

「btn02 bgcolor」

ノーマル最大幅「btn02 full」

Arrow

詳しくはこちら

「btn02 arrow」

詳しくはこちら

「btn02 border arrow」

詳しくはこちら

「btn02 border bgnone arrow」

詳しくはこちら

「btn02 bgcolor arrow」

Arrow Right

詳しくはこちら

「btn02 arrow right」

詳しくはこちら

「btn02 border arrow right」

詳しくはこちら

「btn02 border bgnone arrow right」

詳しくはこちら

「btn02 bgcolor arrow right」

Telアイコン

029-893-5850

「btn02 tel」

029-893-5850

「btn02 border tel」

029-893-5850

「btn02 border bgnone tel」

029-893-5850

「btn02 bgcolor tel」

Mailアイコン

info@trust-commit.work

「btn02 mail」

info@trust-commit.work

「btn02 border mail」

info@trust-commit.work

「btn02 border bgnone mail」

info@trust-commit.work

「btn02 bgcolor mail」

Faxアイコン

029-893-5851

「btn02 fax」

029-893-5851

「btn02 border fax」

029-893-5851

「btn02 border bgnone fax」

029-893-5851

「btn02 bgcolor fax」

WPページナビ

123451010

ページナビ

PAGE TOP