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

  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/5/SW_Luxe_classroom_16pax_06-1717130160.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/the_collab">The Collab</a>
  195.                            </div>
  196.                            <div class="hsh_crumb_title">
  197.                                <div class="hsh_crumb_title_main">
  198.                                    
  199.                                    <div class="h1 ">The Collab</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.                                                              
  236.                            <button class="hsh_inner_nav_item" data-target="#opNews" onclick="hshScrollTo('#opNews')">最新消息及推廣</button>
  237.                                                                                    <button class="hsh_inner_nav_item" data-target="#brochure" onclick="hshScrollTo('#brochure')">簡介</button>
  238.                                                        <button class="hsh_inner_nav_item" data-target="#contact" onclick="hshScrollTo('#contact')">聯絡我們</button>
  239.                                
  240.                        </div>
  241.                        <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  242.                    </div>
  243.                </div>
  244.            </div>
  245.            <div class="overflow-hidden">
  246.                <div id="opOverview" class="hsh_main">
  247.                    <div class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-top-40 effect effect_up">
  248.                        <div class="hsh_row hsh_row--2_1 hsh_row--center ">
  249.                            <div class="hsh_col">
  250.                                <div class="hsh_content">
  251.                                                                        <div class="h2 orange_dot richtext">時尚及功能兼備,全面滿足多元需求</div>
  252.                                                                        <p>地點優越且設備齊全及間格靈活,策辦活動不二之選。</p>                                </div>
  253.                            </div>
  254.                            <div class="hsh_col">
  255.                                
  256.                                <div class="hsh_media hsh_media--logo hsh_media--center hsh_media--left-auto desktop_only">
  257.                                                                       <img src="/files/record/commercial/5/collab-icon-1713418001.png" alt="the collab">
  258.                                                                    </div>          
  259.                            </div>
  260.                        </div>
  261.                    </div>
  262.                    
  263.                    <div class="hsh_swiper swiper-container effect effect_up" data-col="3">
  264.                        <div class="swiper-wrapper">
  265.  
  266.                                                        <div class="swiper-slide">
  267.                                <div class="hsh_card">
  268.                                    <div class="hsh_content">
  269.                                        <div class="hsh_media hsh_media--icon">
  270.                                
  271.                                            <img src="/files/record/commercial/5/location-1713418359.svg" alt="設備齊全">
  272.                                        </div>
  273.                                        <div class="h4">三大地點 連繫四方</div>
  274.                                        <p>三個多用途場地分別坐落於上環、灣仔及佐敦,地點四通八達,是舉辦任何類型活動的理想之選。</p>                                    </div>
  275.                                </div>
  276.                            </div>
  277.                                                        <div class="swiper-slide">
  278.                                <div class="hsh_card">
  279.                                    <div class="hsh_content">
  280.                                        <div class="hsh_media hsh_media--icon">
  281.                                
  282.                                            <img src="/files/record/commercial/5/calendar-1713418400.svg" alt="設備齊全">
  283.                                        </div>
  284.                                        <div class="h4">彈性預約 貼心支援</div>
  285.                                        <p>接受按小時或日數預約,更可為您度身訂造活動方案、佈置場地,以及安排娛樂設備及餐飲到會,助您一站式籌辦活動。</p>                                    </div>
  286.                                </div>
  287.                            </div>
  288.                                                        <div class="swiper-slide">
  289.                                <div class="hsh_card">
  290.                                    <div class="hsh_content">
  291.                                        <div class="hsh_media hsh_media--icon">
  292.                                
  293.                                            <img src="/files/record/commercial/5/workplace-1713418321.svg" alt="設備齊全">
  294.                                        </div>
  295.                                        <div class="h4">間格靈活 一應俱全</div>
  296.                                        <p>場地設計時尚、用途多樣,可設置成課室、講座、培訓、視像會議、企業活動甚至私人派對場地,同時齊備無線上網、電腦、影音系統等設備,全面滿足您的需求。</p>                                    </div>
  297.                                </div>
  298.                            </div>
  299.                                                        
  300.                        </div>
  301.                        <a class="hsh_btn hsh_btn--prev hsh_btn--prev_out swiper-prev" aria-label="Prev"></a>
  302.                        <a class="hsh_btn hsh_btn--next hsh_btn--next_out swiper-next" aria-label="Next"></a>
  303.                        <div class="hsh_swiper_nav swiper-bullets"></div>
  304.                    </div>
  305.                    <div class="margin-break margin-break--max-767"></div>                    
  306.  
  307.                                                            
  308.                    <div class="hsh_section">
  309.                        <div class="hsh_row hsh_row--1_1 hsh_row--center effect effect_up">
  310.                            <div class="hsh_col">
  311.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  312.                                    <img src="/files/record/commercial/5/home-img-5-1024x656-1713758217.jpg" alt="image1"/>
  313.                                </div>
  314.                            </div>
  315.                            <div class="hsh_col">
  316.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  317.                                    <img src="/files/record/commercial/5/WC_Luxe_Classroom_2430_pax_06-1713758224.jpg" alt="img alt"/>
  318.                                </div>
  319.                            </div>
  320.                        </div>
  321.                    </div>
  322.                </div>
  323.  
  324.    
  325.  
  326.                <span id="officeLoc"></span>
  327.                                <div id="opOurOffice">
  328.                    <div class="two-blk effect effect_up">
  329.                        <div id="gmap" class="transport map marker greyscale two-blk__map"></div>
  330.                         <div class="two-blk__textarea">
  331.                            <div class="hsh_content">
  332.                                                                <div class="h2 orange_dot">位置</div>
  333.                                                                                                <div class="office-list">
  334.                                                                            <div class="office-list__item">
  335.                                            <div class="office-list__item-textarea">
  336.                                                <div class="office-list__item-title h4">上環</div>
  337.                                                上環永樂街93-103號協成行上環中心20樓                                            </div>
  338.                                            <a href="https://bit.ly/4bF6InF"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  339.                                        </div>    
  340.                                                                            <div class="office-list__item">
  341.                                            <div class="office-list__item-textarea">
  342.                                                <div class="office-list__item-title h4">灣仔</div>
  343.                                                灣仔軒尼詩道303號協成行灣仔中心24樓                                            </div>
  344.                                            <a href="https://bit.ly/3V3dixh"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  345.                                        </div>    
  346.                                                                            <div class="office-list__item">
  347.                                            <div class="office-list__item-textarea">
  348.                                                <div class="office-list__item-title h4">佐敦</div>
  349.                                                佐敦彌敦道192-194號協成行九龍中心14樓                                            </div>
  350.                                            <a href="https://bit.ly/451JfL3"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  351.                                        </div>    
  352.                                    
  353.  
  354.                                </div>
  355.                            </div>
  356.                        </div>
  357.                    </div>
  358.                </div>
  359.                                <div class="hsh_main">
  360.                                        <div id="opVirtalTour" class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-bottom-24 effect effect_up">
  361.                        <div class="hsh_content">          
  362.                                                        <div class="h2 orange_dot">虛疑導覽</div>
  363.                            
  364.                                                        <div class="hsh_tab hsh_tab--margin-bottom-0 js-tab">
  365.  
  366.                                                                                            
  367.                                <a href="#上環" class="js-tab_item active">上環</a>
  368.  
  369.                                                                                            
  370.                                <a href="#灣仔" class="js-tab_item active">灣仔</a>
  371.  
  372.                                                                                            
  373.                                <a href="#佐敦" class="js-tab_item active">佐敦</a>
  374.  
  375.                              
  376.                                      
  377.                            </div>
  378.                            
  379.                        </div>
  380.                    </div>
  381.                                
  382.                                        
  383.                    <div id="上環" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  384.                        <div class="hsh_pill_text">
  385.                            <div class="hsh_content">
  386.                                <div class="hsh_pill_unit">
  387.                                    <div class="h6 hsh_pill_unit_title"></div>
  388.                                    <div class="hsh_pill_unit_numb">上環</div>
  389.                                </div>
  390.                                <div class="hsh_pill_unit_info">
  391.                                    <div class="hsh_pill_unit_info_item">
  392.                                        <div class="h6 hsh_pill_unit_title">單層建築面積</div>
  393.                                        <p class="hsh_pill_unit_info_txt">245-793 平方呎 (8-50人)</p>
  394.                                    </div>
  395.                                    <div class="hsh_pill_unit_info_item">
  396.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽場地面積</div>
  397.                                        <p class="hsh_pill_unit_info_txt">790 平方呎</p>
  398.                                    </div>
  399.                                    <div class="hsh_pill_unit_info_item">
  400.                                        <div class="h6 hsh_pill_unit_title">時租</div>
  401.                                        <p class="hsh_pill_unit_info_txt">$350起 </p>
  402.                                    </div>
  403.                                </div>
  404.                                                                <div class="hsh_pill_btn_container">
  405.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  406.                                                                        <a href="https://my.matterport.com/show/?m=cqNHPqxoaTi"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  407.                                                                    </div>
  408.                            </div>
  409.                        </div>
  410.                        
  411.                        
  412.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  413.                                
  414.                                <a href="https://my.matterport.com/show/?m=cqNHPqxoaTi" target="_blank"><img src="/files/record/commercial/5/SW_Website-1726827070.png" alt=""></a>
  415.                            </div>
  416.                                                                                                
  417.                    </div>
  418.                    
  419.                                        
  420.                    <div id="灣仔" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  421.                        <div class="hsh_pill_text">
  422.                            <div class="hsh_content">
  423.                                <div class="hsh_pill_unit">
  424.                                    <div class="h6 hsh_pill_unit_title"></div>
  425.                                    <div class="hsh_pill_unit_numb">灣仔</div>
  426.                                </div>
  427.                                <div class="hsh_pill_unit_info">
  428.                                    <div class="hsh_pill_unit_info_item">
  429.                                        <div class="h6 hsh_pill_unit_title">單層建築面積</div>
  430.                                        <p class="hsh_pill_unit_info_txt">280-800 平方呎 (8-80人)</p>
  431.                                    </div>
  432.                                    <div class="hsh_pill_unit_info_item">
  433.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽場地面積</div>
  434.                                        <p class="hsh_pill_unit_info_txt">800 平方呎</p>
  435.                                    </div>
  436.                                    <div class="hsh_pill_unit_info_item">
  437.                                        <div class="h6 hsh_pill_unit_title">時租</div>
  438.                                        <p class="hsh_pill_unit_info_txt">$605 起 </p>
  439.                                    </div>
  440.                                </div>
  441.                                                                <div class="hsh_pill_btn_container">
  442.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  443.                                                                        <a href="https://my.matterport.com/show/?m=ctGCr2qdx95"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  444.                                                                    </div>
  445.                            </div>
  446.                        </div>
  447.                        
  448.                        
  449.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  450.                                
  451.                                <a href="https://my.matterport.com/show/?m=ctGCr2qdx95" target="_blank"><img src="/files/record/commercial/5/WC_Website-1726826054.png" alt=""></a>
  452.                            </div>
  453.                                                                                                
  454.                    </div>
  455.                    
  456.                                        
  457.                    <div id="佐敦" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  458.                        <div class="hsh_pill_text">
  459.                            <div class="hsh_content">
  460.                                <div class="hsh_pill_unit">
  461.                                    <div class="h6 hsh_pill_unit_title"></div>
  462.                                    <div class="hsh_pill_unit_numb">佐敦</div>
  463.                                </div>
  464.                                <div class="hsh_pill_unit_info">
  465.                                    <div class="hsh_pill_unit_info_item">
  466.                                        <div class="h6 hsh_pill_unit_title">單層建築面積</div>
  467.                                        <p class="hsh_pill_unit_info_txt">548-588 平方呎 (2-32人)</p>
  468.                                    </div>
  469.                                    <div class="hsh_pill_unit_info_item">
  470.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽場地面積</div>
  471.                                        <p class="hsh_pill_unit_info_txt">588 平方呎</p>
  472.                                    </div>
  473.                                    <div class="hsh_pill_unit_info_item">
  474.                                        <div class="h6 hsh_pill_unit_title">時租</div>
  475.                                        <p class="hsh_pill_unit_info_txt">$780 起 </p>
  476.                                    </div>
  477.                                </div>
  478.                                                                <div class="hsh_pill_btn_container">
  479.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  480.                                                                        <a href="https://my.matterport.com/show/?m=UPfi3bT8YMt"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  481.                                                                    </div>
  482.                            </div>
  483.                        </div>
  484.                        
  485.                        
  486.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  487.                                
  488.                                <a href="https://my.matterport.com/show/?m=UPfi3bT8YMt" target="_blank"><img src="/files/record/commercial/5/JordanWebsite-1726826375.png" alt=""></a>
  489.                            </div>
  490.                                                                                                
  491.                    </div>
  492.                    
  493.                                    
  494.                    
  495.                                    
  496.                    <div class="hsh_section hsh_section--med hsh_section--top effect effect_up">
  497.                        <div class="hsh_content">
  498.                            <div class="hsh_section_title hsh_section_title--side">
  499.                                                            </div>
  500.                        </div>
  501.                    </div>
  502.                    <div class="hsh_row hsh_row--1_1_1  effect effect_up">
  503.                        
  504.                    </div>
  505.                                        <hr id="test">
  506.                                        <div id="opNews" class="hsh_section hsh_section--med hsh_section--top effect effect_up">
  507.                        <div class="hsh_content">
  508.                            <div class="hsh_section_title hsh_section_title--side">
  509.                                <div class="h2 orange_dot">最新消息及推廣</div>
  510.                            </div>
  511.                        </div>
  512.                    </div>
  513.                    
  514.                                                            <div class="hsh_swiper hsh_swiper--med swiper-container effect effect_up" data-col="3">
  515.                        <div class="swiper-wrapper">
  516.                            
  517.                                                
  518.                            <div class="swiper-slide">
  519.                                <div class="hsh_content">
  520.                                    <div class="hsh_media hsh_media--8x5 hsh_media--round">
  521.                                        <a href="/tc/news_detail?id=26">
  522.                                                                                        <img src="/files/record/news/26/NGO-feed_Website_R2-1729073719.png" alt="">
  523.                                                                                    </a>    
  524.                                    </div>
  525.                                    <div class="h4"><a href="/tc/news_detail?id=26">The Collab 慈善機構尊屬租場優惠</a></div>
  526.                                                                        <div class="p">2024-10-17 | </div>
  527.                                </div>
  528.                            </div>
  529.                                
  530.                                                        
  531.                        </div>
  532.                    </div>
  533.                                                            <hr/>
  534.                                                          
  535.                    <div id="brochure" class="hsh_section hsh_section--med effect effect_up">
  536.                        <div class="hsh_content">
  537.                            <div class="hsh_section_title hsh_section_title--side-2">
  538.                                <div class="h2 orange_dot">簡介 </div>
  539.                                <p>物業資訊</p>
  540.                                <a href="/files/record/commercial/5/The_Collab_Final_20240820-1724826517.pdf" class="hsh_link hsh_link--download" download>下載</a>
  541.                            </div>
  542.                        </div>
  543.                    </div>
  544.                    <hr/>
  545.                                        <div id="contact" class="hsh_section hsh_section--med effect effect_up">
  546.                        <div class="hsh_content">          
  547.                                
  548.                                <div class="h2 orange_dot">聯絡我們</div>
  549.                                                        <p></p>
  550.  
  551.                        
  552.                            <div class="hsh_tab js-tab">
  553.                                                                    <a href="#TheCollab" class="js-tab_item active">The Collab</a>
  554.                                                            </div>
  555.                                          
  556.                                <div id="TheCollab">
  557.                              
  558.                                                                        <div class="hsh_btn_list">
  559.                                        
  560.                                        <button class="hsh_btn hsh_btn--grey hsh_btn--form enquity-popup__btn" aria-label="Contact us"></button>
  561.  
  562.                                                                                                                                <a  href="tel:85236919911"  class="hsh_btn hsh_btn--grey hsh_btn--phone hsh_btn--text" aria-label="Phone"><span>+852 3691 9911</span></a>
  563.                                                                                                                            <a href="https://bit.ly/4c3XqBD" class="hsh_btn hsh_btn--grey hsh_btn--whatsapp" target="_blank" aria-label="Whatsapp"></a>
  564.                                                                                                                            <a href="mailto:thecollab@hshd.com.hk" class="hsh_btn hsh_btn--grey hsh_btn--email" aria-label="Email"></a>
  565.                                                                                
  566.                                                                                <button class="hsh_btn hsh_btn--grey hsh_btn--wechat wechat_popup_btn" aria-label="Wechat">
  567.                                            <span class="wechat_popup_btn_desc">掃瞄二維碼與我們聯絡</span>
  568.                                            <img class="wechat_popup_btn_img" src="/files/record/commercial/5/qrcode-1713421769.jpg" alt="" aria-hidden="true">
  569.                                        </button>
  570.                                                                                
  571.                                    </div>
  572.                                                                    </div>
  573.                                                    </div>
  574.                    </div>
  575.  
  576.                </div>  
  577.  
  578.  
  579.            </div>    
  580.        </section>
  581.    </main>
  582.    <footer class="hsh_foot js-foot">    
  583.    <div class="hsh_main">
  584.        <div class="hsh_foot_container">    
  585.            <div class="hsh_foot_left hsh_foot_left--s">  
  586.                <div class="hsh_foot_logo">
  587.                    <a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" class="logo" /></a>
  588.                    <img src="/assets/images/logo_grow.svg" alt="Grow" class='tagline' />
  589.                </div>
  590.            </div>
  591.            <div class="hsh_foot_right hsh_foot_right--l">    
  592.                <div class="hsh_foot_menu">
  593.                    
  594.                    <span class="hsh_foot_menu_title">關於我們</span>
  595.                    <a href="/tc/our_purpose">我們的使命</a>
  596.                    <a href="/tc/our_community">我們的社區</a>
  597.                </div>
  598.                <div class="hsh_foot_menu">
  599.                    <a href="/tc/our_place" class="hsh_foot_menu_title">我們的業務</a>
  600.                    <a href="/tc/business" class="hsh_foot_menu_sub">商業</a>
  601.                    <a href="/tc/residential" class="hsh_foot_menu_sub">住宅</a>
  602.                    <a href="/tc/hospitality" class="hsh_foot_menu_sub">酒店及服務</a>
  603.                </div>
  604.                <div class="hsh_foot_menu">
  605.                    <a href="/tc/our_news" class="hsh_foot_menu_title">我們的消息</a>
  606.                    <a href="/tc/group_news">集團消息</a>
  607.                    
  608.                </div>
  609.                <div class="hsh_foot_menu">
  610.                    <a href="/tc/our_people" class="hsh_foot_menu_title">我們的團隊</a>
  611.                    <a href="/tc/our_support" class="hsh_foot_menu_title">聯絡我們</a>
  612.                </div>
  613.                <div class="hsh_foot_menu">
  614.                    <a href="/tc/faqs"></a>
  615.                    <a href="/tc/disclaimer">免責聲明</a>
  616.                    <a href="/tc/privacy">私隱政策</a>
  617.                    <a href="/tc/conduct">供應商守則</a>
  618.                    <a href="/tc/whistle">舉報政策</a>
  619.                    <a href="/tc/sitemap">網站地圖</a>
  620.                </div>
  621.            </div>
  622.        </div>
  623.        <div class="hsh_foot_container hsh_foot_container--award">
  624.            <div class="hsh_foot_left">    
  625.                <div class="hsh_foot_award">
  626.                                            <a><img src="/files/record/footer_awards/6/SES-1711507993-1712745741-1718593025.png" alt="社企" /></a>
  627.                                            <a><img src="/files/record/footer_awards/1/20_logo_R2-1709259644.png" alt="20 Caring Company" /></a>
  628.                                            <a><img src="/files/record/footer_awards/5/Silver_Member_158x100px_(1)-1710146766.png" alt="WWF" /></a>
  629.                                            <a><img src="/files/record/footer_awards/2/Happy_Company_10_Years_2024-1709798579.png" alt="HAPPY COMPANY 10 YEARS" /></a>
  630.                                            <a><img src="/files/record/footer_awards/7/Premium_GEC_logo2_-_HSH-1727689656.png" alt="僱主" /></a>
  631.                                            <a><img src="/files/record/footer_awards/8/SFFGE_logo2_-_HSH-1727689719.png" alt="僱主" /></a>
  632.                                            <a><img src="/files/record/footer_awards/4/Artboard 1-1703823707.png" alt="" /></a>
  633.                                            <a><img src="/files/record/footer_awards/3/logo_Age_Friendly_Hong_Kong-1703820739.png" alt="" /></a>
  634.                                    </div>
  635.                <div class="hsh_foot_text">
  636.                    2024©協成行發展有限公司版權所有<br/>
  637.                    <a href="https://firmstudio.com/" target="_blank" class="a11y-hidden">網站由 FirmStudio 設計</a>                    
  638.                </div>
  639.            </div>
  640.            <div class="hsh_foot_right">    
  641.                <a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook" aria-label="Facebook"></a>
  642.                <a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig"  aria-label="IG"></a>
  643.                <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>
  644.                <a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube"  aria-label="Youtube"></a>
  645.                <a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email"    aria-label="Email"></a>
  646.            </div>
  647.        </div>
  648.    </div>
  649. </footer>
  650.  
  651.  
  652.    <a href="#contact" class="hsh_btn hsh_btn--orange hsh_btn--phone fixed-bottom-btn"></a>
  653.  
  654.  
  655. <div class="hsh_pop js-pop">
  656.    <div class="hsh_pop_head">
  657.        <div class="hsh_pop_head_row">
  658.            <div class="hsh_pop_head_logo">
  659.                <img src="/assets/images/hsh.svg" alt="HSH" />      
  660.            </div>
  661.            <div class="hsh_pop_head_btn">
  662.                <a class="hsh_btn hsh_btn--close js-pop_close"></a>
  663.            </div>
  664.        </div>
  665.    </div>
  666.    <div class="hsh_pop_body">
  667.        <div class="hsh_main">
  668.            <div class="hsh_content js-pop_content"></div>                
  669.        </div>
  670.    </div>
  671. </div>
  672. <div class="wechat_popup">
  673.    <button class="wechat_popup_close" aria-label="Close this popup"></button>
  674.    <div class="wechat_popup_img_container">
  675.        <img src="" alt="Wechat Qrcode">
  676.    </div>
  677.    <p></p>
  678. </div>
  679.    <div class="enquity-popup">
  680.        <button class="enquity-popup__close enquity-popup__close-btn" aria-label="關閉聯絡我們表格"></button>
  681.        <div class="enquity-popup__outer">
  682.            <div class="enquity-popup__inner">
  683.                <div class="hsh_main">
  684.                    <div class="hsh_section hsh_section--med">
  685.                        <div class="hsh_content">
  686.                            <div class="h2">聯絡我們.</div>
  687.                            <p></p>
  688.                        </div>
  689.                        <form class="hsh_form enquity-form" id="contactForm" >
  690.                            <div class="hsh_form_col">
  691.                                <div class="cust-radio hsh_form_radio">
  692.                                    <input type="radio" id="type1" name="type" value="enquiry" required>
  693.                                    <label class="cust-radio__mask" for="type1" id="default_opt">查詢</label>
  694.                                </div>
  695.                                <div class="cust-radio hsh_form_radio">
  696.                                    <input type="radio" id="type2" name="type" value="book a tour" required>
  697.                                    <label class="cust-radio__mask" for="type2">預約參觀</label>
  698.                                </div>
  699.                            </div>
  700.                            <div class="hsh_form_col">
  701.                                <div class="hsh_select js-select hsh_form_select">
  702.                                    <label class="hsh_form_label" for="location">想查詢類別</label>
  703.                                    <span class="js-select_display">想查詢類別</span>
  704.                                    <select name="location" id="location" aria-label="Interested location" class="js-list_select">
  705.                                        
  706.                                                                                <option selected value="commercial">
  707.                                                                                            商業                                                                                    </option>
  708.                                                                                
  709.                                                                                <option value="retail">
  710.                                                                                         零售                                            
  711.                                        </option>
  712.                                                                                
  713.                                                                                <option value="industrial">
  714.                                                                                         工業                                            
  715.                                        </option>
  716.                                                                                
  717.                                                                                <option value="residential">
  718.                                                                                     住宅                                          
  719.                                        </option>
  720.                                                                                
  721.                                                                                <option value="hospitality">
  722.                                                                                     酒店及服務                                            
  723.                                        </option>
  724.                                                                                
  725.                                                                                <option value="others">
  726.                                                                                         其他                                          
  727.                                        </option>
  728.                                                                                                                    </select>
  729.                                </div>
  730.                            </div>
  731.  
  732.                            <div class="hsh_form_col">
  733.                                <label class="hsh_form_label" for="name">姓名 *</label>
  734.                                <input class="hsh_form_input" type="text" id="name" name="name" required>
  735.                            </div>
  736.                            <div class="hsh_form_col">
  737.                                <label class="hsh_form_label" for="email">電郵 *</label>
  738.                                <input class="hsh_form_input" type="email" id="email" name="email" required>
  739.                            </div>
  740.                            <div class="hsh_form_col hsh_form_col--15 has-value">
  741.                                <div class="hsh_select js-select hsh_form_select">
  742.                                    <label class="hsh_form_label" for="phoneCode">區號 </label>
  743.                                    <span class="js-select_display">+852</span>
  744.                                    <select name="phoneCode" id="phoneCode" aria-label="Phone code" class="js-list_select">
  745.                                        <option value="852">+852</option>
  746.                                        <option value="853">+853</option>
  747.                                        <option value="86">+86</option>
  748.                                    </select>
  749.                                </div>
  750.                            </div>
  751.                            <div class="hsh_form_col hsh_form_col--35">
  752.                                <label class="hsh_form_label" for="phone">電話號碼 *</label>
  753.                                <input class="hsh_form_input" type="phone" id="phone" name="phone" required>
  754.                            </div>
  755.                            <div class="hsh_form_col">
  756.                                <div class="hsh_select js-select hsh_form_select">
  757.                                    <label class="hsh_form_label" for="teamSize">單位面積/呎數</label>
  758.                                    <input class="hsh_form_input" type="number" name="teamSize" id="teamSize" >
  759.  
  760.                                </div>
  761.                            </div>
  762.                            <div class="hsh_form_col hsh_form_col--100">
  763.                                <label class="hsh_form_label" for="message">查詢內容</label>
  764.                                <input name="message" class="hsh_form_input" type="text" id="message" required>
  765.                            </div>
  766.                            <div class="hsh_form_col hsh_form_col--100">
  767.                                <div class="cust-checkbox hsh_form_checkbox">
  768.                                    <input name="marketing" type="checkbox" id="marketing" name="marketing" value="Yes" checked>
  769.                                    <label class="cust-checkbox__mask" for="marketing">本人同意接收任何協成行發展有限公司及其旗下公司之最新資訊或優惠。瀏覽集團的<a href="/tc/privacy" target="_blank">私隱政策</a>。                                </div>
  770.                            </div>
  771.                            <div class="hsh_form_btn_container">
  772.                                <button type="submit" class="hsh_link hsh_link--white">提交</button>
  773.                                <button type="reset" class="hsh_link hsh_link--white-border">取消</button>
  774.                            </div>
  775.                        </form>
  776.                        <div class="hsh_content enquity-form__thank">
  777.                            <div class="h3">多謝查詢</div>
  778.                        </div>
  779.                    </div>
  780.                </div>
  781.            </div>
  782.        </div>
  783.    </div>
  784. </body>
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793. <script>
  794.    googleMapMarkerBG = '/assets/images/map/rect.svg';
  795.    googleMapCenter   = {lat: 22.304994714359832, lng: 114.16407898408198, zoom:13};
  796.    googleMapProperty = [
  797.        {'lat': 22.3034279, 'lng': 114.1719798, 'w':469, 'h':479, 'x':155, 'y':413, 'valign':'bottom', 'align':'right', 'img':'/assets/images/map/HipShingHongKowloonCentre.png', 'name':'協成行九龍中心', 'addr':'香港彌敦道192-194號協成行九龍中心14樓', 'url_text':'', 'url':''},
  798.        {'lat': 22.2860456, 'lng': 114.1517039, 'w':558, 'h':424, 'x':207, 'y':279, 'valign':'top',    'align':'left',   'img':'/assets/images/map/OfficePlusSheungWan.png',    'name':'協成行上環中心',    'addr':'上環永樂街93-103號', 'url_text':'網站', 'url':'https://www.hkofficeplus.com/tc-sheungwan'},
  799.        {'lat': 22.2783772, 'lng': 114.1776866, 'w':498, 'h':566, 'x':141, 'y':491, 'valign':'bottom', 'align':'center', 'img':'/assets/images/map/OfficePlusWanChai.png',      'name':'協成行灣仔中心',    'addr':'灣仔軒尼詩道303號 ', 'url_text':'網站', 'url':'https://www.hkofficeplus.com/tc-wanchai'},
  800.    ];
  801. </script>
  802. <script>
  803.    let data='';
  804.    $(document).ready(function () {
  805.        $("#default_opt").click();
  806.        $(document).on("click",`a[href=""]`, function (e) {
  807.            e.preventDefault();
  808.            e.stopPropagation();
  809.        });
  810.        
  811.        /* $("#contactForm").submit(function(e){
  812.            e.preventDefault();
  813.            $.ajax({
  814.                url: "https://www.hshd.com.hk/api/email_form",
  815.                method: "POST",
  816.                data: $("#contactForm").serializeArray(),
  817.                success: function(data) {
  818.                   console.log('success data')
  819.                   console.log($("#contactForm").serializeArray());
  820.                   console.log(data);
  821.                },
  822.                error: function(data) {
  823.                    console.log("email sent error");
  824.                    console.log(data);
  825.                }
  826.            });
  827.        }); */
  828.    });
  829. </script>
  830.  
  831.  
  832. </html>
  833.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda