サンプルホーム

サービスのご案内

当ページはプルダウンに未対応な端末用のページです。プルダウンメニューを使う場合は、必ずプルダウンのリスト内容をこのページに準備して下さい。

サービスのご案内(1列タイプ)

リンクを設定しないと

このブロックのように、ボックス右下の矢印マークが出なくなります。
写真のサイズや見出しのデザインなどはcssフォルダのstyle.cssで行なって下さい。
imgタグにfrやflのclass指定をすると、画像が右寄り(fr)や、左寄り(fl)になります。詳しくはhtml側を見て下さい。

サービスのご案内(2列レイアウト)

1列、2列、3列、全てのタイプで同じhtmlタグを使っていますが、2列タイプと3列タイプは外側のブロックにそれぞれの列のclass指定が入っています。
このブロックは2列なので、class="c2"です。

h4見出しは、2行目以降は非表示になります。コンパクトにまとめて下さい。
pタグ(説明部分)は3列以上になると非表示になります。変更したい場合はcssフォルダのstyle.cssで変更して下さい。

リンクを設定しないと

このブロックのように、ボックス右下の矢印マークが出なくなります。
写真のサイズや見出しのデザインなどはcssフォルダのstyle.cssで行なって下さい。
imgタグにfrやflのclass指定をすると、画像が右寄り(fr)や、左寄り(fl)になります。詳しくはhtml側を見て下さい。

画像のclass指定を外すと

このようなレイアウトになります。

サービスのご案内(3列レイアウト)

このブロックは3列なので、class="c3"です。

h4見出しは、2行目以降は非表示になります。コンパクトにまとめて下さい。
pタグ(説明部分)は4列以上になると非表示になります。変更したい場合はcssフォルダのstyle.cssで変更して下さい。

リンクを設定しないと

このブロックのように、ボックス右下の矢印マークが出なくなります。画像も外してもらってもOK。

画像のclass指定を外すと

このようなレイアウトになります。

サンプルホーム

東京都XX区XXXX
TEL:0120-0000-0000
受付:午前9時?午後7時

この見出しはh2タグです

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

boxの外も使えます

サービスのご案内(1カラムレイアウトでの使用例)

リンクを設定しないと

このブロックのように、ボックス右下の矢印マークが出なくなります。
写真のサイズや見出しのデザインなどはcssフォルダのstyle.cssで行なって下さい。
imgタグにfrやflのclass指定をすると、画像が右寄り(fr)や、左寄り(fl)になります。詳しくはhtml側を見て下さい。

リンクを設定しないと

このブロックのように、ボックス右下の矢印マークが出なくなります。
写真のサイズや見出しのデザインなどはcssフォルダのstyle.cssで行なって下さい。
imgタグにfrやflのclass指定をすると、画像が右寄り(fr)や、左寄り(fl)になります。詳しくはhtml側を見て下さい。

画像のclass指定を外すと

このようなレイアウトになります。

リンクを設定しないと

このブロックのように、ボックス右下の矢印マークが出なくなります。画像も外してもらってもOK。

画像のclass指定を外すと

このようなレイアウトになります。