<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>一覧・詳細特化型 無料CMS fudosan_re_school4</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="ここにサイト説明を入れます">
<base href="{{BASE_PATH}}/templates/">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/cms.css">
</head>

<body class="list">

<div id="container">

<header>
<h1 id="logo"><a href="{{BASE_PATH}}"><img src="images/logo.png" alt="サンプル不動産"></a></h1>
<ul class="btn">
<li><a href="request_info.html">資料請求</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</header>

<!--開閉ブロック-->
<div id="menubar">

<nav>
<ul>
<li><a href="{{BASE_PATH}}">ホーム</a></li>
<li class="current"><a href="#" onclick="return false;">不動産物件</a>
	<ul>
  {{CATEGORIES}}
	</ul>
</li>
<li><a href="{{BASE_PATH}}/page/?p=faq">よく頂く質問</a></li>
<li><a href="{{BASE_PATH}}/page/?p=company">会社概要</a></li>
</ul>
</nav>

</div>
<!--/#menubar-->

<main class="c2">

<div class="main">

<div class="notice">※デモサイトです。</div>

<section>
<h2>このページは</h2>
<p>templates/list.htmlが骨組みファイルです。<br>
それぞれの担当htmlは、html内のコメント（html側）側に記載されています。</p>
</section>

<section>

<!-- 管理ページのカテゴリ名をそのまま出力。 -->
<h2>{{CATEGORY_NAME}}</h2>

<!-- サイト内検索ブロック。「SEARCH_FORM」内は、_search.form.htmlで設定。 -->
{{SEARCH_FORM}}

<!-- データ出力。「LIST」内は、_list.item.htmlで設定。 -->
<div class="list-tpcms-grid">
{{LIST}}
</div>

<!-- ページャー。「PAGER」専用のhtmlはありません。 -->  
{{PAGER}}

</section>

</div>
<!--/.main-->

<div class="sub">

<div class="box1">

<h3>物件を探す</h3>

<nav>
<ul class="submenu">
{{CATEGORIES}}
</ul>
</nav>

</div>
<!--/.box1-->

<h3>サイトメニュー</h3>

<nav>
<ul class="submenu">
<li><a href="{{BASE_PATH}}/page/?p=faq">よく頂く質問</a></li>
<li><a href="{{BASE_PATH}}/page/?p=company">会社概要</a></li>
</ul>
</nav>

<!-- 特集。「FEATURE_ITEMS」内は、_home.feature.side.htmlで設定。 -->
{{FEATURE_ITEMS tpl="side"}}

</div>
<!--/.sub-->

</main>

<div id="footermenu">
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
<ul>
<li class="title">メニュー見出し</li>
<li><a href="#">サンプルメニューサンプルメニューサンプルメニューサンプルメニュー</a></li>
<li><a href="#">サンプルメニュー</a></li>
</ul>
</div>
<!--/#footermenu-->

<footer>
<small>Copyright&copy; <a href="{{BASE_PATH}}">サンプル不動産</a> All Rights Reserved.</small>
</footer>

</div>
<!--/#container-->

<!--テンプレートの著作表記。勝手に削除すると重大な規約違反になります。-->
<span class="pr"><a href="https://template-party-cms.com/" target="_blank">Template Party CMS</a></span>

<!--開閉ボタン（ハンバーガーアイコン）-->
<div id="menubar_hdr">
<span></span><span></span><span></span>
</div>

<!--ページの上部へ戻るボタン-->
<div class="pagetop"><a href="#"><i class="fas fa-angle-double-up"></i></a></div>

<!--jQueryの読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!--このテンプレート専用のスクリプト-->
<script src="js/main.js"></script>
<script src="js/cms.js"></script>

</body>
</html>
