<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="香港物業估價網 - HomePrice">
<meta name="theme-color" content="#008B8B">
<title>香港物業估價網 - HomePrice</title>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9990334601037549" crossorigin="anonymous"></script>
<style>
aside{
box-sizing: border-box;
margin: 0 8px 0;
}
body{
background-color: #f8f8f8;
font-family: Roboto, Noto, sans-serif;
margin: 0;
max-width: 1494px;
overflow-y: scroll;
}
button{
cursor: pointer;
}
details{
cursor: pointer;
margin-top: 8px;
}
footer{
/* background-color: #fff;*/
/* border-top: 1px solid #ddd;*/
bottom: 0;
display: none; /* no footer unless the page style requires it */
height: 40px;
left: 0;
position: fixed;
right: 0;
}
header{
align-items: center;
background-color: #008385;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
color: white;
display: flex;
height: 64px;
left: 0;
padding-left: 16px;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}
header h1{
font-size: 18px;
font-weight: 400;
margin: 0;
}
header button{
background: none;
border: none;
box-sizing: content-box;
height: 24px;
padding: 8px;
width: 24px;
}
header svg{
fill: #fff;
}
main{
box-sizing: border-box;
display: block;
margin: 72px 8px 0px;
}
nav{
background-color: #fff;
bottom: 0;
box-sizing: border-box;
display: block;
height: 100vh;
left: 0;
min-width: 176px;
overflow-y: auto;
padding: 8px 16px 16px;
position: fixed;
top: 0;
transform: translate3d(-100%,0,0);
width: 176px;
z-index: 2;
}
nav a{
color: black;
display: block;
font-size: 15px;
font-weight: 500;
min-height: 48px;
line-height: 48px;
text-decoration: none;
}
ol{
padding-left: 16px;
}
section{
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
display: block;
/* max-width: 100%;*/
margin-bottom: 8px;
padding: 16px;
}
section a{
color: #008385;
font-weight: bold;
}
section h1{
font-size: 17px;
margin: 0;
}
section h1:not(:first-child){
margin-top: 8px;
}
sup{
font-size: 9px;
}
.belowfold{
order: 100;
}
#headerLayout{
position: relative;
}
#scrim{
background: rgba(0,0,0,.5);
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transform: translateZ(0);
visibility: hidden;
z-index: 1;
}
#swipe{
bottom: 0;
left: 0;
position: fixed;
top: 0;
width: 16px;
z-index: 1;
}
@media (max-width: 414px){
}
@media (min-width: 953px){
aside{
margin: 0 16px 0;
}
aside section{
margin-bottom: 16px;
}
footer{
margin-left: 176px;
}
header{
margin-left: 176px;
}
header button{
display: none;
}
main{
flex-grow: 1;
margin: 80px 16px 0;
}
nav{
position: fixed;
transform: none;
}
section{
margin-bottom: 16px;
}
#headerLayout{
margin-left: 176px;
}
#swipe{
display: none;
}
}
@media (min-width: 1269px){
aside{
/* display: flex;*/
/* flex: 1 0 300px;*/
/* flex-direction: column;*/
margin: 80px 16px 0 0;
width: 300px;
min-width: 300px;
}
main{
/* flex: 0 1 0px;*/
margin: 80px 16px 0;
width: 0;
}
main section{
margin-bottom: 16px;
}
.belowfold{
order: 0;
}
#headerLayout{
display: flex;
}
}
</style>
<style>
form:not(:first-child){
margin-top: 8px;
}
input{
border: 1px solid #ddd;
box-sizing: border-box;
font-size: 16px;
height: 40px;
padding: 8px;
width: 100%;
}
input:not(:first-child){
margin-top: 8px;
}
input::placeholder{
color: #999;
}
main svg{
height: auto;
max-width: 100%;
width: 100%;
}
main svg path{
fill: #008385;
stroke: #fff;
}
section button{
background-color: #008385;
border: none;
border-radius: 2px;
color: white;
font-size: 16px;
font-weight: bold;
height: 40px;
width: 100%;
}
section button:not(:first-child){
margin-top: 8px;
}
select{
background-color: white;
border: 1px solid #ccc;
cursor: pointer;
font-size: 16px;
height: 40px;
padding: 8px;
width: 100%;
}
select[disabled]{
cursor: auto;
}
select:not(:first-child){
margin-top: 8px;
}
table{
margin-top: 8px;
}
#map{
/* height: 50vh;*/
}
@media (min-width: 958px){
/* aside{
margin-bottom: 16px;
} */
}
@media (min-width: 1264px){
/* aside{
display: flex;
flex-direction: column;
} */
/* aside ins{
order: -1;
} */
}
</style> </head>
<body>
<nav>
<a href="/"><img alt="HomePrice" src="/images/logo.svg" height="65" width="46"></a>
<a href="/">香港物業估價網</a>
<!-- <a href="/major-estate/">五十大屋苑</a>
<a href="/district-map/">十八區地圖</a>
<a href="/technical-information/">技術資料</a>
<a href="/faq/">常見問題</a>
<a href="/about-us/">關於我們</a>
<a href="/historical-performance/">過往表現</a>
<a href="/feedback/">提供意見</a>
<a href="/data-service/">估價資訊API</a> -->
</nav>
<div id="headerLayout">
<header>
<button aria-label="Menu" id="menuBtn"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></g></svg></button>
<h1>香港物業估價網 - HomePrice</h1>
</header>
<main>
<section>
<h1>***網站關閉公告***</h1>
<p>在仔細考慮當前的經濟挑戰並對我們的業務優先事項進行策略性審查後，我們做出了停止網站的艱難決定。本站將於2025年3月5日永久關閉。多謝你們一直以來的支持。</p>
<p>香港物業估價網</p>
</section>
</main>
<aside>
<!-- <section>
<h1>HomePrice是甚麼?</h1>
<p>「Homeprice物業估價」是計算樓宇單位市值的電腦軟件。此系統應用現時最尖端的「多層貝氏」統計學方法，推算出市面上某物業的市值和發展趨勢。對於本網上估價系統所應用的統計方法的詳情，請參閲本網站的「<a href="/technical-information/">技術資料</a>」部分。</p>
</section>
<section>
<h1>選擇我們的理由</h1>
<p><strong>專業:</strong><br><a href="/about-us/">學術界</a>認可，研究刊登於<a href="http://www.umac.mo/fba/irer/papers/current/vol13n1/v13n101.html" target="_blank">國際地產分析</a>。</p>
<p><strong>客觀:</strong><br>電腦計算，無低估或超估現象。</p>
<p><strong>準確:</strong><br>估價每天更新，準確度<a href="/historical-performance/">高於95%</a>。</p>
</section>
<section>
<h1>HomePrice新網頁測試中</h1>
<p>你正在使用最新版的HomePrice，如有問題請<a href="mailto:info@homepricehk.com">聯絡我們</a>。</p>
</section> --> </aside>
<footer>
</footer>
</div>
<div id="scrim"></div>
<div id="swipe"></div>
<script async src="/app.js"></script>
<script>
(function(){
var districtList={"香港":["中西區","南區","東區","灣仔"],"九龍":["九龍城","油尖旺","深水埗","觀塘","黃大仙"],"新界":["元朗","北區","大埔","屯門","沙田","荃灣","葵青","西貢","離島"]};
var region=document.getElementById("region");
var district=document.getElementById("district");
var estate=document.getElementById("estate");
//region.selectedIndex=0;
region.addEventListener("change",function(e){
while(district.firstChild){
district.removeChild(district.firstChild);
}
var option0=document.createElement("option");
option0.value="";
option0.appendChild(document.createTextNode("-- 選擇分區 --"));
district.appendChild(option0);
while(estate.firstChild){
estate.removeChild(estate.firstChild);
}
var option1=document.createElement("option");
option1.value="";
option1.appendChild(document.createTextNode("-- 請先選擇分區 --"));
estate.appendChild(option1);
for(var a in districtList[region.value]){
var optionN=document.createElement("option");
optionN.appendChild(document.createTextNode(districtList[region.value][a]));
district.appendChild(optionN);
}
district.disabled=false;
});
district.addEventListener("change",function(e){
estate.disabled=true;
while(estate.firstChild){
estate.removeChild(estate.firstChild);
}
var option0=document.createElement("option");
option0.value="";
option0.appendChild(document.createTextNode("載入中..."));
estate.appendChild(option0);
// console.log(district.value);
// send ajax
var xhttp=new XMLHttpRequest();
xhttp.onreadystatechange=function(){
if(this.readyState==4 && this.status==200){
while(estate.firstChild){
estate.removeChild(estate.firstChild);
}
//console.log(this.responseText);
var j=JSON.parse(this.responseText);
// console.log(j);
var option0=document.createElement("option");
option0.value="";
option0.appendChild(document.createTextNode("-- 選擇屋苑 --"));
estate.appendChild(option0);
for(var a in j){
var optionN=document.createElement("option");
optionN.value=j[a][1]+"/"+j[a][0];
optionN.appendChild(document.createTextNode(j[a][1]+" ("+j[a][2]+")"));
estate.appendChild(optionN);
}
estate.disabled=false;
// expect to get a list with id,eng,chi, with distrct 18 input
}
};
xhttp.open("GET","/_api/getEstatesByDistrict/"+district.value);
xhttp.send();
});
estateSearch.addEventListener("click",function(){
//console.log("estateSearch clicked");
if(estate.value!=""){
//console.log(estate.value);
location.href="/estate/"+estate.value;
}
});
})();
</script>
</body>
</html>