２カラムレイアウト

まず２カラムを囲むブロックとして、
<main class="column">
を作り、その中にメインコンテンツ<div class="main-contents">とサブコンテンツ<div class="sub-contents">を作って下さい。

具体的には以下のような形になります。

<main class="column">

<div class="main-contents">
※ここにメインコンテンツの内容を入れます。
</div>

<div class="sub-contents">
※ここにサブコンテンツの内容を入れます。
</div>

</div>

今月の注目物件

タイトルをここに入れます

説明をここに書きます。サンプルテキスト。

タイトルをここに入れます

説明をここに書きます。サンプルテキスト。

タイトルをここに入れます

説明をここに書きます。サンプルテキスト。

タイトルをここに入れます

説明をここに書きます。サンプルテキスト。

タイトルをここに入れます

説明をここに書きます。サンプルテキスト。

タイトルをここに入れます

説明をここに書きます。サンプルテキスト。

横長ボックス（list-normal1）

ここにタイトルを入れます。

• 新築
• 角部屋
• 駐車場
• アイコン
• アイコン
• アイコン

所在地

東京都XXXX

価格

XXXX円

見出し

サンプルテキスト。

見出し

サンプルテキスト。

見出し

サンプルテキスト。

見出し

サンプルテキスト。

ここにタイトルを入れます。

所在地

東京都XXXX

価格

XXXX円

見出し

サンプルテキスト。

見出し

サンプルテキスト。

見出し

サンプルテキスト。

見出し

サンプルテキスト。

ここにタイトルを入れます。

所在地

東京都XXXX

価格

XXXX円

見出し

サンプルテキスト。

見出し

サンプルテキスト。

見出し

サンプルテキスト。

見出し

サンプルテキスト。

横並びボックス（list-grid1）

ここにタイトルを入れます

• 新築
• 角部屋
• 駐車場
• アイコン
• アイコン
• アイコン

ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

• アイコン
• アイコン
• アイコン

ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

• アイコン
• アイコン
• アイコン

ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

• アイコン
• アイコン
• アイコン

ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

ここに説明を入れます。サンプルテキスト。

ここにタイトルを入れます

ここに説明を入れます。サンプルテキスト。

お知らせ

2025/11/26その他

不動産業者向け 無料ホームページテンプレート tp_fudosan12_re 公開。

20XX/00/00重要

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

20XX/00/00サービス

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

20XX/00/00

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

20XX/00/00その他

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

無料素材サイト（haconana）のご案内

写真・イラスト・動画のフリー素材サイトです。ユーザー登録を行うと、１日１点まで無料でDLできます。