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

  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/10/gravity-1714114745.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/gravity">萬有引力</a>
  195.                            </div>
  196.                            <div class="hsh_crumb_title">
  197.                                <div class="hsh_crumb_title_main">
  198.                                    
  199.                                    <div class="h1 ">萬有引力</div>
  200.                                </div>
  201.                            </div>
  202.                        </div>
  203.                        
  204.                         <p>啟航創科之旅 開啟未來大門</p>
  205.                    </div>
  206.                </div>
  207.            </div>
  208.            <div class="hsh_inner_nav_check" aria-hidden="true"></div>
  209.            <div class="hsh_main hsh_inner_nav">
  210.                <div class="hsh_section hsh_section--med hsh_section--margin-y-0 effect effect_up">
  211.                    <div class="hsh_inner_nav_container">
  212.                        <div class="hsh_select js-select hsh_inner_nav_select">
  213.                            <span class="js-select_display">總覽</span>
  214.                            <select name="nav" id="nav" aria-label="內頁菜單" class="js-list_select">
  215.                                <option value="#opOverview">總覽</option>
  216.                                
  217.                                <option value="#officeLoc">位置</option>
  218.                                
  219.                                <option value="#opVirtalTour">虛疑導覽</option>
  220.  
  221.                                <option value="#opNews">最新消息及推廣</option>
  222.                                
  223.                                                                <option value="#brochure">簡介</option>
  224.                                                                
  225.                                                             </select>
  226.                        </div>
  227.                        <div class="hsh_inner_nav_item_container">
  228.                            
  229.                            <button class="hsh_inner_nav_item" data-target="#opOverview" onclick="hshScrollTo('#opOverview')">總覽</button>
  230.                            
  231.                            <button class="hsh_inner_nav_item" data-target="#officeLoc" onclick="hshScrollTo('#officeLoc')">位置</button>
  232.  
  233.                            
  234.                                                        <button class="hsh_inner_nav_item" data-target="#opVirtalTour" onclick="hshScrollTo('#opVirtalTour')">虛疑導覽</button>
  235.                                                                                                                <button class="hsh_inner_nav_item" data-target="#brochure" onclick="hshScrollTo('#brochure')">簡介</button>
  236.                                                        <button class="hsh_inner_nav_item" data-target="#contact" onclick="hshScrollTo('#contact')">聯絡我們</button>
  237.                                
  238.                        </div>
  239.                        <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  240.                    </div>
  241.                </div>
  242.            </div>
  243.            <div class="overflow-hidden">
  244.                <div id="opOverview" class="hsh_main">
  245.                    <div class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-top-40 effect effect_up">
  246.                        <div class="hsh_row hsh_row--2_1 hsh_row--center ">
  247.                            <div class="hsh_col">
  248.                                <div class="hsh_content">
  249.                                                                        <div class="h2 orange_dot richtext">投入創新氛圍  ,塑造無限可能</div>
  250.                                                                        <p>革新生活及工作模式,建構新一代空間。</p>                                </div>
  251.                            </div>
  252.                            <div class="hsh_col">
  253.                                
  254.                                <div class="hsh_media hsh_media--logo hsh_media--center hsh_media--left-auto desktop_only">
  255.                                                                       <img src="/files/record/commercial/10/gravity-logo2-1713755929.webp" alt="">
  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/10/location-1713409828.svg" alt="設備齊全">
  270.                                        </div>
  271.                                        <div class="h4">核心位置 彈性工作</div>
  272.                                        <p>位於香港第二核心商業區——觀塘,坐擁便利交通及開揚景觀兩大優勢。工作室全天候24小時開放使用,讓您隨時投入工作,提升工作效率。</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/10/workplace-1713409763.svg" alt="設備齊全">
  281.                                        </div>
  282.                                        <div class="h4">嶄新地標 突破設計</div>
  283.                                        <p>六角形外牆設計以化學原理為靈感,象徵創新力量;整個室內設計以宇宙為藍本,啟迪探索精神,風格嶄新。</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/10/goal-1713409976.svg" alt="設備齊全">
  292.                                        </div>
  293.                                        <div class="h4">先進科技 實踐環保 </div>
  294.                                        <p>採用先進能源管理系統,以及可阻隔高溫的低放射性塗層雙層窗玻璃,有效減少能源消耗,達至環保目標。</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/10/calendar-1713409919.svg" alt="設備齊全">
  303.                                        </div>
  304.                                        <div class="h4">智能管理 出入簡便</div>
  305.                                        <p>專業管理讓您擁有安全的辦公環境,設置智能感應器可一卡輕鬆進出大廈。</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/10/friends-1713409989.svg" alt="設備齊全">
  314.                                        </div>
  315.                                        <div class="h4">寵物友善 愉快工作</div>
  316.                                        <p>提倡寵物友善,讓您攜同愛寵上班,生活與工作取得最佳平衡。</p>                                    </div>
  317.                                </div>
  318.                            </div>
  319.                                                        <div class="swiper-slide">
  320.                                <div class="hsh_card">
  321.                                    <div class="hsh_content">
  322.                                        <div class="hsh_media hsh_media--icon">
  323.                                
  324.                                            <img src="/files/record/commercial/10/charging-station-1716967163.svg" alt="設備齊全">
  325.                                        </div>
  326.                                        <div class="h4">設泊車位 電車充電</div>
  327.                                        <p>設有停車場方便租戶及訪客使用,泊位充足,更設有電動車充電系統。 &nbsp;</p>                                    </div>
  328.                                </div>
  329.                            </div>
  330.                                                        
  331.                        </div>
  332.                        <a class="hsh_btn hsh_btn--prev hsh_btn--prev_out swiper-prev" aria-label="Prev"></a>
  333.                        <a class="hsh_btn hsh_btn--next hsh_btn--next_out swiper-next" aria-label="Next"></a>
  334.                        <div class="hsh_swiper_nav swiper-bullets"></div>
  335.                    </div>
  336.                    <div class="margin-break margin-break--max-767"></div>                    
  337.  
  338.                                                            <div class="hsh_section hsh_section--med hsh_section--top effect effect_up">
  339.                        <div class="hsh_row hsh_row--center">
  340.                            <div class="hsh_col">
  341.                                <div class="hsh_content">
  342.                                    <div class="hsh_pill_unit_info">
  343.                                        <div class="hsh_pill_unit_info_item">
  344.                                            <p class="hsh_pill_unit_info_txt _large">30</p>
  345.                                            <div class="h6 hsh_pill_unit_title">層</div>
  346.                                        </div>
  347.                                        <div class="hsh_pill_unit_info_item">
  348.                                            <p class="hsh_pill_unit_info_txt _large">1,110 - 9,340 平方呎</p>
  349.                                            <div class="h6 hsh_pill_unit_title">單層建築面積</div>
  350.                                        </div>
  351.                                        <div class="hsh_pill_unit_info_item">
  352.                                            <p class="hsh_pill_unit_info_txt _large">130,280 平方呎</p>
  353.                                            <div class="h6 hsh_pill_unit_title">總建築面積 </div>
  354.                                        </div>
  355.                                        <div class="hsh_pill_unit_info_item">
  356.                                            <p class="hsh_pill_unit_info_txt _large"></p>
  357.                                            <div class="h6 hsh_pill_unit_title"></div>
  358.                                        </div>
  359.                                    </div>
  360.                                    <div class="h4"></div>
  361.                                    <ul class="dot-outside">
  362.                                        <p><img src="/files/record/commercial/10/gravity_building_c-1715254107.png" alt="gravity_building_c-1715254107.png" width="309" height="1097"></p>                                    </ul>
  363.                                </div>
  364.                            </div>
  365.                        </div>
  366.                    </div>
  367.                                        
  368.                    <div class="hsh_section">
  369.                        <div class="hsh_row hsh_row--1_1 hsh_row--center effect effect_up">
  370.                            <div class="hsh_col">
  371.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  372.                                    <img src="/files/record/commercial/10/gravity1-1714116502.jpg" alt="img1 alt"/>
  373.                                </div>
  374.                            </div>
  375.                            <div class="hsh_col">
  376.                                <div class="hsh_media hsh_media--8x5 hsh_media--round">
  377.                                    <img src="/files/record/commercial/10/photo_1-1717138681.jpg" alt="image2 alt"/>
  378.                                </div>
  379.                            </div>
  380.                        </div>
  381.                    </div>
  382.                </div>
  383.  
  384.    
  385.  
  386.                <span id="officeLoc"></span>
  387.                                <div id="gravitLocation" class="hsh_main" >
  388.                    <div class="hsh_section hsh_section--med hsh_section--margin-bottom-24 effect effect_up">
  389.                        <div class="hsh_content">
  390.                            <div class="hsh_section_title hsh_section_title--side">
  391.                                <div class="h2 orange_dot">位置</div>
  392.                                                                                                <div class="h3">香港觀塘興業街29號</div>
  393.                                                            </div>
  394.                        </div>
  395.                    </div>
  396.                    <div class="hsh_pill hsh_pill--center effect effect_up">
  397.                        <div class="hsh_map hsh_map--full hsh_map--rect">
  398.                            <div id="gmap" class="transport map marker greyscale"></div>
  399.                        </div>
  400.                    </div>
  401.                </div>
  402.                                <div class="hsh_main">
  403.                                        <div id="opVirtalTour" class="hsh_section hsh_section--med hsh_section--top hsh_section--margin-bottom-24 effect effect_up">
  404.                        <div class="hsh_content">          
  405.                                                        <div class="h2 orange_dot">虛疑導覽</div>
  406.                            
  407.                                                        <div class="hsh_tab hsh_tab--margin-bottom-0 js-tab">
  408.  
  409.                                                                                            
  410.                                <a href="#工作室_1" class="js-tab_item active">工作室 1</a>
  411.  
  412.                                                                                            
  413.                                <a href="#工作室_2" class="js-tab_item active">工作室 2</a>
  414.  
  415.                                                                                            
  416.                                <a href="#工作室_3" class="js-tab_item active">工作室 3</a>
  417.  
  418.                              
  419.                                      
  420.                            </div>
  421.                            
  422.                        </div>
  423.                    </div>
  424.                                
  425.                                        
  426.                    <div id="工作室_1" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  427.                        <div class="hsh_pill_text">
  428.                            <div class="hsh_content">
  429.                                <div class="hsh_pill_unit">
  430.                                    <div class="h6 hsh_pill_unit_title">虛擬導覽工作室</div>
  431.                                    <div class="hsh_pill_unit_numb">工作室 1</div>
  432.                                </div>
  433.                                <div class="hsh_pill_unit_info">
  434.                                    <div class="hsh_pill_unit_info_item">
  435.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽工作室面積</div>
  436.                                        <p class="hsh_pill_unit_info_txt">1,370 平方呎</p>
  437.                                    </div>
  438.                                    <div class="hsh_pill_unit_info_item">
  439.                                        <div class="h6 hsh_pill_unit_title">每平方呎租金</div>
  440.                                        <p class="hsh_pill_unit_info_txt">$17 起</p>
  441.                                    </div>
  442.                                    <div class="hsh_pill_unit_info_item">
  443.                                        <div class="h6 hsh_pill_unit_title"></div>
  444.                                        <p class="hsh_pill_unit_info_txt"> </p>
  445.                                    </div>
  446.                                </div>
  447.                                                                <div class="hsh_pill_btn_container">
  448.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  449.                                                                        <a href="https://my.matterport.com/show/?m=E957eDgHMqf"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  450.                                                                    </div>
  451.                            </div>
  452.                        </div>
  453.                        
  454.                        
  455.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  456.                                
  457.                                <a href="https://my.matterport.com/show/?m=E957eDgHMqf" target="_blank"><img src="/files/record/commercial/10/802-1714119466.jpg" alt=""></a>
  458.                            </div>
  459.                                                                                                
  460.                    </div>
  461.                    
  462.                                        
  463.                    <div id="工作室_2" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  464.                        <div class="hsh_pill_text">
  465.                            <div class="hsh_content">
  466.                                <div class="hsh_pill_unit">
  467.                                    <div class="h6 hsh_pill_unit_title">虛擬導覽工作室</div>
  468.                                    <div class="hsh_pill_unit_numb">工作室 2</div>
  469.                                </div>
  470.                                <div class="hsh_pill_unit_info">
  471.                                    <div class="hsh_pill_unit_info_item">
  472.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽工作室面積</div>
  473.                                        <p class="hsh_pill_unit_info_txt">1,120 平方呎</p>
  474.                                    </div>
  475.                                    <div class="hsh_pill_unit_info_item">
  476.                                        <div class="h6 hsh_pill_unit_title">每平方呎租金</div>
  477.                                        <p class="hsh_pill_unit_info_txt">$18 起</p>
  478.                                    </div>
  479.                                    <div class="hsh_pill_unit_info_item">
  480.                                        <div class="h6 hsh_pill_unit_title"></div>
  481.                                        <p class="hsh_pill_unit_info_txt"> </p>
  482.                                    </div>
  483.                                </div>
  484.                                                                <div class="hsh_pill_btn_container">
  485.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  486.                                                                        <a href="https://my.matterport.com/show/?m=ZPtv1XDpEqT"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  487.                                                                    </div>
  488.                            </div>
  489.                        </div>
  490.                        
  491.                        
  492.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  493.                                
  494.                                <a href="https://my.matterport.com/show/?m=ZPtv1XDpEqT" target="_blank"><img src="/files/record/commercial/10/1101-1714119474.jpg" alt=""></a>
  495.                            </div>
  496.                                                                                                
  497.                    </div>
  498.                    
  499.                                        
  500.                    <div id="工作室_3" class="hsh_pill hsh_pill--center hsh_pill--align-1280 effect effect_up">
  501.                        <div class="hsh_pill_text">
  502.                            <div class="hsh_content">
  503.                                <div class="hsh_pill_unit">
  504.                                    <div class="h6 hsh_pill_unit_title">虛擬導覽工作室</div>
  505.                                    <div class="hsh_pill_unit_numb">工作室 3</div>
  506.                                </div>
  507.                                <div class="hsh_pill_unit_info">
  508.                                    <div class="hsh_pill_unit_info_item">
  509.                                        <div class="h6 hsh_pill_unit_title">虛擬導覽工作室面積</div>
  510.                                        <p class="hsh_pill_unit_info_txt">2,210 平方呎</p>
  511.                                    </div>
  512.                                    <div class="hsh_pill_unit_info_item">
  513.                                        <div class="h6 hsh_pill_unit_title">每平方呎租金</div>
  514.                                        <p class="hsh_pill_unit_info_txt">$17 起 </p>
  515.                                    </div>
  516.                                    <div class="hsh_pill_unit_info_item">
  517.                                        <div class="h6 hsh_pill_unit_title"></div>
  518.                                        <p class="hsh_pill_unit_info_txt"> </p>
  519.                                    </div>
  520.                                </div>
  521.                                                                <div class="hsh_pill_btn_container">
  522.                                    <button class="hsh_link hsh_link--no-icon enquity-popup__btn">查詢</button>
  523.                                                                        <a href="https://my.matterport.com/show/?m=UR8cfd2VsD5"  class="hsh_btn hsh_btn--grey-border hsh_btn--auto-height hsh_btn--vr hsh_btn--text" target="_blank" aria-label="虛擬導覽"><span>虛擬導覽</span></a>
  524.                                                                    </div>
  525.                            </div>
  526.                        </div>
  527.                        
  528.                        
  529.                                                                                                        <div class="hsh_media hsh_media--4x3 hsh_media--m3x2 hsh_media--vr">
  530.                                
  531.                                <a href="https://my.matterport.com/show/?m=UR8cfd2VsD5" target="_blank"><img src="/files/record/commercial/10/503-1714119482.jpg" alt=""></a>
  532.                            </div>
  533.                                                                                                
  534.                    </div>
  535.                    
  536.                                    
  537.                    
  538.                                        <hr id="test">
  539.                    
  540.                                                                                                  
  541.                    <div id="brochure" class="hsh_section hsh_section--med effect effect_up">
  542.                        <div class="hsh_content">
  543.                            <div class="hsh_section_title hsh_section_title--side-2">
  544.                                <div class="h2 orange_dot">簡介 </div>
  545.                                <p>物業資訊</p>
  546.                                <a href="/files/record/commercial/10/Gravity_Final_20240806-1723512359.pdf" class="hsh_link hsh_link--download" download>下載</a>
  547.                            </div>
  548.                        </div>
  549.                    </div>
  550.                    <hr/>
  551.                                        <div id="contact" class="hsh_section hsh_section--med effect effect_up">
  552.                        <div class="hsh_content">          
  553.                                
  554.                                <div class="h2 orange_dot">聯絡我們</div>
  555.                                                        <p></p>
  556.  
  557.                        
  558.                            <div class="hsh_tab js-tab">
  559.                                                                    <a href="#萬有引力" class="js-tab_item active">萬有引力</a>
  560.                                                            </div>
  561.                                          
  562.                                <div id="萬有引力">
  563.                              
  564.                                                                        <div class="hsh_btn_list">
  565.                                        
  566.                                        <button class="hsh_btn hsh_btn--grey hsh_btn--form enquity-popup__btn" aria-label="Contact us"></button>
  567.  
  568.                                                                                                                                <a  href="tel:85266885182"  class="hsh_btn hsh_btn--grey hsh_btn--phone hsh_btn--text" aria-label="Phone"><span>+852 6688 5182</span></a>
  569.                                                                                                                            <a href="https://bit.ly/4c1E2VG" class="hsh_btn hsh_btn--grey hsh_btn--whatsapp" target="_blank" aria-label="Whatsapp"></a>
  570.                                                                                                                            <a href="mailto:sales1@hshd.com.hk" class="hsh_btn hsh_btn--grey hsh_btn--email" aria-label="Email"></a>
  571.                                                                                
  572.                                                                                <button class="hsh_btn hsh_btn--grey hsh_btn--wechat wechat_popup_btn" aria-label="Wechat">
  573.                                            <span class="wechat_popup_btn_desc">掃瞄二維碼與我們聯絡</span>
  574.                                            <img class="wechat_popup_btn_img" src="/files/record/commercial/10/Residential_1-1715330145.png" alt="" aria-hidden="true">
  575.                                        </button>
  576.                                                                                
  577.                                    </div>
  578.                                                                    </div>
  579.                                                    </div>
  580.                    </div>
  581.  
  582.                </div>  
  583.  
  584.  
  585.            </div>    
  586.        </section>
  587.    </main>
  588.    <footer class="hsh_foot js-foot">    
  589.    <div class="hsh_main">
  590.        <div class="hsh_foot_container">    
  591.            <div class="hsh_foot_left hsh_foot_left--s">  
  592.                <div class="hsh_foot_logo">
  593.                    <a href="/tc/home"><img src="/assets/images/hsh.svg" alt="HSH" class="logo" /></a>
  594.                    <img src="/assets/images/logo_grow.svg" alt="Grow" class='tagline' />
  595.                </div>
  596.            </div>
  597.            <div class="hsh_foot_right hsh_foot_right--l">    
  598.                <div class="hsh_foot_menu">
  599.                    
  600.                    <span class="hsh_foot_menu_title">關於我們</span>
  601.                    <a href="/tc/our_purpose">我們的使命</a>
  602.                    <a href="/tc/our_community">我們的社區</a>
  603.                </div>
  604.                <div class="hsh_foot_menu">
  605.                    <a href="/tc/our_place" class="hsh_foot_menu_title">我們的業務</a>
  606.                    <a href="/tc/business" class="hsh_foot_menu_sub">商業</a>
  607.                    <a href="/tc/residential" class="hsh_foot_menu_sub">住宅</a>
  608.                    <a href="/tc/hospitality" class="hsh_foot_menu_sub">酒店及服務</a>
  609.                </div>
  610.                <div class="hsh_foot_menu">
  611.                    <a href="/tc/our_news" class="hsh_foot_menu_title">我們的消息</a>
  612.                    <a href="/tc/group_news">集團消息</a>
  613.                    
  614.                </div>
  615.                <div class="hsh_foot_menu">
  616.                    <a href="/tc/our_people" class="hsh_foot_menu_title">我們的團隊</a>
  617.                    <a href="/tc/our_support" class="hsh_foot_menu_title">聯絡我們</a>
  618.                </div>
  619.                <div class="hsh_foot_menu">
  620.                    <a href="/tc/faqs"></a>
  621.                    <a href="/tc/disclaimer">免責聲明</a>
  622.                    <a href="/tc/privacy">私隱政策</a>
  623.                    <a href="/tc/conduct">供應商守則</a>
  624.                    <a href="/tc/whistle">舉報政策</a>
  625.                    <a href="/tc/sitemap">網站地圖</a>
  626.                </div>
  627.            </div>
  628.        </div>
  629.        <div class="hsh_foot_container hsh_foot_container--award">
  630.            <div class="hsh_foot_left">    
  631.                <div class="hsh_foot_award">
  632.                                            <a><img src="/files/record/footer_awards/6/SES-1711507993-1712745741-1718593025.png" alt="社企" /></a>
  633.                                            <a><img src="/files/record/footer_awards/1/20_logo_R2-1709259644.png" alt="20 Caring Company" /></a>
  634.                                            <a><img src="/files/record/footer_awards/5/Silver_Member_158x100px_(1)-1710146766.png" alt="WWF" /></a>
  635.                                            <a><img src="/files/record/footer_awards/2/Happy_Company_10_Years_2024-1709798579.png" alt="HAPPY COMPANY 10 YEARS" /></a>
  636.                                            <a><img src="/files/record/footer_awards/7/Premium_GEC_logo2_-_HSH-1727689656.png" alt="僱主" /></a>
  637.                                            <a><img src="/files/record/footer_awards/8/SFFGE_logo2_-_HSH-1727689719.png" alt="僱主" /></a>
  638.                                            <a><img src="/files/record/footer_awards/4/Artboard 1-1703823707.png" alt="" /></a>
  639.                                            <a><img src="/files/record/footer_awards/3/logo_Age_Friendly_Hong_Kong-1703820739.png" alt="" /></a>
  640.                                    </div>
  641.                <div class="hsh_foot_text">
  642.                    2024©協成行發展有限公司版權所有<br/>
  643.                    <a href="https://firmstudio.com/" target="_blank" class="a11y-hidden">網站由 FirmStudio 設計</a>                    
  644.                </div>
  645.            </div>
  646.            <div class="hsh_foot_right">    
  647.                <a href="https://www.facebook.com/LivingAestheticsHK" target="_blank" class="hsh_sns hsh_sns--facebook" aria-label="Facebook"></a>
  648.                <a href="https://www.instagram.com/livingaestheticshk/" target="_blank" class="hsh_sns hsh_sns--ig"  aria-label="IG"></a>
  649.                <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>
  650.                <a href="https://www.youtube.com/@LivingAesthetics" target="_blank" class="hsh_sns hsh_sns--youtube"  aria-label="Youtube"></a>
  651.                <a href="mailto:info@hshd.com.hk" target="_blank" class="hsh_sns hsh_sns--email"    aria-label="Email"></a>
  652.            </div>
  653.        </div>
  654.    </div>
  655. </footer>
  656.  
  657.  
  658.    <a href="#contact" class="hsh_btn hsh_btn--orange hsh_btn--phone fixed-bottom-btn"></a>
  659.  
  660.  
  661. <div class="hsh_pop js-pop">
  662.    <div class="hsh_pop_head">
  663.        <div class="hsh_pop_head_row">
  664.            <div class="hsh_pop_head_logo">
  665.                <img src="/assets/images/hsh.svg" alt="HSH" />      
  666.            </div>
  667.            <div class="hsh_pop_head_btn">
  668.                <a class="hsh_btn hsh_btn--close js-pop_close"></a>
  669.            </div>
  670.        </div>
  671.    </div>
  672.    <div class="hsh_pop_body">
  673.        <div class="hsh_main">
  674.            <div class="hsh_content js-pop_content"></div>                
  675.        </div>
  676.    </div>
  677. </div>
  678. <div class="wechat_popup">
  679.    <button class="wechat_popup_close" aria-label="Close this popup"></button>
  680.    <div class="wechat_popup_img_container">
  681.        <img src="" alt="Wechat Qrcode">
  682.    </div>
  683.    <p></p>
  684. </div>
  685.    <div class="enquity-popup">
  686.        <button class="enquity-popup__close enquity-popup__close-btn" aria-label="關閉聯絡我們表格"></button>
  687.        <div class="enquity-popup__outer">
  688.            <div class="enquity-popup__inner">
  689.                <div class="hsh_main">
  690.                    <div class="hsh_section hsh_section--med">
  691.                        <div class="hsh_content">
  692.                            <div class="h2">聯絡我們.</div>
  693.                            <p></p>
  694.                        </div>
  695.                        <form class="hsh_form enquity-form" id="contactForm" >
  696.                            <div class="hsh_form_col">
  697.                                <div class="cust-radio hsh_form_radio">
  698.                                    <input type="radio" id="type1" name="type" value="enquiry" required>
  699.                                    <label class="cust-radio__mask" for="type1" id="default_opt">查詢</label>
  700.                                </div>
  701.                                <div class="cust-radio hsh_form_radio">
  702.                                    <input type="radio" id="type2" name="type" value="book a tour" required>
  703.                                    <label class="cust-radio__mask" for="type2">預約參觀</label>
  704.                                </div>
  705.                            </div>
  706.                            <div class="hsh_form_col">
  707.                                <div class="hsh_select js-select hsh_form_select">
  708.                                    <label class="hsh_form_label" for="location">想查詢類別</label>
  709.                                    <span class="js-select_display">想查詢類別</span>
  710.                                    <select name="location" id="location" aria-label="Interested location" class="js-list_select">
  711.                                        
  712.                                                                                <option selected value="commercial">
  713.                                                                                            商業                                                                                    </option>
  714.                                                                                
  715.                                                                                <option value="retail">
  716.                                                                                         零售                                            
  717.                                        </option>
  718.                                                                                
  719.                                                                                <option value="industrial">
  720.                                                                                         工業                                            
  721.                                        </option>
  722.                                                                                
  723.                                                                                <option value="residential">
  724.                                                                                     住宅                                          
  725.                                        </option>
  726.                                                                                
  727.                                                                                <option value="hospitality">
  728.                                                                                     酒店及服務                                            
  729.                                        </option>
  730.                                                                                
  731.                                                                                <option value="others">
  732.                                                                                         其他                                          
  733.                                        </option>
  734.                                                                                                                    </select>
  735.                                </div>
  736.                            </div>
  737.  
  738.                            <div class="hsh_form_col">
  739.                                <label class="hsh_form_label" for="name">姓名 *</label>
  740.                                <input class="hsh_form_input" type="text" id="name" name="name" required>
  741.                            </div>
  742.                            <div class="hsh_form_col">
  743.                                <label class="hsh_form_label" for="email">電郵 *</label>
  744.                                <input class="hsh_form_input" type="email" id="email" name="email" required>
  745.                            </div>
  746.                            <div class="hsh_form_col hsh_form_col--15 has-value">
  747.                                <div class="hsh_select js-select hsh_form_select">
  748.                                    <label class="hsh_form_label" for="phoneCode">區號 </label>
  749.                                    <span class="js-select_display">+852</span>
  750.                                    <select name="phoneCode" id="phoneCode" aria-label="Phone code" class="js-list_select">
  751.                                        <option value="852">+852</option>
  752.                                        <option value="853">+853</option>
  753.                                        <option value="86">+86</option>
  754.                                    </select>
  755.                                </div>
  756.                            </div>
  757.                            <div class="hsh_form_col hsh_form_col--35">
  758.                                <label class="hsh_form_label" for="phone">電話號碼 *</label>
  759.                                <input class="hsh_form_input" type="phone" id="phone" name="phone" required>
  760.                            </div>
  761.                            <div class="hsh_form_col">
  762.                                <div class="hsh_select js-select hsh_form_select">
  763.                                    <label class="hsh_form_label" for="teamSize">單位面積/呎數</label>
  764.                                    <input class="hsh_form_input" type="number" name="teamSize" id="teamSize" >
  765.  
  766.                                </div>
  767.                            </div>
  768.                            <div class="hsh_form_col hsh_form_col--100">
  769.                                <label class="hsh_form_label" for="message">查詢內容</label>
  770.                                <input name="message" class="hsh_form_input" type="text" id="message" required>
  771.                            </div>
  772.                            <div class="hsh_form_col hsh_form_col--100">
  773.                                <div class="cust-checkbox hsh_form_checkbox">
  774.                                    <input name="marketing" type="checkbox" id="marketing" name="marketing" value="Yes" checked>
  775.                                    <label class="cust-checkbox__mask" for="marketing">本人同意接收任何協成行發展有限公司及其旗下公司之最新資訊或優惠。瀏覽集團的<a href="/tc/privacy" target="_blank">私隱政策</a>。                                </div>
  776.                            </div>
  777.                            <div class="hsh_form_btn_container">
  778.                                <button type="submit" class="hsh_link hsh_link--white">提交</button>
  779.                                <button type="reset" class="hsh_link hsh_link--white-border">取消</button>
  780.                            </div>
  781.                        </form>
  782.                        <div class="hsh_content enquity-form__thank">
  783.                            <div class="h3">多謝查詢</div>
  784.                        </div>
  785.                    </div>
  786.                </div>
  787.            </div>
  788.        </div>
  789.    </div>
  790. </body>
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799. <script>
  800.    googleMapMarkerBG = '/assets/images/map/rect.svg';
  801.    googleMapCenter   = {lat: 22.3087879, lng: 114.2258756, zoom:15};
  802.    googleMapProperty = [
  803.        {'lat': 22.3087879, 'lng': 114.2258756, 'w':482, 'h':739, 'x':120, 'y':667, 'valign':'bottom', 'align':'center','img':'/assets/images/map/Gravity.png', 'name':'萬有引力', 'addr':'觀塘興業街29號 ', 'url_text':'網站', 'url':'https://www.gravity.hk//?lang=zh'},
  804.    ];
  805. </script>
  806. <script>
  807.    let data='';
  808.    $(document).ready(function () {
  809.        $("#default_opt").click();
  810.        $(document).on("click",`a[href=""]`, function (e) {
  811.            e.preventDefault();
  812.            e.stopPropagation();
  813.        });
  814.        
  815.        /* $("#contactForm").submit(function(e){
  816.            e.preventDefault();
  817.            $.ajax({
  818.                url: "https://www.hshd.com.hk/api/email_form",
  819.                method: "POST",
  820.                data: $("#contactForm").serializeArray(),
  821.                success: function(data) {
  822.                   console.log('success data')
  823.                   console.log($("#contactForm").serializeArray());
  824.                   console.log(data);
  825.                },
  826.                error: function(data) {
  827.                    console.log("email sent error");
  828.                    console.log(data);
  829.                }
  830.            });
  831.        }); */
  832.    });
  833. </script>
  834.  
  835.  
  836. </html>
  837.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda