It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.hshd.com.hk/tc/business/on_hing_building

  1. <!DOCTYPE html>
  2. <html lang="zh-HK" xml:lang="zh-HK" data-wf-page="5d898fc45fc1b7981be761ba"
  3.    data-wf-site="5d898fc45fc1b7616ce761b9">
  4.    
  5. <head>
  6.        <script>var contactFormApi = "https://www.hshd.com.hk/api/email_form"</script>
  7.    <meta charset="utf-8">
  8.  
  9. <title>Hip Shing Hong 協成行</title>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11.  
  12. <meta content="Hip Shing Hong 協成行" property="og:title">
  13. <meta content="" property="og:description">
  14. <meta content="/assets/images/hsh.svg" property="og:image">
  15. <meta content="Hip Shing Hong 協成行" property="twitter:title">
  16. <meta content="" name="keywords">
  17. <meta content="" name="description">
  18. <meta name="author" content="Website design and built by FirmStudio (www.firmstudio.com)">
  19. <meta name="copyright" content="版權所有 ©2024 Hip Shing Hong 協成行">
  20. <meta http-equiv="Content-Security-Policy" content="frame-ancestors 'none';">
  21.  
  22. <!-- Google tag (gtag.js) -->
  23. <script async src=https://www.googletagmanager.com/gtag/js?id=G-HVNTS5S29S></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HVNTS5S29S'); </script>
  24.  
  25. <!-- Google Tag Manager -->
  26. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  27.    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  28.    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  29.    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  30.    })(window,document,'script','dataLayer','GTM-T8LDG8MC');</script>
  31. <!-- End Google Tag Manager -->
  32.  
  33. <!-- Google Tag Manager (noscript) -->
  34. <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T8LDG8MC
  35.    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  36. <!-- End Google Tag Manager (noscript) -->
  37.  
  38. <script type="text/javascript">
  39.    (function(c,l,a,r,i,t,y){
  40.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  41.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  42.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  43.    })(window, document, "clarity", "script", "n1e9j9gv6y");
  44. </script>
  45.  
  46. <script type="text/javascript" src="/assets/js/jquery.js" ></script>
  47. <script type="text/javascript" src="/assets/js/swiper.min.js"></script>
  48. <script type="text/javascript" src="/assets/js/hsh.js?v=202401081722"></script>
  49. <script type="text/javascript" src="/assets/js/map.js"></script>
  50. <link rel="preconnect" href="https://fonts.googleapis.com">
  51. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  52. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Noto+Sans+TC:wght@300;400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
  53.  
  54.  
  55. <link type="text/css" rel="stylesheet" href="/assets/css/hsh.css?v=202401081722" />
  56. <link type="text/css" rel="stylesheet" href="/assets/css/swiper.min.css" />
  57.  
  58. <link href="/assets/images/favicon.png" rel="shortcut icon" type="image/x-icon">
  59. <link href="/assets/images/webclip.png" rel="apple-touch-icon">
  60. <script>
  61.    var googleMapKey = 'AIzaSyCDXbxogRlTg-_SmujnuvbmuPT4zy7Csk4';
  62. </script>
  63.  
  64.    
  65. </head>
  66. <style>
  67.    .hsh_form_error{
  68.        display: none;
  69.    }
  70. </style>
  71. <body class="sticky-page">
  72.    <main class="hsh_banner_page">
  73.        <div style="display:none" class="seo">
  74. <h1>協成行</h1>
  75. </div>
  76.  
  77. <script>
  78. function initSwitchLang() {
  79.   if (window.location.pathname.substring(1,8) == "preview") {
  80.       $("a[data-lang]").each(function () {        
  81.           $(this).attr("href", "/preview/" + $(this).attr("data-lang")
  82.               + window.location.pathname.substring(11)
  83.               + window.location.search
  84.               + window.location.hash);
  85.       });
  86.   } else {
  87.       $("a[data-lang]").each(function () {        
  88.           $(this).attr("href", "/" + $(this).attr("data-lang")
  89.               + window.location.pathname.substring(3)
  90.               + window.location.search
  91.               + window.location.hash);
  92.       });
  93.   }
  94. }
  95.  
  96. $(document).on('touchstart click',".search_keyword", function(e){
  97.    e.preventDefault();
  98.    var keyword = $(this).html();
  99.    $("[name='search']").val(keyword);
  100. })
  101. </script>
  102.  
  103. <header class="hsh_head js-head">    
  104. <div class="hsh_main">
  105.   <div class="hsh_head_nav">
  106.       <div class="hsh_head_logo">
  107.           <a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" /></a>          
  108.       </div>
  109.       <div class="hsh_head_menu">
  110.                                             <a onclick="initSwitchLang()" data-lang="en" class="hsh_head_lang">EN</a>
  111.                                                                                      <a onclick="initSwitchLang()" data-lang="sc" class="hsh_head_lang">简</a>
  112.                                     <span class="hsh_head_sep"></span>
  113.           <a aria-label="Search" class="hsh_btn hsh_btn--search js-search_toggle"></a>
  114.           <a aria-label="Main Menu" class="hsh_btn hsh_btn--menu js-menu_toggle"></a>
  115.       </div>
  116.   </div>
  117. </div>
  118. </header>
  119.  
  120. <section class="hsh_menu js-menu">
  121. <div class="hsh_menu_body">
  122.   <div class="hsh_menu_body_inner">
  123.       <div class="hsh_main">            
  124.           <div class="hsh_menu_row js-menu_main">
  125.               <div class="hsh_menu_col js-menu_main_area">
  126.                   <a href="/tc/home" class="js-menu_sub ">主頁</a><br class="js-menu_sub"/>
  127.                   <a href="/tc/our_purpose" class="js-menu_sub " >我們的使命</a><br class="js-menu_sub"/>
  128.                   <a href="/tc/our_place" class="js-menu_sub " data-target="places">我們的業務</a><br class="js-menu_sub"/>
  129.                       <div class="hsh_menu_sub" id="places">
  130.                          
  131.                           <a href="/tc/business">商業</a><br/>
  132.                           <a href="/tc/residential">住宅</a><br/>
  133.                           <a href="/tc/hospitality">酒店及服務</a><br/>
  134.                           <a class="hsh_menu_back js-menu_back">返回</a>
  135.                       </div>
  136.                   <a href="/tc/our_community" class="js-menu_sub ">我們的社區</a><br class="js-menu_sub"/>
  137.                   <a href="/tc/our_people" class="js-menu_sub ">我們的團隊</a><br class="js-menu_sub"/>
  138.                   <a href="/tc/our_news" class="js-menu_sub " data-target="news">我們的消息</a><br class="js-menu_sub"/>
  139.                       <div class="hsh_menu_sub" id="news">
  140.                          
  141.                           <a href="/tc/group_news">集團消息</a><br/>
  142.                          
  143.                            <a href="/tc/our_news#gallery">多媒體庫</a><br/>
  144.                           <a class="hsh_menu_back js-menu_back">返回</a>
  145.                       </div>
  146.                   <a href="/tc/our_support" class="js-menu_sub ">聯絡我們</a><br class="js-menu_sub"/>
  147.               </div>
  148.               <div class="hsh_menu_col js-menu_sub_area"></div>
  149.           </div>
  150.           <div class="hsh_menu_sns">
  151.                <a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook js-menu_sns" aria-label="Facebook"></a>
  152.                <a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig js-menu_sns"  aria-label="IG"></a>
  153.                <a href="https://www.linkedin.com/company/hip-shing-hong-group-of-companies" target="_blank" class="hsh_sns hsh_sns--linkedin js-menu_sns" aria-label="Linkedin"></a>
  154.                <a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube js-menu_sns"  aria-label="Youtube"></a>
  155.                <a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email js-menu_sns"    aria-label="Email"></a>
  156.            </div>
  157.       </div>
  158.   </div>
  159. </div>
  160. </section>
  161.  
  162. <div class="hsh_menu_bg"></div>
  163.  
  164. <section class="hsh_search js-search">
  165.    <div class="hsh_search_body">
  166.        <div class="hsh_search_body_inner">
  167.            <form action="/tc/search" class="hsh_main js-search_form">      
  168.                <div class="hsh_input hsh_input--search">      
  169.                    <input type="submit" value="" aria-label="Search" />
  170.                    <input type="text" name="search" placeholder="你想搜尋什麼..." aria-label="Search" />
  171.                    <button class="hsh_search_submit"><img src="/assets/images/icon/arrow_white.svg"></button>
  172.                </div>                
  173.                <div class="hsh_search_quick">
  174.                                            <a class="search_keyword">辦公室</a>
  175.                                            <a class="search_keyword">住宅</a>
  176.                                            <a class="search_keyword">Office plus</a>
  177.                                            <a class="search_keyword">Madera Garden</a>
  178.                                            <a class="search_keyword">職業</a>
  179.                                            <a class="search_keyword">Group news</a>
  180.                                </form>
  181.        </div>  
  182.    </div>
  183. </section>
  184.        <section class="hsh_body">
  185.            <div class="hsh_media hsh_media--subbanner">
  186.                <img src="/files/record/commercial/3/On_Hing_Building-1713756850.jpg" alt="Main Banner" />
  187.                <div class="hsh_media_text hsh_media_text--align_bottom hsh_media_text--center">
  188.                    <div class="hsh_content effect effect_up">
  189.                        <div class="hsh_crumb ">
  190.                            <div class="hsh_crumb_link">
  191.                                <a href="/tc/home">主頁</a>
  192.                                <a href="/tc/our_place">我們的業務</a>
  193.                                <a href="/tc/business">商業</a>
  194.                                <a href="/tc/business/on_hing_building">安慶大廈</a>
  195.                            </div>
  196.                            <div class="hsh_crumb_title">
  197.                                <div class="hsh_crumb_title_main">
  198.                                    
  199.                                    <div class="h1 ">安慶大廈</div>
  200.                                </div>
  201.                            </div>
  202.                        </div>
  203.                        
  204.                         <p>事業生活 輕鬆同步成就</p>
  205.                    </div>
  206.                </div>
  207.            </div>
  208.            <div class="hsh_inner_nav_check" aria-hidden="true"></div>
  209.            <div class="hsh_main hsh_inner_nav">
  210.                <div class="hsh_section hsh_section--med hsh_section--margin-y-0 effect effect_up">
  211.                    <div class="hsh_inner_nav_container">
  212.                        <div class="hsh_select js-select hsh_inner_nav_select">
  213.                            <span class="js-select_display">總覽</span>
  214.                            <select name="nav" id="nav" aria-label="內頁菜單" class="js-list_select">
  215.                                <option value="#opOverview">總覽</option>
  216.                                
  217.                                <option value="#officeLoc">位置</option>
  218.                                
  219.                                <option value="#opVirtalTour">虛疑導覽</option>
  220.  
  221.                                <option value="#opNews">最新消息及推廣</option>
  222.                                
  223.                                                                <option value="#brochure">簡介</option>
  224.                                                                
  225.                                                             </select>
  226.                        </div>
  227.                        <div class="hsh_inner_nav_item_container">
  228.                            
  229.                            <button class="hsh_inner_nav_item" data-target="#opOverview" onclick="hshScrollTo('#opOverview')">總覽</button>
  230.                            
  231.                            <button class="hsh_inner_nav_item" data-target="#officeLoc" onclick="hshScrollTo('#officeLoc')">位置</button>
  232.  
  233.                            
  234.                                                        <button class="hsh_inner_nav_item" data-target="#opVirtalTour" onclick="hshScrollTo('#opVirtalTour')">虛疑導覽</button>
  235.                                                                                                                <button class="hsh_inner_nav_item" data-target="#brochure" onclick="hshScrollTo('#brochure')">簡介</button>
  236.                                                        <button class="hsh_inner_nav_item" data-target="#contact" onclick="hshScrollTo('#contact')">聯絡我們</button>
  237.                                
  238.                        </div>
  239.                        <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  240.                    </div>
  241.                </div>
  242.            </div>
  243.            <div class="overflow-hidden">
  244.                <div id="opOverview" class="hsh_main">
  245.                    <div class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-top-40 effect effect_up">
  246.                        <div class="hsh_row hsh_row--2_1 hsh_row--center ">
  247.                            <div class="hsh_col">
  248.                                <div class="hsh_content">
  249.                                                                        <div class="h2 orange_dot richtext">營商熱點,機遇無限</div>
  250.                                                                        <p>金融商業網絡成熟,餐飲娛樂應有盡有。</p>                                </div>
  251.                            </div>
  252.                            <div class="hsh_col">
  253.                                
  254.                                <div class="hsh_media hsh_media--logo hsh_media--center hsh_media--left-auto desktop_only">
  255.                                                                   </div>          
  256.                            </div>
  257.                        </div>
  258.                    </div>
  259.                    
  260.                    <div class="hsh_swiper swiper-container effect effect_up" data-col="3">
  261.                        <div class="swiper-wrapper">
  262.  
  263.                                                        <div class="swiper-slide">
  264.                                <div class="hsh_card">
  265.                                    <div class="hsh_content">
  266.                                        <div class="hsh_media hsh_media--icon">
  267.                                
  268.                                            <img src="/files/record/commercial/3/location-1713418359-1713757207.svg" alt="設備齊全">
  269.                                        </div>
  270.                                        <div class="h4">位處中心 配套齊備</div>
  271.                                        <p>位處中環心臟地帶,多元美食、消閒及名店林立,鄰近港鐵中環站,坐擁交通優勢,是您的營商首選。 &nbsp;</p>                                    </div>
  272.                                </div>
  273.                            </div>
  274.                                                        <div class="swiper-slide">
  275.                                <div class="hsh_card">
  276.                                    <div class="hsh_content">
  277.                                        <div class="hsh_media hsh_media--icon">
  278.                                
  279.                                            <img src="/files/record/commercial/3/goal-1713418436-1713757267.svg" alt="設備齊全">
  280.                                        </div>
  281.                                        <div class="h4">零售商務 專業管理</div>
  282.                                        <p>集辦公室及商舖於一身,並提供專業物業管理服務,為您締造理想商貿環境。</p>                                    </div>
  283.                                </div>
  284.                            </div>
  285.                                                        <div class="swiper-slide">
  286.                                <div class="hsh_card">
  287.                                    <div class="hsh_content">
  288.                                        <div class="hsh_media hsh_media--icon">
  289.                                
  290.                                            <img src="/files/record/commercial/3/friends-1713418489-1713757260.svg" alt="設備齊全">
  291.                                        </div>
  292.                                        <div class="h4">工作生活 輕鬆平衡</div>
  293.                                        <p>多間健身室近在咫尺,讓您可隨時鍛鍊身體,保持身心最佳狀態,是兼顧工作與生活的理想據點。</p>                                    </div>
  294.                                </div>
  295.                            </div>
  296.                                                        
  297.                        </div>
  298.                        <a class="hsh_btn hsh_btn--prev hsh_btn--prev_out swiper-prev" aria-label="Prev"></a>
  299.                        <a class="hsh_btn hsh_btn--next hsh_btn--next_out swiper-next" aria-label="Next"></a>
  300.                        <div class="hsh_swiper_nav swiper-bullets"></div>
  301.                    </div>
  302.                    <div class="margin-break margin-break--max-767"></div>                    
  303.  
  304.                                                            
  305.                    <div class="hsh_section">
  306.                        <div class="hsh_row hsh_row--1_1 hsh_row--center effect effect_up">
  307.                            <div class="hsh_col">
  308.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  309.                                    <img src="/files/record/commercial/3/05.31.2024_12.05.45-1717129761.webp" alt=""/>
  310.                                </div>
  311.                            </div>
  312.                            <div class="hsh_col">
  313.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  314.                                    <img src="/files/record/commercial/3/05.31.2024_12.10.29-1717129767.webp" alt=""/>
  315.                                </div>
  316.                            </div>
  317.                        </div>
  318.                    </div>
  319.                </div>
  320.  
  321.    
  322.  
  323.                <span id="officeLoc"></span>
  324.                                <div id="gravitLocation" class="hsh_main" >
  325.                    <div class="hsh_section hsh_section--med hsh_section--margin-bottom-24 effect effect_up">
  326.                        <div class="hsh_content">
  327.                            <div class="hsh_section_title hsh_section_title--side">
  328.                                <div class="h2 orange_dot">位置</div>
  329.                                                                                                <div class="h3">香港中環安慶臺1號</div>
  330.                                                            </div>
  331.                        </div>
  332.                    </div>
  333.                    <div class="hsh_pill hsh_pill--center effect effect_up">
  334.                        <div class="hsh_map hsh_map--full hsh_map--rect">
  335.                            <div id="gmap" class="transport map marker greyscale"></div>
  336.                        </div>
  337.                    </div>
  338.                </div>
  339.                                <div class="hsh_main">
  340.                                        <div id="opVirtalTour" class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-bottom-24 effect effect_up">
  341.                        <div class="hsh_content">          
  342.                                                        <div class="h2 orange_dot">虛疑導覽</div>
  343.                            
  344.                                                        <div class="hsh_tab hsh_tab--margin-bottom-0 js-tab">
  345.  
  346.                                                                                            
  347.                                <a href="#辦公室" class="js-tab_item active">辦公室</a>
  348.  
  349.                              
  350.                                      
  351.                            </div>
  352.                            
  353.                        </div>
  354.                    </div>
  355.                                
  356.                                        
  357.                    <div id="辦公室" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  358.                        <div class="hsh_pill_text">
  359.                            <div class="hsh_content">
  360.                                <div class="hsh_pill_unit">
  361.                                    <div class="h6 hsh_pill_unit_title">虛擬導覽單位面積</div>
  362.                                    <div class="hsh_pill_unit_numb">4,580 平方呎</div>
  363.                                </div>
  364.                                <div class="hsh_pill_unit_info">
  365.                                    <div class="hsh_pill_unit_info_item">
  366.                                        <div class="h6 hsh_pill_unit_title">每平方呎租金</div>
  367.                                        <p class="hsh_pill_unit_info_txt">$38 起</p>
  368.                                    </div>
  369.                                    <div class="hsh_pill_unit_info_item">
  370.                                        <div class="h6 hsh_pill_unit_title">可容納人數</div>
  371.                                        <p class="hsh_pill_unit_info_txt">最多30 人</p>
  372.                                    </div>
  373.                                    <div class="hsh_pill_unit_info_item">
  374.                                        <div class="h6 hsh_pill_unit_title"></div>
  375.                                        <p class="hsh_pill_unit_info_txt"> </p>
  376.                                    </div>
  377.                                </div>
  378.                                                                <div class="hsh_pill_btn_container">
  379.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  380.                                                                        <a href="https://my.matterport.com/show/?m=BVMoAA5SQFq"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  381.                                                                    </div>
  382.                            </div>
  383.                        </div>
  384.                        
  385.                        
  386.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  387.                                
  388.                                <a href="https://my.matterport.com/show/?m=BVMoAA5SQFq" target="_blank"><img src="/files/record/commercial/3/On_Hing-1722589837.jpg" alt=""></a>
  389.                            </div>
  390.                                                                                                
  391.                    </div>
  392.                    
  393.                                    
  394.                    
  395.                                        <hr id="test">
  396.                    
  397.                                                                                                  
  398.                    <div id="brochure" class="hsh_section hsh_section--med effect effect_up">
  399.                        <div class="hsh_content">
  400.                            <div class="hsh_section_title hsh_section_title--side-2">
  401.                                <div class="h2 orange_dot">簡介 </div>
  402.                                <p>物業資訊</p>
  403.                                <a href="/files/record/commercial/3/On_Hing_Building_Final_20240820-1724826054.pdf" class="hsh_link hsh_link--download" download>下載</a>
  404.                            </div>
  405.                        </div>
  406.                    </div>
  407.                    <hr/>
  408.                                        <div id="contact" class="hsh_section hsh_section--med effect effect_up">
  409.                        <div class="hsh_content">          
  410.                                
  411.                                <div class="h2 orange_dot">聯絡我們</div>
  412.                                                        <p></p>
  413.  
  414.                        
  415.                            <div class="hsh_tab js-tab">
  416.                                                                    <a href="#安慶大廈" class="js-tab_item active">安慶大廈</a>
  417.                                                            </div>
  418.                                          
  419.                                <div id="安慶大廈">
  420.                              
  421.                                                                        <div class="hsh_btn_list">
  422.                                        
  423.                                        <button class="hsh_btn hsh_btn--grey hsh_btn--form enquity-popup__btn" aria-label="Contact us"></button>
  424.  
  425.                                                                                                                                <a  href="tel:(852)66888262"  class="hsh_btn hsh_btn--grey hsh_btn--phone hsh_btn--text" aria-label="Phone"><span>(852) 6688 8262</span></a>
  426.                                                                                                                            <a href="https://bit.ly/4540Y4o" class="hsh_btn hsh_btn--grey hsh_btn--whatsapp" target="_blank" aria-label="Whatsapp"></a>
  427.                                                                                                                            <a href="mailto:office@hshd.com.hk" class="hsh_btn hsh_btn--grey hsh_btn--email" aria-label="Email"></a>
  428.                                                                                
  429.                                                                                <button class="hsh_btn hsh_btn--grey hsh_btn--wechat wechat_popup_btn" aria-label="Wechat">
  430.                                            <span class="wechat_popup_btn_desc">掃瞄二維碼與我們聯絡</span>
  431.                                            <img class="wechat_popup_btn_img" src="/files/record/commercial/3/Office_Plus_(2)-1717732271.png" alt="" aria-hidden="true">
  432.                                        </button>
  433.                                                                                
  434.                                    </div>
  435.                                                                    </div>
  436.                                                    </div>
  437.                    </div>
  438.  
  439.                </div>  
  440.  
  441.  
  442.            </div>    
  443.        </section>
  444.    </main>
  445.    <footer class="hsh_foot js-foot">    
  446.    <div class="hsh_main">
  447.        <div class="hsh_foot_container">    
  448.            <div class="hsh_foot_left hsh_foot_left--s">  
  449.                <div class="hsh_foot_logo">
  450.                    <a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" class="logo" /></a>
  451.                    <img src="/assets/images/logo_grow.svg" alt="Grow" class='tagline' />
  452.                </div>
  453.            </div>
  454.            <div class="hsh_foot_right hsh_foot_right--l">    
  455.                <div class="hsh_foot_menu">
  456.                    
  457.                    <span class="hsh_foot_menu_title">關於我們</span>
  458.                    <a href="/tc/our_purpose">我們的使命</a>
  459.                    <a href="/tc/our_community">我們的社區</a>
  460.                </div>
  461.                <div class="hsh_foot_menu">
  462.                    <a href="/tc/our_place" class="hsh_foot_menu_title">我們的業務</a>
  463.                    <a href="/tc/business" class="hsh_foot_menu_sub">商業</a>
  464.                    <a href="/tc/residential" class="hsh_foot_menu_sub">住宅</a>
  465.                    <a href="/tc/hospitality" class="hsh_foot_menu_sub">酒店及服務</a>
  466.                </div>
  467.                <div class="hsh_foot_menu">
  468.                    <a href="/tc/our_news" class="hsh_foot_menu_title">我們的消息</a>
  469.                    <a href="/tc/group_news">集團消息</a>
  470.                    
  471.                </div>
  472.                <div class="hsh_foot_menu">
  473.                    <a href="/tc/our_people" class="hsh_foot_menu_title">我們的團隊</a>
  474.                    <a href="/tc/our_support" class="hsh_foot_menu_title">聯絡我們</a>
  475.                </div>
  476.                <div class="hsh_foot_menu">
  477.                    <a href="/tc/faqs"></a>
  478.                    <a href="/tc/disclaimer">免責聲明</a>
  479.                    <a href="/tc/privacy">私隱政策</a>
  480.                    <a href="/tc/conduct">供應商守則</a>
  481.                    <a href="/tc/whistle">舉報政策</a>
  482.                    <a href="/tc/sitemap">網站地圖</a>
  483.                </div>
  484.            </div>
  485.        </div>
  486.        <div class="hsh_foot_container hsh_foot_container--award">
  487.            <div class="hsh_foot_left">    
  488.                <div class="hsh_foot_award">
  489.                                            <a><img src="/files/record/footer_awards/6/SES-1711507993-1712745741-1718593025.png" alt="社企" /></a>
  490.                                            <a><img src="/files/record/footer_awards/1/20_logo_R2-1709259644.png" alt="20 Caring Company" /></a>
  491.                                            <a><img src="/files/record/footer_awards/5/Silver_Member_158x100px_(1)-1710146766.png" alt="WWF" /></a>
  492.                                            <a><img src="/files/record/footer_awards/2/Happy_Company_10_Years_2024-1709798579.png" alt="HAPPY COMPANY 10 YEARS" /></a>
  493.                                            <a><img src="/files/record/footer_awards/7/Premium_GEC_logo2_-_HSH-1727689656.png" alt="僱主" /></a>
  494.                                            <a><img src="/files/record/footer_awards/8/SFFGE_logo2_-_HSH-1727689719.png" alt="僱主" /></a>
  495.                                            <a><img src="/files/record/footer_awards/4/Artboard 1-1703823707.png" alt="" /></a>
  496.                                            <a><img src="/files/record/footer_awards/3/logo_Age_Friendly_Hong_Kong-1703820739.png" alt="" /></a>
  497.                                    </div>
  498.                <div class="hsh_foot_text">
  499.                    2024©協成行發展有限公司版權所有<br/>
  500.                    <a href="https://firmstudio.com/" target="_blank" class="a11y-hidden">網站由 FirmStudio 設計</a>                    
  501.                </div>
  502.            </div>
  503.            <div class="hsh_foot_right">    
  504.                <a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook" aria-label="Facebook"></a>
  505.                <a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig"  aria-label="IG"></a>
  506.                <a href="https://www.linkedin.com/company/hip-shing-hong-group-of-companies" target="_blank" class="hsh_sns hsh_sns--linkedin" aria-label="Linkedin"></a>
  507.                <a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube"  aria-label="Youtube"></a>
  508.                <a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email"    aria-label="Email"></a>
  509.            </div>
  510.        </div>
  511.    </div>
  512. </footer>
  513.  
  514.  
  515.    <a href="#contact" class="hsh_btn hsh_btn--orange hsh_btn--phone fixed-bottom-btn"></a>
  516.  
  517.  
  518. <div class="hsh_pop js-pop">
  519.    <div class="hsh_pop_head">
  520.        <div class="hsh_pop_head_row">
  521.            <div class="hsh_pop_head_logo">
  522.                <img src="/assets/images/hsh.svg" alt="HSH" />      
  523.            </div>
  524.            <div class="hsh_pop_head_btn">
  525.                <a class="hsh_btn hsh_btn--close js-pop_close"></a>
  526.            </div>
  527.        </div>
  528.    </div>
  529.    <div class="hsh_pop_body">
  530.        <div class="hsh_main">
  531.            <div class="hsh_content js-pop_content"></div>                
  532.        </div>
  533.    </div>
  534. </div>
  535. <div class="wechat_popup">
  536.    <button class="wechat_popup_close" aria-label="Close this popup"></button>
  537.    <div class="wechat_popup_img_container">
  538.        <img src="" alt="Wechat Qrcode">
  539.    </div>
  540.    <p></p>
  541. </div>
  542.    <div class="enquity-popup">
  543.        <button class="enquity-popup__close enquity-popup__close-btn" aria-label="關閉聯絡我們表格"></button>
  544.        <div class="enquity-popup__outer">
  545.            <div class="enquity-popup__inner">
  546.                <div class="hsh_main">
  547.                    <div class="hsh_section hsh_section--med">
  548.                        <div class="hsh_content">
  549.                            <div class="h2">聯絡我們.</div>
  550.                            <p></p>
  551.                        </div>
  552.                        <form class="hsh_form enquity-form" id="contactForm" >
  553.                            <div class="hsh_form_col">
  554.                                <div class="cust-radio hsh_form_radio">
  555.                                    <input type="radio" id="type1" name="type" value="enquiry" required>
  556.                                    <label class="cust-radio__mask" for="type1" id="default_opt">查詢</label>
  557.                                </div>
  558.                                <div class="cust-radio hsh_form_radio">
  559.                                    <input type="radio" id="type2" name="type" value="book a tour" required>
  560.                                    <label class="cust-radio__mask" for="type2">預約參觀</label>
  561.                                </div>
  562.                            </div>
  563.                            <div class="hsh_form_col">
  564.                                <div class="hsh_select js-select hsh_form_select">
  565.                                    <label class="hsh_form_label" for="location">想查詢類別</label>
  566.                                    <span class="js-select_display">想查詢類別</span>
  567.                                    <select name="location" id="location" aria-label="Interested location" class="js-list_select">
  568.                                        
  569.                                                                                <option selected value="commercial">
  570.                                                                                            商業                                                                                    </option>
  571.                                                                                
  572.                                                                                <option value="retail">
  573.                                                                                         零售                                            
  574.                                        </option>
  575.                                                                                
  576.                                                                                <option value="industrial">
  577.                                                                                         工業                                            
  578.                                        </option>
  579.                                                                                
  580.                                                                                <option value="residential">
  581.                                                                                     住宅                                          
  582.                                        </option>
  583.                                                                                
  584.                                                                                <option value="hospitality">
  585.                                                                                     酒店及服務                                            
  586.                                        </option>
  587.                                                                                
  588.                                                                                <option value="others">
  589.                                                                                         其他                                          
  590.                                        </option>
  591.                                                                                                                    </select>
  592.                                </div>
  593.                            </div>
  594.  
  595.                            <div class="hsh_form_col">
  596.                                <label class="hsh_form_label" for="name">姓名 *</label>
  597.                                <input class="hsh_form_input" type="text" id="name" name="name" required>
  598.                            </div>
  599.                            <div class="hsh_form_col">
  600.                                <label class="hsh_form_label" for="email">電郵 *</label>
  601.                                <input class="hsh_form_input" type="email" id="email" name="email" required>
  602.                            </div>
  603.                            <div class="hsh_form_col hsh_form_col--15 has-value">
  604.                                <div class="hsh_select js-select hsh_form_select">
  605.                                    <label class="hsh_form_label" for="phoneCode">區號 </label>
  606.                                    <span class="js-select_display">+852</span>
  607.                                    <select name="phoneCode" id="phoneCode" aria-label="Phone code" class="js-list_select">
  608.                                        <option value="852">+852</option>
  609.                                        <option value="853">+853</option>
  610.                                        <option value="86">+86</option>
  611.                                    </select>
  612.                                </div>
  613.                            </div>
  614.                            <div class="hsh_form_col hsh_form_col--35">
  615.                                <label class="hsh_form_label" for="phone">電話號碼 *</label>
  616.                                <input class="hsh_form_input" type="phone" id="phone" name="phone" required>
  617.                            </div>
  618.                            <div class="hsh_form_col">
  619.                                <div class="hsh_select js-select hsh_form_select">
  620.                                    <label class="hsh_form_label" for="teamSize">單位面積/呎數</label>
  621.                                    <input class="hsh_form_input" type="number" name="teamSize" id="teamSize" >
  622.  
  623.                                </div>
  624.                            </div>
  625.                            <div class="hsh_form_col hsh_form_col--100">
  626.                                <label class="hsh_form_label" for="message">查詢內容</label>
  627.                                <input name="message" class="hsh_form_input" type="text" id="message" required>
  628.                            </div>
  629.                            <div class="hsh_form_col hsh_form_col--100">
  630.                                <div class="cust-checkbox hsh_form_checkbox">
  631.                                    <input name="marketing" type="checkbox" id="marketing" name="marketing" value="Yes" checked>
  632.                                    <label class="cust-checkbox__mask" for="marketing">本人同意接收任何協成行發展有限公司及其旗下公司之最新資訊或優惠。瀏覽集團的<a href="/tc/privacy" target="_blank">私隱政策</a>。                                </div>
  633.                            </div>
  634.                            <div class="hsh_form_btn_container">
  635.                                <button type="submit" class="hsh_link hsh_link--white">提交</button>
  636.                                <button type="reset" class="hsh_link hsh_link--white-border">取消</button>
  637.                            </div>
  638.                        </form>
  639.                        <div class="hsh_content enquity-form__thank">
  640.                            <div class="h3">多謝查詢</div>
  641.                        </div>
  642.                    </div>
  643.                </div>
  644.            </div>
  645.        </div>
  646.    </div>
  647. </body>
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656. <script>
  657.    googleMapMarkerBG = '/assets/images/map/rect.svg';
  658.    googleMapCenter   = {lat: 22.2805573, lng: 114.1564976, zoom:15};
  659.    googleMapProperty = [
  660.        {'lat': 22.2805573, 'lng': 114.1564976, 'w':362, 'h':488, 'x':77,  'y':460, 'valign':'bottom', 'align':'center', 'img':'/assets/images/map/OnHing.png', 'name':'安慶大廈', 'addr':'中環安慶臺1號', 'url_text':'網站', 'url':'https://leasing.hshd.com.hk/zh-hant/property/%e5%ae%89%e6%85%b6%e5%a4%a7%e5%bb%88/'},
  661.    ];
  662. </script>
  663. <script>
  664.    let data='';
  665.    $(document).ready(function () {
  666.        $("#default_opt").click();
  667.        $(document).on("click",`a[href=""]`, function (e) {
  668.            e.preventDefault();
  669.            e.stopPropagation();
  670.        });
  671.        
  672.        /* $("#contactForm").submit(function(e){
  673.            e.preventDefault();
  674.            $.ajax({
  675.                url: "https://www.hshd.com.hk/api/email_form",
  676.                method: "POST",
  677.                data: $("#contactForm").serializeArray(),
  678.                success: function(data) {
  679.                   console.log('success data')
  680.                   console.log($("#contactForm").serializeArray());
  681.                   console.log(data);
  682.                },
  683.                error: function(data) {
  684.                    console.log("email sent error");
  685.                    console.log(data);
  686.                }
  687.            });
  688.        }); */
  689.    });
  690. </script>
  691.  
  692.  
  693. </html>
  694.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda