レスポンシブ
PC用は今まで通り pc で指定する。
SP用は今まで通り sp で指定する。
余白
余白は20, 30, 50, 100, 150pxにて各用意いたしました。
上 mt pt
下 mb pb
左 ml pl
右 mr pr
使用例
上にマージン50の場合 mt50
左右にパディング30の場合 pl30 pr30
文字装飾
文字位置
文字を左
文字をセンター
文字を右
文字色
f_bluef_pinkf_greenf_black
文字サイズ
f12f14f16f20f30f35
見出し
下線見出し
Title英語付きタイトル
シンプルな大見出し
シンプルな小見出し
帯付き小見出し 色変えは↓の背景色で変えてください。
背景色
bg_bluebg_pinkbg_yellowbg_glay
リンクボタン
Text Link
横幅いっぱい
Text Link
文字数に応じたボタン
Text Link
文字数に応じたボタン(矢印なし)
Text Link
検定申し込みはこちらからボタン
検定申し込みはこちらから ▶︎検定方法・検定概要をご確認の上、お申し込みください。
もっと詳しくボタン
横幅いっぱいのブロック

ブロック
横幅いっぱいのブロック
上下ラインブロック
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
2つ並びボーダーブロック


3つ並びボーダーブロック



4つ並びボーダーブロック




4つ並びボーダーブロック2




折り返し自由なブロック 背景色は上部の背景色一覧から選んでください。
テキストが入ります。テキストが入ります。テキストが入ります。
折り返しは改行で。
マックスはメインカラムサイズまで。
小さくしたい場合は改行多めで。
ボーダーブロック
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
googleマップ用
2カラムボックス
2カラムボックス写真左

■テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
Text Link
2カラムボックス写真右
■テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
Text Link

ボーダー2カラムボックス写真左

■テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
Text Link
ボーダー2カラムボックス写真右
■テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
Text Link

youtube用2カラムボックス
タイトルが入ります。タイトルが入ります。タイトルが
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
ページヘッダーリンクあり
ページヘッダーリンクなし
Titleタイトル

ページヘッダー文字のみ
Titleタイトル
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
ページヘッダー文字のみ2
シンプルな見出し
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
リスト系
2カラムテーブル
タイトル | テキストが入ります。テキストが入ります。 |
---|---|
タイトル | テキストが入ります。テキストが入ります。 |
タイトル | テキストが入ります。テキストが入ります。 |
スマホ時横スクロールさせるテーブル(3カラム以上)
タイトル | タイトル | タイトル | タイトル |
---|---|---|---|
テキスト | テキスト | テキスト | テキストが入ります。テキストが入ります。 |
テキスト2 | テキスト2 | テキスト2 |
行ごとの色違いテーブル
タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
---|---|
タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |
タイトル | テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 |