<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>一覧・詳細特化型 無料CMS fudosan_re_clinic6</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="home">

<div id="container">

<div id="trigger-point">

<header>

<h1 id="logo"><a href="{{BASE_PATH}}"><img src="images/logo.png" alt="東京横浜サンプル不動産"></a></h1>

<div class="banner">
<a href="#"><img src="images/banner1.jpg" alt=""></a>
</div>

<address>
<div class="tel">03-0000-0000</div>
<span class="small">受付時間：AM9:00〜PM7:00</span>
</address>

<!--文字サイズ変更ボタン-->
<div id="f-size">
<p>文字サイズ</p>
<ul>
<li id="f-small"></li>
<li id="f-large"></li>
</ul>
</div>

</header>

</div>
<!--/#trigger-point-->

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

<nav>
<ul>
<li><a href="{{BASE_PATH}}">ホーム<span>Home</span></a></li>
<li><a href="#" onclick="return false;">不動産物件<span>Category</span></a>
	<ul>
  {{CATEGORIES}}
	</ul>
</li>
<li><a href="{{BASE_PATH}}/page/?p=recruit">採用情報<span>Recruit</span></a></li>
<li><a href="{{BASE_PATH}}/page/?p=staff">スタッフ紹介<span>Staff</span></a></li>
<li><a href="{{BASE_PATH}}/page/?p=faq">よく頂く質問<span>Faq</span></a></li>
<li><a href="{{BASE_PATH}}/page/?p=company">会社概要<span>Company</span></a></li>
</ul>
</nav>

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

<!--スライドショー-->
<aside id="mainimg">

<div class="slide slide1">
<div>
<p>安心と信頼の住まい探しをお手伝いする<br>東京横浜サンプル不動産</p>
</div>
</div>

<div class="slide slide2">
<div>
<p>お客様の理想の暮らしを第一に</p>
</div>
</div>

<div class="slide slide3">
<div>
<p>快適な住まいと安心のサポートを<br>ご提供いたします</p>
</div>
</div>

<ul class="mainimg-btn">
<li><a href="#"><i class="fa-solid fa-mobile-screen-button"></i>WEB予約はこちら</a></li>
<li><a href="#"><i class="fa-solid fa-phone"></i>電話予約はこちら</a></li>
</ul>

</aside>

<div id="contents">

<main class="column">

<div class="main-contents">

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

<section>
<h2>一覧・詳細に特化した無料CMSです</h2>
<p>当CMSは、不動産業者を想定していますが、設定を変更すれば様々なジャンルにご活用頂けます。</p>
<p>例：月極駐車場、トランクルーム、テナント募集、中古車・バイク販売、クリニックの診療メニュー、エステ・サロンのコース、スクール/講座・カルチャー、セミナー/イベント告知、宿泊・民泊・キャンプ場（問合せ運用）、Web制作・印刷・映像制作の制作実績、施工事例、アート作品ギャラリー、求人・採用、ボランティア/インターン募集、観光スポット/体験アクティビティ、飲食店のメニュー/コース一覧…などなど。</p>
</section>

<section>
<h2>このページは</h2>
<p>templates/home.htmlが骨組みファイルです。<br>
それぞれのパーツの担当htmlは、html内のコメント（html側）側に記載されています。</p>
<p>メニューのうち、プログラムが出力されているのは、<a href="{{BASE_PATH}}/list?category=chintai">賃貸物件</a>、<a href="{{BASE_PATH}}/list?category=baibai">売家・売マンション</a>、<a href="{{BASE_PATH}}/list?category=land_sale">売土地</a>、の3つの一覧ページと、それぞれの物件の詳細ページです。</p>
<p>ここから下のブロックも全てプログラム出力ブロックです。</p>
</section>

<!-- サイト内検索。「SEARCH_FORM」内は、_search.form.htmlで設定。 -->
<section>
<h2>サイト内検索</h2>
{{SEARCH_FORM}}
</section>

<!-- 特集。「FEATURE_ITEMS」内は、_home.feature.htmlで設定。 -->
<section>
{{FEATURE_ITEMS}}
</section>

<!-- 新着情報。n="6"が出力件数。「RECENTS」内は、_home.recents.htmlで設定。 -->
<section>
<h2>新着</h2>
<p>上のグリッドタイプ（list-tpcms-grid）か、ここの横長タイプ（list-tpcms-row）か、htmlのclassを書き換えれば簡単にチェンジできます。</p>
{{RECENTS n="6"}}
</section>

<!-- お知らせ。「NEWS」専用のhtmlはありません。dtが日付、ddが内容で出力されます。 -->
<section>
<h2>お知らせ</h2>
<dl class="new">
{{NEWS}}
</dl>
</section>

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

<div class="sub-contents">

<nav>
<h3>物件を探す</h3>
<ul class="submenu">
{{CATEGORIES show_zero="1"}}
</ul>
</nav>

<nav>
<h3>サイトメニュー</h3>
<ul class="submenu">
<li><a href="{{BASE_PATH}}/page/?p=recruit">採用情報</a></li>
<li><a href="{{BASE_PATH}}/page/?p=staff">スタッフ紹介</a></li>
<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-contents-->

</main>

</div>
<!--/#contents-->

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

<section>

<h2 class="dn">ギャラリー</h2>

<div class="thumbnail-slide">
<a href="#"><img src="images/1.jpg" alt=""></a>
<a href="#"><img src="images/2.jpg" alt=""></a>
<a href="#"><img src="images/3.jpg" alt=""></a>
<a href="#"><img src="images/1.jpg" alt=""></a>
<a href="#"><img src="images/2.jpg" alt=""></a>
<a href="#"><img src="images/3.jpg" alt=""></a>
</div>

</section>

<div id="footer-contents">

<div class="left">

<h3><img src="images/logo_footer.png" alt="東京横浜サンプル不動産" class="wl"></h3>
<p>〒000-0000 東京足立区XXXXXX1丁目1号<br>
代表電話：000-0000-0000<br>
受付時間：月曜日から金曜日の8時から18時まで</p>

<ul class="icons">
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-line"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>

<h3>受付時間</h3>
<table class="ta2">
<tr>
<th>&nbsp;</th>
<th>月</th>
<th>火</th>
<th>水</th>
<th>木</th>
<th>金</th>
<th>土</th>
<th>日</th>
</tr>
<tr>
<td>午前</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>ー</td>
</tr>
<tr>
<td>午後</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>ー</td>
<td>ー</td>
</tr>
</table>

</div>
<!--/.left-->

<div class="right">

<h3>アクセス</h3>
<p><a href="https://template-party.com/file/pickup_googlemap.html">GoogleMapの地図を変更する方法はマニュアルをご覧下さい。</a></p>
<div class="iframe-box">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.0448418561778!2d139.74267721573196!3d35.675897837870934!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b89b2e1c8b1%3A0x59a123e3d5ac5ab6!2z44CSMTAwLTAwMTQg5p2x5Lqs6YO95Y2D5Luj55Sw5Yy65rC455Sw55S677yR5LiB55uu77yX4oiS77yR!5e0!3m2!1sja!2sjp!4v1545036128899" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
	
</div>
<!--/.right-->

</div>
<!--/#footer-contents-->

<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>

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

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

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

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

<!--文字サイズチェンジ用のスクリプト-->
<script src="js/fontSizeChanger.js"></script>

<!--スライドショー（slick）-->
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="js/slick.js"></script>

<!--パララックス（inview）-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
<script src="js/jquery.inview_set.js"></script>

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

</body>
</html>
