〜四日市市こども・子育て情報WEBサイト〜

※「section」は、章にあたり、「.container」は、コンテンツブロッククラスです。コンテンツを1500px幅に納めます。section > .container
という形で制作してください。

※パーツの上下部にスペースを付けたい場合は、パーツのタグにクラスを付与することで、5px単位で150pxまで増減出来ます。

クラス「mt」・・・・（margin-top）   .mt0(margin-top:0;) 〜 .mt150(margin-top:150px;)
クラス「mb」・・・（margin-bottom）  .mb0(margin-bottom:0) 〜 .mb150(margin-bottom:150px;)
クラス「pt」・・・（padding-top)　.pt0(padding-top:0;) 〜 .pt150(padding-top:150px;)
クラス「pb」・・・（padding-bottom)　.pb0(padding-bottom:0;) 〜 .pb150(padding-bottom:150px;)
例）：<p class=”mb50″>テキスト</p>

h3見出し見出し見出し見出し

h4見出し見出し

マーカー付きテキスト。ここにテキストが入ります。
ここにテキストが入ります。

ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

p 文章 右寄せ ここにテキストが入ります。

p 文章 センター寄せ

フォントSサイズ(12px)

フォントMサイズ(20px)

フォントLサイズ(36px)

フォント太字(bold)

フォント赤

フォント青

フォント茶

フォント紫

フォント緑

文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。

文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。文字の回り込み。

タイトル

内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります内容スペースになります

タイトル

内容

タイトル

内容

タイトル

内容

タイトル

内容

タイトル

内容

レスポンシブ画像2列

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

テキスト

レスポンシブ画像３列

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

テキスト

テキスト

ボタン（左寄せ）

ボタン（中央寄せ）

ボタン（右寄せ）

別タブで開くボタン（左寄せ）

別タブで開くボタン（中央寄せ）

別タブで開くボタン（右寄せ）

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