index.html 9.7 KB

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