index.html 9.6 KB

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