Sample Company

TEL:0120-000-000AM9:00〜PM6:00 水曜定休

1カラムレイアウト

<body><body class="c1">にすると1カラムレイアウトになります。
id名がついている場合は、<body id="top" class="c1">です。
すでにclass指定が入っている場合は、<body class="sample c1">など半角スペースを入れて指定します。

ずっと1カラムで使う場合は

上のclass指定をしてもhtml上にsubブロックは残るので、subブロックを使わない場合はsubブロックのhtmlごと削除して下さい。

MENU(横長レイアウト)

<section class="list">にするとこのように横長ボックスになります。

写真の説明

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

写真の説明

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

写真の説明

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

MENU(コンパクトレイアウト)

<section class="list compact">にするとこのようにコンパクトボックスになります。

写真の説明

タイトル

サンプルテキスト。サンプルテキスト。サンプルテキスト。

写真の説明

なまえ

サンプルテキスト。サンプルテキスト。サンプルテキスト。

写真の説明

なまえ

サンプルテキスト。サンプルテキスト。サンプルテキスト。

写真の説明

なまえ

沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。沢山の文字を詰め込みすぎると途中で切れてしまいまうのでご注意下さい。

この見出しはh2タグです

このボックスは、class="box1"と指定すれば出ます。