index.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
  7. <meta http-equiv="Cache-Control" content="no-cache">
  8. <title>ChoozMo AI-PR Service</title>
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
  10. integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  11. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
  12. <link rel="stylesheet" href="/css/style.css">
  13. </head>
  14. <body>
  15. <nav class="navbar navbar-expand-xl navbar-light fixed-top">
  16. <div class="container-fluid justify-content-between justify-content-xl-start">
  17. <a class="navbar-brand p-0" href="/">
  18. <img src="/img/ChoozmoLOGO.png" alt="" class="d-inline-block align-text-top logo">
  19. </a>
  20. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
  21. aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  22. <span class="navbar-toggler-icon"></span>
  23. </button>
  24. <div class="collapse navbar-collapse w-100" id="navbarNav">
  25. <ul class="navbar-nav">
  26. <li class="nav-item">
  27. <a class="nav-link" aria-current="page" href="/">首頁</a>
  28. </li>
  29. <li class="nav-item">
  30. <a class="nav-link" href="/virtual-host-solution/">AI 客服</a>
  31. </li>
  32. <li class="nav-item">
  33. <a class="nav-link" href="/ai-presenter/info/">AI 擬真人</a>
  34. </li>
  35. <li class="nav-item dropdown">
  36. <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
  37. aria-expanded="false">
  38. 服務
  39. </a>
  40. <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  41. <li><a class="dropdown-item" href="/genseo/">算力 SEO</a></li>
  42. <li><a class="dropdown-item" href="/agentic-web/dm/">企業 Agentic Web 建置</a></li>
  43. <li><a class="dropdown-item" href="/free-pr-service/dm/">新聞發布服務</a></li>
  44. <li><a class="dropdown-item" href="/global-yt/dm/">全球 YT 推廣服務</a></li>
  45. <li><a class="dropdown-item" href="/video-editing/dm/">影片剪輯服務</a></li>
  46. <li><a class="dropdown-item" href="/ai-transform-video/dm/">現有影片 AI 化</a></li>
  47. <li><a class="dropdown-item" href="/ai-balanced-news-reporting/">AI 平衡報導</a></li>
  48. <li><a class="dropdown-item" href="/ad-operation/dm/">AI 廣告投放</a></li>
  49. <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
  50. <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
  51. <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
  52. <li><a class="dropdown-item" href="/llm-service">領域大型語言模型建置服務</a></li>
  53. </ul>
  54. </li>
  55. <li class="nav-item">
  56. <a class="nav-link" href="/blog/">部落格</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link" href="/contact/service">聯絡我們</a>
  60. </li>
  61. </ul>
  62. <ul class="nav navbar-nav navbar-right flex-row ms-auto mt-3 mt-xl-0">
  63. <li class="me-3 mb-4 mb-xl-0">
  64. <a href="/virtual-host-solution/" class="solution-link">客製化 AI 主持人報價</a>
  65. </li>
  66. <li>
  67. <a href="https://crm.choozmo.com/#/" target="_blank" class="signin-link">使用 AI 平台</a>
  68. </li>
  69. </ul>
  70. </div>
  71. </div>
  72. </nav>
  73. <main style="overflow-x: hidden;">
  74. <section class="header pb-0" style="height: auto;">
  75. <img src="/imgs/01.webp" alt="" class="header-lefttop">
  76. <div class="row align-items-center g-0">
  77. <div class="col-12 text-center ">
  78. <h2 class="header-title m-0">合作夥伴</h2>
  79. </div>
  80. </div>
  81. </section>
  82. <section class="category container text-center py-5">
  83. <h2 class="category-sub-h2 pt-4"></h2>
  84. <div class="container">
  85. <div class="row">
  86. <div class="col d-flex align-items-center mt-4">
  87. </div>
  88. </div>
  89. </div>
  90. </section>
  91. <section class="category container text-center img-block">
  92. <div class="row row-cols-1 row-cols-md-2">
  93. <div class="col position-relative">
  94. <img class="img-block-linecir left" style="right: -110%; left: unset;" src="/imgs/裝飾圓.webp" alt="">
  95. </div>
  96. </div>
  97. </section>
  98. </main>
  99. <footer class="footer position-relative">
  100. <div class="container">
  101. <div class="row">
  102. <div class="col-xs-12 col-sm-6 px-0">
  103. <img src="/img/ChoozmoLOGO.png" alt="" style="width: 100%; max-width: 200px;">
  104. <div class="footer-aigirl">ChoozMo AIGV</div>
  105. <div class="footer-follow">關注我們</div>
  106. <div class="footer-socials">
  107. <a href="https://www.linkedin.com/company/choozmo/" target="_blank">
  108. <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
  109. </a>
  110. <a href="https://www.facebook.com/choozmo/" target="_blank">
  111. <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
  112. </a>
  113. <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank">
  114. <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
  115. </a>
  116. <a href="https://www.instagram.com/choozmo_cmm/" target="_blank">
  117. <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px"
  118. style="margin-left: -6px; margin-right: -8px;">
  119. </a>
  120. <a href="https://twitter.com/ai_cmm" target="_blank">
  121. <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
  122. </a>
  123. <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg" target="_blank">
  124. <img src="https://i.imgur.com/zn6DUY8.png" alt="" width="38px" height="38px">
  125. </a>
  126. </div>
  127. </div>
  128. <div class="col-xs-12 col-sm-6">
  129. <div class="footer-contacts">
  130. <h5>CONTACT</h5>
  131. <div>
  132. 集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:<a
  133. href="tel:+886036670804">036670804</a><br>聯絡信箱:SERVICE@CHOOZMO.COM
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <iframe id="iframe-content" src="https://cmm.ai/chuz/#/" allow="microphone" scrolling="no"></iframe>
  140. <div class="line-btn">
  141. <a href="https://lin.ee/jYalbZq" target="_blank">
  142. <img src="/imgs/icon/line.png" alt="">
  143. </a>
  144. </div>
  145. <div class="privacy-consent">
  146. <p>本網站使用 Cookie 為您提供更好的用戶體驗。<br>
  147. 繼續使用本網站表示您同意我們的<a href="/privacy-policy">隱私權政策</a>。</p>
  148. <button class="agree">同意</button>
  149. </div>
  150. </footer>
  151. <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  152. crossorigin="anonymous"></script>
  153. <script>
  154. setTimeout(() => {
  155. const iframeContent = document.getElementById("iframe-content");
  156. window.addEventListener("message", function (event) {
  157. if (event.origin !== "https://cmm.ai") {
  158. return;
  159. }
  160. if (event.data === true) {
  161. iframeContent.style.width = "375px";
  162. iframeContent.style.height = "650px";
  163. } else if (event.data === false) {
  164. setTimeout(() => {
  165. iframeContent.style.width = "80px";
  166. iframeContent.style.height = "80px";
  167. }, 300)
  168. }
  169. });
  170. }, 1000)
  171. let privacy = localStorage.getItem("privacy");
  172. if (privacy === "false") {
  173. $('.privacy-consent').hide();
  174. } else {
  175. $('.privacy-consent').show();
  176. }
  177. $('.privacy-consent .agree').click(function (e) {
  178. e.preventDefault();
  179. $('.privacy-consent').hide();
  180. localStorage.setItem('privacy', 'false');
  181. })
  182. function setUTM() {
  183. let currentPath = window.location.pathname;
  184. console.log('currentPath', currentPath);
  185. let utmCampaign = "";
  186. if (currentPath === "/virtual-host-solution/") {
  187. utmCampaign = "AIGV";
  188. } else if (currentPath === "/AI-chatbot/") {
  189. utmCampaign = "AICUSTOMER";
  190. } else if (currentPath === "/ai-balanced-news-reporting/") {
  191. utmCampaign = "AICOPYWRITER";
  192. }
  193. let lineLink = $('a[href="https://lin.ee/jYalbZq"]');
  194. let originalHref = lineLink.attr('href');
  195. let newHref = originalHref + `?utm_source=web&utm_medium=article&utm_campaign=${utmCampaign}`;
  196. lineLink.attr('href', newHref);
  197. }
  198. setUTM();
  199. </script>
  200. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  201. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  202. crossorigin="anonymous"></script>
  203. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  204. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  205. crossorigin="anonymous"></script>
  206. </body>
  207. </html>