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

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