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

  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/6/op-1714120708.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/office_plus">Office Plus</a>
  195.                            </div>
  196.                            <div class="hsh_crumb_title">
  197.                                <div class="hsh_crumb_title_main">
  198.                                    
  199.                                    <div class="h1 ">Office Plus</div>
  200.                                </div>
  201.                            </div>
  202.                        </div>
  203.                        
  204.                         <p>隨時起步 理想觸手可及</p>
  205.                    </div>
  206.                </div>
  207.            </div>
  208.            <div class="hsh_inner_nav_check" aria-hidden="true"></div>
  209.            <div class="hsh_main hsh_inner_nav">
  210.                <div class="hsh_section hsh_section--med hsh_section--margin-y-0 effect effect_up">
  211.                    <div class="hsh_inner_nav_container">
  212.                        <div class="hsh_select js-select hsh_inner_nav_select">
  213.                            <span class="js-select_display">總覽</span>
  214.                            <select name="nav" id="nav" aria-label="內頁菜單" class="js-list_select">
  215.                                <option value="#opOverview">總覽</option>
  216.                                
  217.                                <option value="#officeLoc">位置</option>
  218.                                
  219.                                <option value="#opVirtalTour">虛擬導覽</option>
  220.  
  221.                                <option value="#opNews">最新消息及推廣</option>
  222.                                
  223.                                                                <option value="#brochure">簡介</option>
  224.                                                                
  225.                                                             </select>
  226.                        </div>
  227.                        <div class="hsh_inner_nav_item_container">
  228.                            
  229.                            <button class="hsh_inner_nav_item" data-target="#opOverview" onclick="hshScrollTo('#opOverview')">總覽</button>
  230.                            
  231.                            <button class="hsh_inner_nav_item" data-target="#officeLoc" onclick="hshScrollTo('#officeLoc')">位置</button>
  232.  
  233.                            
  234.                                                        <button class="hsh_inner_nav_item" data-target="#opVirtalTour" onclick="hshScrollTo('#opVirtalTour')">虛擬導覽</button>
  235.                                                                                                                <button class="hsh_inner_nav_item" data-target="#brochure" onclick="hshScrollTo('#brochure')">簡介</button>
  236.                                                        <button class="hsh_inner_nav_item" data-target="#contact" onclick="hshScrollTo('#contact')">聯絡我們</button>
  237.                                
  238.                        </div>
  239.                        <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  240.                    </div>
  241.                </div>
  242.            </div>
  243.            <div class="overflow-hidden">
  244.                <div id="opOverview" class="hsh_main">
  245.                    <div class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-top-40 effect effect_up">
  246.                        <div class="hsh_row hsh_row--2_1 hsh_row--center ">
  247.                            <div class="hsh_col">
  248.                                <div class="hsh_content">
  249.                                                                        <div class="h2 orange_dot richtext">全方位配套,一站式辦公室方案</div>
  250.                                                                        <p>便捷辦公體驗,助您拓展業務。</p>                                </div>
  251.                            </div>
  252.                            <div class="hsh_col">
  253.                                
  254.                                <div class="hsh_media hsh_media--logo hsh_media--center hsh_media--left-auto desktop_only">
  255.                                                                       <img src="/files/record/commercial/6/office-plus-icon-1713415204.png" alt="office plus">
  256.                                                                    </div>          
  257.                            </div>
  258.                        </div>
  259.                    </div>
  260.                    
  261.                    <div class="hsh_swiper swiper-container effect effect_up" data-col="3">
  262.                        <div class="swiper-wrapper">
  263.  
  264.                                                        <div class="swiper-slide">
  265.                                <div class="hsh_card">
  266.                                    <div class="hsh_content">
  267.                                        <div class="hsh_media hsh_media--icon">
  268.                                
  269.                                            <img src="/files/record/commercial/6/location-1713416615.svg" alt="設備齊全">
  270.                                        </div>
  271.                                        <div class="h4">優越地段 貼合需求</div>
  272.                                        <p>簡約時尚辦公室位於上環、灣仔、旺角及太子各商業核心地段,盡享地利、交通之便;提供各種尺寸及佈局,部份更設經理室及會議室,是2至20人中小企及初創企業最佳選擇。</p>                                    </div>
  273.                                </div>
  274.                            </div>
  275.                                                        <div class="swiper-slide">
  276.                                <div class="hsh_card">
  277.                                    <div class="hsh_content">
  278.                                        <div class="hsh_media hsh_media--icon">
  279.                                
  280.                                            <img src="/files/record/commercial/6/calendar-1713416710.svg" alt="設備齊全">
  281.                                        </div>
  282.                                        <div class="h4">即租即用 租期靈活</div>
  283.                                        <p>辦公室齊備裝修及家俬,讓您隨時進駐,輕鬆開業;租期靈活且手續簡便,可短至3個月,迎合各類型業務需求 。</p>                                    </div>
  284.                                </div>
  285.                            </div>
  286.                                                        <div class="swiper-slide">
  287.                                <div class="hsh_card">
  288.                                    <div class="hsh_content">
  289.                                        <div class="hsh_media hsh_media--icon">
  290.                                
  291.                                            <img src="/files/record/commercial/6/goal-1713416825.svg" alt="設備齊全">
  292.                                        </div>
  293.                                        <div class="h4">專業管理 高效工作</div>
  294.                                        <p>辦公室全天候24小時開放使用,更特設專屬地址及提供專業服務以全面支援客戶所需,讓您專注業務,無後顧之憂地實踐工作目標。</p>                                    </div>
  295.                                </div>
  296.                            </div>
  297.                                                        <div class="swiper-slide">
  298.                                <div class="hsh_card">
  299.                                    <div class="hsh_content">
  300.                                        <div class="hsh_media hsh_media--icon">
  301.                                
  302.                                            <img src="/files/record/commercial/6/workplace-1713416587.svg" alt="設備齊全">
  303.                                        </div>
  304.                                        <div class="h4">環境舒適 用途多元</div>
  305.                                        <p>簡約設計營造舒適空間,理想環境讓您工作更得心應手;可於多用途空間The Collab,以專屬優惠舉行各類型會議及工作坊,甚至作陳列室之用。</p>                                    </div>
  306.                                </div>
  307.                            </div>
  308.                                                        <div class="swiper-slide">
  309.                                <div class="hsh_card">
  310.                                    <div class="hsh_content">
  311.                                        <div class="hsh_media hsh_media--icon">
  312.                                
  313.                                            <img src="/files/record/commercial/6/friends-1713416878.svg" alt="設備齊全">
  314.                                        </div>
  315.                                        <div class="h4">綠色辦公 推「可持續」</div>
  316.                                        <p>辦公室實踐可持續發展原則,善用現有優質的資源,減少裝修引起的碳足印及成本。</p>                                    </div>
  317.                                </div>
  318.                            </div>
  319.                                                        
  320.                        </div>
  321.                        <a class="hsh_btn hsh_btn--prev hsh_btn--prev_out swiper-prev" aria-label="Prev"></a>
  322.                        <a class="hsh_btn hsh_btn--next hsh_btn--next_out swiper-next" aria-label="Next"></a>
  323.                        <div class="hsh_swiper_nav swiper-bullets"></div>
  324.                    </div>
  325.                    <div class="margin-break margin-break--max-767"></div>                    
  326.  
  327.                                                            
  328.                    <div class="hsh_section">
  329.                        <div class="hsh_row hsh_row--1_1 hsh_row--center effect effect_up">
  330.                            <div class="hsh_col">
  331.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  332.                                    <img src="/files/record/commercial/6/op1-1714120805.jpg" alt="image1"/>
  333.                                </div>
  334.                            </div>
  335.                            <div class="hsh_col">
  336.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  337.                                    <img src="/files/record/commercial/6/op2-1714120815.jpg" alt="image2"/>
  338.                                </div>
  339.                            </div>
  340.                        </div>
  341.                    </div>
  342.                </div>
  343.  
  344.    
  345.  
  346.                <span id="officeLoc"></span>
  347.                                <div id="opOurOffice">
  348.                    <div class="two-blk effect effect_up">
  349.                        <div id="gmap" class="transport map marker greyscale two-blk__map"></div>
  350.                         <div class="two-blk__textarea">
  351.                            <div class="hsh_content">
  352.                                                                <div class="h2 orange_dot">位置</div>
  353.                                                                                                <div class="office-list">
  354.                                                                            <div class="office-list__item">
  355.                                            <div class="office-list__item-textarea">
  356.                                                <div class="office-list__item-title h4">上環</div>
  357.                                                上環永樂街93-103號                                            </div>
  358.                                            <a href="https://bit.ly/3Kmmp7t"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  359.                                        </div>    
  360.                                                                            <div class="office-list__item">
  361.                                            <div class="office-list__item-textarea">
  362.                                                <div class="office-list__item-title h4">灣仔</div>
  363.                                                灣仔軒尼詩道303號                                            </div>
  364.                                            <a href="https://bit.ly/3x4s26Y"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  365.                                        </div>    
  366.                                                                            <div class="office-list__item">
  367.                                            <div class="office-list__item-textarea">
  368.                                                <div class="office-list__item-title h4">太子</div>
  369.                                                太子彌敦道794-802號                                            </div>
  370.                                            <a href="https://bit.ly/3R2QSeb"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  371.                                        </div>    
  372.                                                                            <div class="office-list__item">
  373.                                            <div class="office-list__item-textarea">
  374.                                                <div class="office-list__item-title h4">旺角</div>
  375.                                                旺角廣東道998號                                            </div>
  376.                                            <a href="https://bit.ly/3X2YHEw"  target="_blank" class="hsh_link hsh_link--no-icon">聯絡我們</a>
  377.                                        </div>    
  378.                                    
  379.  
  380.                                </div>
  381.                            </div>
  382.                        </div>
  383.                    </div>
  384.                </div>
  385.                                <div class="hsh_main">
  386.                                        <div id="opVirtalTour" class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-bottom-24 effect effect_up">
  387.                        <div class="hsh_content">          
  388.                                                        <div class="h2 orange_dot">虛擬導覽</div>
  389.                            
  390.                                                        <div class="hsh_tab hsh_tab--margin-bottom-0 js-tab">
  391.  
  392.                                                                                            
  393.                                <a href="#灣仔" class="js-tab_item active">灣仔</a>
  394.  
  395.                                                                                            
  396.                                <a href="#上環" class="js-tab_item active">上環</a>
  397.  
  398.                                                                                            
  399.                                <a href="#太子" class="js-tab_item active">太子</a>
  400.  
  401.                                                                                            
  402.                                <a href="#旺角" class="js-tab_item active">旺角</a>
  403.  
  404.                              
  405.                                      
  406.                            </div>
  407.                            
  408.                        </div>
  409.                    </div>
  410.                                
  411.                                        
  412.                    <div id="灣仔" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  413.                        <div class="hsh_pill_text">
  414.                            <div class="hsh_content">
  415.                                <div class="hsh_pill_unit">
  416.                                    <div class="h6 hsh_pill_unit_title">可容納人數 </div>
  417.                                    <div class="hsh_pill_unit_numb">4 - 18 人</div>
  418.                                </div>
  419.                                <div class="hsh_pill_unit_info">
  420.                                    <div class="hsh_pill_unit_info_item">
  421.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽單位可容納人數 </div>
  422.                                        <p class="hsh_pill_unit_info_txt">7 人</p>
  423.                                    </div>
  424.                                    <div class="hsh_pill_unit_info_item">
  425.                                        <div class="h6 hsh_pill_unit_title">月租</div>
  426.                                        <p class="hsh_pill_unit_info_txt">$16,500 起</p>
  427.                                    </div>
  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"> </p>
  431.                                    </div>
  432.                                </div>
  433.                                                                <div class="hsh_pill_btn_container">
  434.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  435.                                                                        <a href="https://my.matterport.com/show/?m=UYcboSC4EmT"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  436.                                                                    </div>
  437.                            </div>
  438.                        </div>
  439.                        
  440.                        
  441.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  442.                                
  443.                                <a href="https://my.matterport.com/show/?m=UYcboSC4EmT" target="_blank"><img src="/files/record/commercial/6/opwc-1714122232.jpg" alt=""></a>
  444.                            </div>
  445.                                                                                                
  446.                    </div>
  447.                    
  448.                                        
  449.                    <div id="上環" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  450.                        <div class="hsh_pill_text">
  451.                            <div class="hsh_content">
  452.                                <div class="hsh_pill_unit">
  453.                                    <div class="h6 hsh_pill_unit_title">可容納人數</div>
  454.                                    <div class="hsh_pill_unit_numb">2 - 22 人</div>
  455.                                </div>
  456.                                <div class="hsh_pill_unit_info">
  457.                                    <div class="hsh_pill_unit_info_item">
  458.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽單位可容納人數 </div>
  459.                                        <p class="hsh_pill_unit_info_txt">18 人</p>
  460.                                    </div>
  461.                                    <div class="hsh_pill_unit_info_item">
  462.                                        <div class="h6 hsh_pill_unit_title">月租</div>
  463.                                        <p class="hsh_pill_unit_info_txt">$8,200 起</p>
  464.                                    </div>
  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"> </p>
  468.                                    </div>
  469.                                </div>
  470.                                                                <div class="hsh_pill_btn_container">
  471.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  472.                                                                        <a href="https://my.matterport.com/show/?m=oUhrdx6Sdic"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  473.                                                                    </div>
  474.                            </div>
  475.                        </div>
  476.                        
  477.                        
  478.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  479.                                
  480.                                <a href="https://my.matterport.com/show/?m=oUhrdx6Sdic" target="_blank"><img src="/files/record/commercial/6/opsw-1714122166.jpg" alt=""></a>
  481.                            </div>
  482.                                                                                                
  483.                    </div>
  484.                    
  485.                                        
  486.                    <div id="太子" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  487.                        <div class="hsh_pill_text">
  488.                            <div class="hsh_content">
  489.                                <div class="hsh_pill_unit">
  490.                                    <div class="h6 hsh_pill_unit_title">可容納人數</div>
  491.                                    <div class="hsh_pill_unit_numb">2 - 8 人</div>
  492.                                </div>
  493.                                <div class="hsh_pill_unit_info">
  494.                                    <div class="hsh_pill_unit_info_item">
  495.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽單位可容納人數 </div>
  496.                                        <p class="hsh_pill_unit_info_txt">4 人</p>
  497.                                    </div>
  498.                                    <div class="hsh_pill_unit_info_item">
  499.                                        <div class="h6 hsh_pill_unit_title">月租</div>
  500.                                        <p class="hsh_pill_unit_info_txt">$9,900 起</p>
  501.                                    </div>
  502.                                    <div class="hsh_pill_unit_info_item">
  503.                                        <div class="h6 hsh_pill_unit_title"></div>
  504.                                        <p class="hsh_pill_unit_info_txt"> </p>
  505.                                    </div>
  506.                                </div>
  507.                                                                <div class="hsh_pill_btn_container">
  508.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  509.                                                                        <a href="https://my.matterport.com/show/?m=FYHpD3oJWTT"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  510.                                                                    </div>
  511.                            </div>
  512.                        </div>
  513.                        
  514.                        
  515.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  516.                                
  517.                                <a href="https://my.matterport.com/show/?m=FYHpD3oJWTT" target="_blank"><img src="/files/record/commercial/6/oppe-1714122310.jpg" alt=""></a>
  518.                            </div>
  519.                                                                                                
  520.                    </div>
  521.                    
  522.                                        
  523.                    <div id="旺角" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  524.                        <div class="hsh_pill_text">
  525.                            <div class="hsh_content">
  526.                                <div class="hsh_pill_unit">
  527.                                    <div class="h6 hsh_pill_unit_title">可容納人數 </div>
  528.                                    <div class="hsh_pill_unit_numb">4 - 17 人</div>
  529.                                </div>
  530.                                <div class="hsh_pill_unit_info">
  531.                                    <div class="hsh_pill_unit_info_item">
  532.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽單位可容納人數</div>
  533.                                        <p class="hsh_pill_unit_info_txt"> 4 人</p>
  534.                                    </div>
  535.                                    <div class="hsh_pill_unit_info_item">
  536.                                        <div class="h6 hsh_pill_unit_title">月租</div>
  537.                                        <p class="hsh_pill_unit_info_txt">$12,500 起</p>
  538.                                    </div>
  539.                                    <div class="hsh_pill_unit_info_item">
  540.                                        <div class="h6 hsh_pill_unit_title"></div>
  541.                                        <p class="hsh_pill_unit_info_txt"> </p>
  542.                                    </div>
  543.                                </div>
  544.                                                                <div class="hsh_pill_btn_container">
  545.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  546.                                                                        <a href="https://my.matterport.com/show/?m=erTEDYaPK6t"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  547.                                                                    </div>
  548.                            </div>
  549.                        </div>
  550.                        
  551.                        
  552.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  553.                                
  554.                                <a href="https://my.matterport.com/show/?m=erTEDYaPK6t" target="_blank"><img src="/files/record/commercial/6/opmk-1714122412.jpg" alt=""></a>
  555.                            </div>
  556.                                                                                                
  557.                    </div>
  558.                    
  559.                                    
  560.                    
  561.                                        <hr id="test">
  562.                    
  563.                                                                                                  
  564.                    <div id="brochure" class="hsh_section hsh_section--med effect effect_up">
  565.                        <div class="hsh_content">
  566.                            <div class="hsh_section_title hsh_section_title--side-2">
  567.                                <div class="h2 orange_dot">簡介 </div>
  568.                                <p>物業資訊</p>
  569.                                <a href="/files/record/commercial/6/Office_Plus_Final_0902-1725847814.pdf" class="hsh_link hsh_link--download" download>下載</a>
  570.                            </div>
  571.                        </div>
  572.                    </div>
  573.                    <hr/>
  574.                                        <div id="contact" class="hsh_section hsh_section--med effect effect_up">
  575.                        <div class="hsh_content">          
  576.                                
  577.                                <div class="h2 orange_dot">聯絡我們</div>
  578.                                                        <p></p>
  579.  
  580.                        
  581.                            <div class="hsh_tab js-tab">
  582.                                                                    <a href="#OfficePlus" class="js-tab_item active">Office Plus</a>
  583.                                                            </div>
  584.                                          
  585.                                <div id="OfficePlus">
  586.                              
  587.                                                                        <div class="hsh_btn_list">
  588.                                        
  589.                                        <button class="hsh_btn hsh_btn--grey hsh_btn--form enquity-popup__btn" aria-label="Contact us"></button>
  590.  
  591.                                                                                                                                <a  href="tel:85266886603"  class="hsh_btn hsh_btn--grey hsh_btn--phone hsh_btn--text" aria-label="Phone"><span>+852 6688 6603</span></a>
  592.                                                                                                                            <a href="https://bit.ly/4e4EBQi" class="hsh_btn hsh_btn--grey hsh_btn--whatsapp" target="_blank" aria-label="Whatsapp"></a>
  593.                                                                                                                            <a href="mailto:officeplus@hshd.com.hk" class="hsh_btn hsh_btn--grey hsh_btn--email" aria-label="Email"></a>
  594.                                                                                
  595.                                                                                <button class="hsh_btn hsh_btn--grey hsh_btn--wechat wechat_popup_btn" aria-label="Wechat">
  596.                                            <span class="wechat_popup_btn_desc">掃瞄二維碼與我們聯絡</span>
  597.                                            <img class="wechat_popup_btn_img" src="/files/record/commercial/6/Office_Plus_(2)-1717147964.png" alt="" aria-hidden="true">
  598.                                        </button>
  599.                                                                                
  600.                                    </div>
  601.                                                                    </div>
  602.                                                    </div>
  603.                    </div>
  604.  
  605.                </div>  
  606.  
  607.  
  608.            </div>    
  609.        </section>
  610.    </main>
  611.    <footer class="hsh_foot js-foot">    
  612.    <div class="hsh_main">
  613.        <div class="hsh_foot_container">    
  614.            <div class="hsh_foot_left hsh_foot_left--s">  
  615.                <div class="hsh_foot_logo">
  616.                    <a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" class="logo" /></a>
  617.                    <img src="/assets/images/logo_grow.svg" alt="Grow" class='tagline' />
  618.                </div>
  619.            </div>
  620.            <div class="hsh_foot_right hsh_foot_right--l">    
  621.                <div class="hsh_foot_menu">
  622.                    
  623.                    <span class="hsh_foot_menu_title">關於我們</span>
  624.                    <a href="/tc/our_purpose">我們的使命</a>
  625.                    <a href="/tc/our_community">我們的社區</a>
  626.                </div>
  627.                <div class="hsh_foot_menu">
  628.                    <a href="/tc/our_place" class="hsh_foot_menu_title">我們的業務</a>
  629.                    <a href="/tc/business" class="hsh_foot_menu_sub">商業</a>
  630.                    <a href="/tc/residential" class="hsh_foot_menu_sub">住宅</a>
  631.                    <a href="/tc/hospitality" class="hsh_foot_menu_sub">酒店及服務</a>
  632.                </div>
  633.                <div class="hsh_foot_menu">
  634.                    <a href="/tc/our_news" class="hsh_foot_menu_title">我們的消息</a>
  635.                    <a href="/tc/group_news">集團消息</a>
  636.                    
  637.                </div>
  638.                <div class="hsh_foot_menu">
  639.                    <a href="/tc/our_people" class="hsh_foot_menu_title">我們的團隊</a>
  640.                    <a href="/tc/our_support" class="hsh_foot_menu_title">聯絡我們</a>
  641.                </div>
  642.                <div class="hsh_foot_menu">
  643.                    <a href="/tc/faqs"></a>
  644.                    <a href="/tc/disclaimer">免責聲明</a>
  645.                    <a href="/tc/privacy">私隱政策</a>
  646.                    <a href="/tc/conduct">供應商守則</a>
  647.                    <a href="/tc/whistle">舉報政策</a>
  648.                    <a href="/tc/sitemap">網站地圖</a>
  649.                </div>
  650.            </div>
  651.        </div>
  652.        <div class="hsh_foot_container hsh_foot_container--award">
  653.            <div class="hsh_foot_left">    
  654.                <div class="hsh_foot_award">
  655.                                            <a><img src="/files/record/footer_awards/6/SES-1711507993-1712745741-1718593025.png" alt="社企" /></a>
  656.                                            <a><img src="/files/record/footer_awards/1/20_logo_R2-1709259644.png" alt="20 Caring Company" /></a>
  657.                                            <a><img src="/files/record/footer_awards/5/Silver_Member_158x100px_(1)-1710146766.png" alt="WWF" /></a>
  658.                                            <a><img src="/files/record/footer_awards/2/Happy_Company_10_Years_2024-1709798579.png" alt="HAPPY COMPANY 10 YEARS" /></a>
  659.                                            <a><img src="/files/record/footer_awards/7/Premium_GEC_logo2_-_HSH-1727689656.png" alt="僱主" /></a>
  660.                                            <a><img src="/files/record/footer_awards/8/SFFGE_logo2_-_HSH-1727689719.png" alt="僱主" /></a>
  661.                                            <a><img src="/files/record/footer_awards/4/Artboard 1-1703823707.png" alt="" /></a>
  662.                                            <a><img src="/files/record/footer_awards/3/logo_Age_Friendly_Hong_Kong-1703820739.png" alt="" /></a>
  663.                                    </div>
  664.                <div class="hsh_foot_text">
  665.                    2024©協成行發展有限公司版權所有<br/>
  666.                    <a href="https://firmstudio.com/" target="_blank" class="a11y-hidden">網站由 FirmStudio 設計</a>                    
  667.                </div>
  668.            </div>
  669.            <div class="hsh_foot_right">    
  670.                <a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook" aria-label="Facebook"></a>
  671.                <a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig"  aria-label="IG"></a>
  672.                <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>
  673.                <a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube"  aria-label="Youtube"></a>
  674.                <a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email"    aria-label="Email"></a>
  675.            </div>
  676.        </div>
  677.    </div>
  678. </footer>
  679.  
  680.  
  681.    <a href="#contact" class="hsh_btn hsh_btn--orange hsh_btn--phone fixed-bottom-btn"></a>
  682.  
  683.  
  684. <div class="hsh_pop js-pop">
  685.    <div class="hsh_pop_head">
  686.        <div class="hsh_pop_head_row">
  687.            <div class="hsh_pop_head_logo">
  688.                <img src="/assets/images/hsh.svg" alt="HSH" />      
  689.            </div>
  690.            <div class="hsh_pop_head_btn">
  691.                <a class="hsh_btn hsh_btn--close js-pop_close"></a>
  692.            </div>
  693.        </div>
  694.    </div>
  695.    <div class="hsh_pop_body">
  696.        <div class="hsh_main">
  697.            <div class="hsh_content js-pop_content"></div>                
  698.        </div>
  699.    </div>
  700. </div>
  701. <div class="wechat_popup">
  702.    <button class="wechat_popup_close" aria-label="Close this popup"></button>
  703.    <div class="wechat_popup_img_container">
  704.        <img src="" alt="Wechat Qrcode">
  705.    </div>
  706.    <p></p>
  707. </div>
  708.    <div class="enquity-popup">
  709.        <button class="enquity-popup__close enquity-popup__close-btn" aria-label="關閉聯絡我們表格"></button>
  710.        <div class="enquity-popup__outer">
  711.            <div class="enquity-popup__inner">
  712.                <div class="hsh_main">
  713.                    <div class="hsh_section hsh_section--med">
  714.                        <div class="hsh_content">
  715.                            <div class="h2">聯絡我們.</div>
  716.                            <p></p>
  717.                        </div>
  718.                        <form class="hsh_form enquity-form" id="contactForm" >
  719.                            <div class="hsh_form_col">
  720.                                <div class="cust-radio hsh_form_radio">
  721.                                    <input type="radio" id="type1" name="type" value="enquiry" required>
  722.                                    <label class="cust-radio__mask" for="type1" id="default_opt">查詢</label>
  723.                                </div>
  724.                                <div class="cust-radio hsh_form_radio">
  725.                                    <input type="radio" id="type2" name="type" value="book a tour" required>
  726.                                    <label class="cust-radio__mask" for="type2">預約參觀</label>
  727.                                </div>
  728.                            </div>
  729.                            <div class="hsh_form_col">
  730.                                <div class="hsh_select js-select hsh_form_select">
  731.                                    <label class="hsh_form_label" for="location">想查詢類別</label>
  732.                                    <span class="js-select_display">想查詢類別</span>
  733.                                    <select name="location" id="location" aria-label="Interested location" class="js-list_select">
  734.                                        
  735.                                                                                <option selected value="commercial">
  736.                                                                                            商業                                                                                    </option>
  737.                                                                                
  738.                                                                                <option value="retail">
  739.                                                                                         零售                                            
  740.                                        </option>
  741.                                                                                
  742.                                                                                <option value="industrial">
  743.                                                                                         工業                                            
  744.                                        </option>
  745.                                                                                
  746.                                                                                <option value="residential">
  747.                                                                                     住宅                                          
  748.                                        </option>
  749.                                                                                
  750.                                                                                <option value="hospitality">
  751.                                                                                     酒店及服務                                            
  752.                                        </option>
  753.                                                                                
  754.                                                                                <option value="others">
  755.                                                                                         其他                                          
  756.                                        </option>
  757.                                                                                                                    </select>
  758.                                </div>
  759.                            </div>
  760.  
  761.                            <div class="hsh_form_col">
  762.                                <label class="hsh_form_label" for="name">姓名 *</label>
  763.                                <input class="hsh_form_input" type="text" id="name" name="name" required>
  764.                            </div>
  765.                            <div class="hsh_form_col">
  766.                                <label class="hsh_form_label" for="email">電郵 *</label>
  767.                                <input class="hsh_form_input" type="email" id="email" name="email" required>
  768.                            </div>
  769.                            <div class="hsh_form_col hsh_form_col--15 has-value">
  770.                                <div class="hsh_select js-select hsh_form_select">
  771.                                    <label class="hsh_form_label" for="phoneCode">區號 </label>
  772.                                    <span class="js-select_display">+852</span>
  773.                                    <select name="phoneCode" id="phoneCode" aria-label="Phone code" class="js-list_select">
  774.                                        <option value="852">+852</option>
  775.                                        <option value="853">+853</option>
  776.                                        <option value="86">+86</option>
  777.                                    </select>
  778.                                </div>
  779.                            </div>
  780.                            <div class="hsh_form_col hsh_form_col--35">
  781.                                <label class="hsh_form_label" for="phone">電話號碼 *</label>
  782.                                <input class="hsh_form_input" type="phone" id="phone" name="phone" required>
  783.                            </div>
  784.                            <div class="hsh_form_col">
  785.                                <div class="hsh_select js-select hsh_form_select">
  786.                                    <label class="hsh_form_label" for="teamSize">單位面積/呎數</label>
  787.                                    <input class="hsh_form_input" type="number" name="teamSize" id="teamSize" >
  788.  
  789.                                </div>
  790.                            </div>
  791.                            <div class="hsh_form_col hsh_form_col--100">
  792.                                <label class="hsh_form_label" for="message">查詢內容</label>
  793.                                <input name="message" class="hsh_form_input" type="text" id="message" required>
  794.                            </div>
  795.                            <div class="hsh_form_col hsh_form_col--100">
  796.                                <div class="cust-checkbox hsh_form_checkbox">
  797.                                    <input name="marketing" type="checkbox" id="marketing" name="marketing" value="Yes" checked>
  798.                                    <label class="cust-checkbox__mask" for="marketing">本人同意接收任何協成行發展有限公司及其旗下公司之最新資訊或優惠。瀏覽集團的<a href="/tc/privacy" target="_blank">私隱政策</a>。                                </div>
  799.                            </div>
  800.                            <div class="hsh_form_btn_container">
  801.                                <button type="submit" class="hsh_link hsh_link--white">提交</button>
  802.                                <button type="reset" class="hsh_link hsh_link--white-border">取消</button>
  803.                            </div>
  804.                        </form>
  805.                        <div class="hsh_content enquity-form__thank">
  806.                            <div class="h3">多謝查詢</div>
  807.                        </div>
  808.                    </div>
  809.                </div>
  810.            </div>
  811.        </div>
  812.    </div>
  813. </body>
  814.  
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821.  
  822. <script>
  823.    googleMapMarkerBG = '/assets/images/map/rect.svg';
  824.    googleMapCenter   = {lat: 22.304994714359832, lng: 114.16407898408198, zoom:13};
  825.    googleMapProperty = [
  826.        {'lat': 22.317285,  'lng': 114.1676927, 'w':422, 'h':460, 'x':100, 'y':445, 'valign':'center', 'align':'left',  'img':'/assets/images/map/OfficePlusMongKok.png',   'name':'協成行旺角中心',    'addr':'旺角廣東道998號', 'url_text':'網站', 'url':'https://www.hkofficeplus.com/tc-mongkok'},
  827.        {'lat': 22.3261886, 'lng': 114.1681573, 'w':698, 'h':562, 'x':244, 'y':474, 'valign':'center', 'align':'left',   'img':'/assets/images/map/OfficePlusPrinceEdward.png', 'name':'協成行太子中心',    'addr':'太子彌敦道794-802號', 'url_text':'網站', 'url':'https://www.hkofficeplus.com/tc-princeedward'},
  828.        {'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'},
  829.        {'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'},
  830.    ];
  831. </script>
  832. <script>
  833.    let data='';
  834.    $(document).ready(function () {
  835.        $("#default_opt").click();
  836.        $(document).on("click",`a[href=""]`, function (e) {
  837.            e.preventDefault();
  838.            e.stopPropagation();
  839.        });
  840.        
  841.        /* $("#contactForm").submit(function(e){
  842.            e.preventDefault();
  843.            $.ajax({
  844.                url: "https://www.hshd.com.hk/api/email_form",
  845.                method: "POST",
  846.                data: $("#contactForm").serializeArray(),
  847.                success: function(data) {
  848.                   console.log('success data')
  849.                   console.log($("#contactForm").serializeArray());
  850.                   console.log(data);
  851.                },
  852.                error: function(data) {
  853.                    console.log("email sent error");
  854.                    console.log(data);
  855.                }
  856.            });
  857.        }); */
  858.    });
  859. </script>
  860.  
  861.  
  862. </html>
  863.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda