index.html 9.1 KB

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