Sample Company

1カラムレイアウト

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

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

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

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

下の方にある横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。html構成はそれぞれ異なります。

写真の説明

タイトルタイトル

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

写真の説明

タイトルタイトル

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

写真の説明

タイトルタイトル

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

写真の説明

タイトルタイトル

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

Service(横長レイアウト)

タイトルタイトル

写真の説明

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

タイトルタイトル

写真の説明

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

タイトルタイトル

写真の説明

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

この見出しはh2タグです

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