賃貸物件（コンパクトレイアウト）
下の方にある横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。html構成はそれぞれ異なります。
物件タイトルNEW
所在地：東京都XXXX
価格：XXXXX円
物件タイトル
所在地：東京都XXXX
価格：XXXXX円
物件タイトル
所在地：東京都XXXX
価格：XXXXX円
物件タイトル
所在地：東京都XXXX
価格：XXXXX円
賃貸物件（横長レイアウト）
物件タイトルNEW
| 所在地 | 東京都XXXX | 価格 | XXXX円 |
|---|---|---|---|
| 見出し | サンプルテキスト。 | 見出し | サンプルテキスト。 |
物件タイトル
| 所在地 | 東京都XXXX | 価格 | XXXX円 |
|---|---|---|---|
| 見出し | サンプルテキスト。 | 見出し | サンプルテキスト。 |
右下の「おすすめ」の文字情報はhtml側で直接変更できます。
おすすめ
<span class="osusume">おすすめ</span>
色はcssフォルダのstyle.cssの設定で変更できます。
物件タイトル
| 所在地 | 東京都XXXX | 価格 | XXXX円 |
|---|---|---|---|
| 見出し | サンプルテキスト。 | 見出し | サンプルテキスト。 |
右下の「ご契約済」の文字情報はhtml側で直接変更できます。
ご契約済
<span class="sumi">ご契約済</span>
色はcssフォルダのstyle.cssの設定で変更できます。
