サンプル不動産

TEL:0120-XXX-XXX(AM8:00〜PM8:00)

駐車場(コンパクトレイアウト)

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

写真の説明

物件タイトルNEW

所在地:東京都XXXX
価格:XXXXX円

おすすめ
写真の説明

物件タイトル

所在地:東京都XXXX
価格:XXXXX円

ご契約済
写真の説明

物件タイトル

所在地:東京都XXXX
価格:XXXXX円

写真の説明

物件タイトル

所在地:東京都XXXX
価格:XXXXX円

駐車場(横長レイアウト)

物件タイトルNEW

写真の説明
所在地 東京都XXXX 価格 XXXX円
見出し サンプルテキスト。 見出し サンプルテキスト。
【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】

物件タイトル

写真の説明
所在地 東京都XXXX 価格 XXXX円
見出し サンプルテキスト。 見出し サンプルテキスト。

右下の「おすすめ」の文字情報はhtml側で直接変更できます。 おすすめ
<span class="osusume">おすすめ</span>
色はcssフォルダのstyle.cssの設定で変更できます。

【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】 おすすめ

物件タイトル

写真の説明
所在地 東京都XXXX 価格 XXXX円
見出し サンプルテキスト。 見出し サンプルテキスト。

右下の「ご契約済」の文字情報はhtml側で直接変更できます。 ご契約済
<span class="sumi">ご契約済</span>
色はcssフォルダのstyle.cssの設定で変更できます。

【登録日:20XX/XX/XX】【更新日:20XX/XX/XX】 ご契約済

この見出しはh2タグです

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

おすすめ物件

XXアパー

物件タイトル 55,000円

熊本駅から徒歩3分という好立地!敷金0円サービス実施中。

XXアパー

物件タイトル 55,000円

熊本駅から徒歩3分という好立地!敷金0円サービス実施中。 ご契約済

XXアパー

物件タイトル 55,000円

熊本駅から徒歩3分という好立地!敷金0円サービス実施中。

XXアパー

物件タイトル 55,000円

熊本駅から徒歩3分という好立地!敷金0円サービス実施中。

XXアパー

物件タイトル 55,000円

熊本駅から徒歩3分という好立地!敷金0円サービス実施中。