single.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  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. <!-- Add the slick-theme.css if you want default styling -->
  13. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  14. <!-- Add the slick-theme.css if you want default styling -->
  15. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
  16. <link rel="stylesheet" href="/css/style.css">
  17. <link rel="stylesheet" href="/css/contact/styles-contact.css">
  18. <!-- Start of HubSpot Embed Code -->
  19. <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
  20. <!-- End of HubSpot Embed Code -->
  21. <style>
  22. #heading-breadcrumbs {
  23. background: url('https://i.imgur.com/N7tVTSh.png');
  24. padding: 0 0;
  25. background-size: cover;
  26. background-repeat: no-repeat;
  27. padding-bottom: 40px;
  28. /* margin-bottom: 40px; */
  29. text-align: center;
  30. position: relative;
  31. }
  32. #heading-breadcrumbs a {
  33. font-size: 1rem;
  34. }
  35. #heading-breadcrumbs .breadcrumbs_title {
  36. position: relative;
  37. }
  38. #heading-breadcrumbs .breadcrumbs_title::after {
  39. position: absolute;
  40. width: 6rem;
  41. height: .5rem;
  42. top: 120%;
  43. left: 46.5%;
  44. content: "";
  45. background-color: #EA5413;
  46. }
  47. #heading-breadcrumbs h1 {
  48. color: #333333;
  49. text-transform: uppercase;
  50. font-size: 30px;
  51. font-weight: 700;
  52. letter-spacing: 0.08em;
  53. margin: 20px 0;
  54. }
  55. #heading-breadcrumbs .container:nth-of-type(1) {
  56. padding: 30px 0;
  57. }
  58. .container.loaded {
  59. max-width: 800px;
  60. background: #fff;
  61. box-shadow: 0 4px 8px 0 rgb(53, 105, 128, .3), 0 6px 20px 0 rgb(165, 200, 213, .41);
  62. margin-bottom: 4rem;
  63. }
  64. @media (max-width: 576px) {
  65. .container.loaded {
  66. width: 90%;
  67. }
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. {{ partial "navbar.html" . }}
  73. <!-- <div id="heading-breadcrumbs" style="margin-top: 77px;">
  74. <div class="container">
  75. <div class="row">
  76. <div class="col-md-12">
  77. <h1 class="breadcrumbs_title">聯絡我們</h1>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="container">
  82. <div class="row">
  83. <div class="col-md-12">
  84. <div>專業團隊X提高流量X增加營收</div>
  85. </div>
  86. <div class="col-md-4 blog_social">
  87. <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/u2MFY3U.png" alt=""></a>
  88. <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/LNAJtkO.png" alt=""></a>
  89. <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/ImYZfgI.png" alt=""></a>
  90. <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg"><img src="https://i.imgur.com/A8EG8wf.png"
  91. width="32" height="32" alt=""></a>
  92. <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/0t496B3.png"></a>
  93. </div>
  94. </div>
  95. </div>
  96. </div> -->
  97. <div class="Contact_Us" style="overflow: hidden;">
  98. <section class="service_info">
  99. <div class="contact_us_title pt-3">
  100. <img class="img-fluid contact_Us_Img" src="/img/ContactUsImg/contact us.png" alt="">
  101. <div class="text-title">
  102. <h1>聯絡我們</h1>
  103. <hr>
  104. <p>服務項目介紹</p>
  105. </div>
  106. </div>
  107. <div class="service_slider_Box d-none d-md-block">
  108. <div class="service_slider">
  109. <div class="row px-0 mx-0">
  110. <div class="col-md-5 px-0">
  111. <div class="content-service">
  112. <h2>SEO搜尋排名優化服務</h2>
  113. <ul>
  114. <li>網站健檢:盤點網頁結構、速度</li>
  115. <li>網站健檢:盤點網頁結構、速度</li>
  116. <li>關鍵字研究:選擇適合你的關鍵字結合內容行銷,逐步提升排名</li>
  117. </ul>
  118. <a style="text-decoration: none;" href="/seo/dm">
  119. <button class="LearnMore">了解詳情</button>
  120. </a>
  121. </div>
  122. </div>
  123. <div class="col-md-1 px-0">
  124. </div>
  125. <div class="col-md-6 px-0">
  126. <div class="service_Img_Box">
  127. <img class="service_Img1 img-fluid" src="/img/ContactUsImg/seo.png">
  128. <img class="service_Img_seo" src="/img/ContactUsImg/seoimg.png" alt="">
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="service_slider">
  134. <div class="row px-0 mx-0">
  135. <div class="col-md-5 px-0">
  136. <div class="content-service">
  137. <h2>影音製作服務</h2>
  138. <ul>
  139. <li>只要提供素材,將你的故事變成影片</li>
  140. <li>行銷形象影片,銷售更容易,提高成交率</li>
  141. <li>客製化量身打造,用質感為品牌加分,用影像為企業發聲</li>
  142. </ul>
  143. <a style="text-decoration: none;" href="/video-making/dm">
  144. <button class="LearnMore">了解詳情</button>
  145. </a>
  146. </div>
  147. </div>
  148. <div class="col-md-1 px-0">
  149. </div>
  150. <div class="col-md-6 px-0">
  151. <div class="service_Img_Box">
  152. <img class="service_Img2 img-fluid" src="/img/ContactUsImg/video.png">
  153. <img class="service_Img_video" src="/img/ContactUsImg/videoimg.png" alt="">
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <div class="service_slider">
  159. <div class="row px-0 mx-0">
  160. <div class="col-md-5 px-0">
  161. <div class="content-service">
  162. <h2>企業系統研發委外方案</h2>
  163. <ul>
  164. <li>企業研發後盾快速導入 AI 人工智慧技術</li>
  165. <li>降低資訊研發、維護成本</li>
  166. <li>完善的軟、硬體系統規劃</li>
  167. </ul>
  168. <a style="text-decoration: none;" href="/research/dm">
  169. <button class="LearnMore">了解詳情</button>
  170. </a>
  171. </div>
  172. </div>
  173. <div class="col-md-1 px-0">
  174. </div>
  175. <div class="col-md-6">
  176. <div class="service_Img_Box">
  177. <img class="service_Img3 img-fluid" src="/img/ContactUsImg/development.png">
  178. <img class="service_Img_developmentimg" src="/img/ContactUsImg/developmentimg.png" alt="">
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="service_slider">
  184. <div class="row px-0 mx-0">
  185. <div class="col-md-5 px-0">
  186. <div class="content-service">
  187. <h2>資訊爬蟲</h2>
  188. <ul>
  189. <li>自動化抓取各類產業的資料</li>
  190. <li>提供資料庫數據串流接上開發端後台做應用</li>
  191. <li>開發與優化搜尋爬蟲程式</li>
  192. </ul>
  193. <a style="text-decoration: none;" href="/crawler/dm">
  194. <button class="LearnMore">了解詳情</button>
  195. </a>
  196. </div>
  197. </div>
  198. <div class="col-md-1 px-0">
  199. </div>
  200. <div class="col-md-6 px-0">
  201. <div class="service_Img_Box">
  202. <img class="service_Img4 img-fluid" src="/img/ContactUsImg/spider.png">
  203. <img class="service_Img_spiderimg" src="/img/ContactUsImg/developmentimg.png" alt="">
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. <div class="service_slider">
  209. <div class="row px-0 mx-0">
  210. <div class="col-md-5 px-0">
  211. <div class="content-service">
  212. <h2>Big Data 大數據蒐集與分析</h2>
  213. <ul>
  214. <li>數據專案經驗豐富,與許多大企業合作</li>
  215. <li>Deep Learning商品趨勢預測,找出潛力商品</li>
  216. <li>Text Mining文字探勘,比對結果預測績效</li>
  217. </ul>
  218. <a style="text-decoration: none;" href="/bigdata/dm">
  219. <button class="LearnMore">了解詳情</button>
  220. </a>
  221. </div>
  222. </div>
  223. <div class="col-md-1 px-0">
  224. </div>
  225. <div class="col-md-6 px-0">
  226. <div class="service_Img_Box">
  227. <img class="service_Img5 img-fluid" src="/img/ContactUsImg/bigdata.png">
  228. <img class="service_Img_bigdataimg" src="/img/ContactUsImg/bigdataimg.png" alt="">
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. <div class="service_slider">
  234. <div class="row px-0 mx-0">
  235. <div class="col-md-5 px-0">
  236. <div class="content-service">
  237. <h2>廣告代操 智慧投放Google廣告</h2>
  238. <ul>
  239. <li>搭配不同廣告策略,達到成效最佳化</li>
  240. <li>吸引新訪客光顧網站、 提高線上銷售量、提升客戶回訪率</li>
  241. <li>改善建議,協同逐項優化,推動排名向前</li>
  242. </ul>
  243. <a style="text-decoration: none;" href="/ad-operation/dm">
  244. <button class="LearnMore">了解詳情</button>
  245. </a>
  246. </div>
  247. </div>
  248. <div class="col-md-1 px-0">
  249. </div>
  250. <div class="col-md-6 px-0">
  251. <div class="service_Img_Box">
  252. <img class="service_Img6 img-fluid" src="/img/ContactUsImg/googleads.png">
  253. <img class="service_Img_googleads" src="/img/ContactUsImg/googleadsimg.png" alt="">
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. <div class="service_slider_Box-m d-block d-md-none">
  260. <div class="service_slider-m">
  261. <img class="img-fluid" src="/img/ContactUsImg/seo-m.png" alt="">
  262. <div class="content-service">
  263. <h2>SEO搜尋排名優化服務</h2>
  264. <ul>
  265. <li>網站健檢:盤點網頁結構、速度</li>
  266. <li>網站健檢:盤點網頁結構、速度</li>
  267. <li>關鍵字研究:選擇適合你的關鍵字結合內容行銷,逐步提升排名</li>
  268. </ul>
  269. <div class="text-center">
  270. <a style="text-decoration: none;" href="/seo/dm">
  271. <button class="LearnMore">了解詳情</button>
  272. </a>
  273. </div>
  274. </div>
  275. </div>
  276. <div class="service_slider-m">
  277. <img class="img-fluid" src="/img/ContactUsImg/video-m.png" alt="">
  278. <div class="content-service">
  279. <h2>影音製作服務</h2>
  280. <ul>
  281. <li>只要提供素材,將你的故事變成影片</li>
  282. <li>行銷形象影片,銷售更容易,提高成交率</li>
  283. <li>客製化量身打造,用質感為品牌加分,用影像為企業發聲</li>
  284. </ul>
  285. <div class="text-center">
  286. <a style="text-decoration: none;" href="/video-making/dm">
  287. <button class="LearnMore">了解詳情</button>
  288. </a>
  289. </div>
  290. </div>
  291. </div>
  292. <div class="service_slider-m">
  293. <img class="img-fluid" src="/img/ContactUsImg/development-m.png" alt="">
  294. <div class="content-service">
  295. <h2>企業系統研發委外方案</h2>
  296. <ul>
  297. <li>企業研發後盾快速導入 AI 人工智慧技術</li>
  298. <li>降低資訊研發、維護成本</li>
  299. <li>完善的軟、硬體系統規劃</li>
  300. </ul>
  301. <div class="text-center">
  302. <a style="text-decoration: none;" href="/research/dm">
  303. <button class="LearnMore">了解詳情</button>
  304. </a>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="service_slider-m">
  309. <img class="img-fluid" src="/img/ContactUsImg/spider-m.png" alt="">
  310. <div class="content-service">
  311. <h2>資訊爬蟲</h2>
  312. <ul>
  313. <li>自動化抓取各類產業的資料</li>
  314. <li>提供資料庫數據串流接上開發端後台做應用</li>
  315. <li>開發與優化搜尋爬蟲程式</li>
  316. </ul>
  317. <div class="text-center">
  318. <a style="text-decoration: none;" href="/crawler/dm">
  319. <button class="LearnMore">了解詳情</button>
  320. </a>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="service_slider-m">
  325. <img class="img-fluid" src="/img/ContactUsImg/bigdata-m.png" alt="">
  326. <div class="content-service">
  327. <h2>Big Data 大數據蒐集與分析</h2>
  328. <ul>
  329. <li>數據專案經驗豐富,與許多大企業合作</li>
  330. <li>Deep Learning商品趨勢預測,找出潛力商品</li>
  331. <li>Text Mining文字探勘,比對結果預測績效</li>
  332. </ul>
  333. <div class="text-center">
  334. <a style="text-decoration: none;" href="/bigdata/dm">
  335. <button class="LearnMore">了解詳情</button>
  336. </a>
  337. </div>
  338. </div>
  339. </div>
  340. <div class="service_slider-m">
  341. <img class="img-fluid" src="/img/ContactUsImg/googleads-m.png" alt="">
  342. <div class="content-service">
  343. <h2>廣告代操 智慧投放Google廣告</h2>
  344. <ul>
  345. <li>搭配不同廣告策略,達到成效最佳化</li>
  346. <li>吸引新訪客光顧網站、 提高線上銷售量、提升客戶回訪率</li>
  347. <li>改善建議,協同逐項優化,推動排名向前</li>
  348. </ul>
  349. <div class="text-center">
  350. <a style="text-decoration: none;" href="/ad-operation/dm">
  351. <button class="LearnMore">了解詳情</button>
  352. </a>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. <img class="img-fluid pt-3" src="/img/ContactUsImg/Mask Group 4.png" alt="">
  358. <img class="circle-orange d-none d-md-block" style="position: absolute;" src="/img/ContactUsImg/circle.png"
  359. alt="">
  360. </section>
  361. <div id="contact_box">
  362. <section class="Contact_Information">
  363. <div class="row px-0 mx-0">
  364. <div class="col-md-6">
  365. <div class="Contact_Information_title pt-3">
  366. <img class="choozmo" src="/img/ContactUsImg/choozmo.png" alt="">
  367. <div class="text-title">
  368. <h1>LINE</h1>
  369. <hr>
  370. <p>專業團隊X提高流量X增加營收</p>
  371. </div>
  372. <img class="qrcode" src="/img/ContactUsImg/QR code.png" alt="">
  373. <div class="contact-text">
  374. <p class="fw-bold text-dark">掃描行動條碼即可將官方帳號加入好友</p>
  375. <p style="font-size: 14px;">將有專人為您服務</p>
  376. </div>
  377. </div>
  378. </div>
  379. <div class="col-md-6">
  380. <main>
  381. <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
  382. <div class="container loaded">
  383. <div class="pageForm-p">
  384. <script>
  385. hbspt.forms.create({
  386. region: "na1",
  387. portalId: "20485755",
  388. formId: "21f47afb-2238-442d-b155-e1f377dae291"
  389. });
  390. </script>
  391. </div>
  392. </div>
  393. </main>
  394. </div>
  395. </div>
  396. </section>
  397. </div>
  398. <img class="circle" src="/img/ContactUsImg/背景-紫.png" alt="">
  399. </div>
  400. {{ partial "footer.html" . }}
  401. <script type="application/javascript">
  402. var doNotTrack = false;
  403. if (!doNotTrack) {
  404. (function (i, s, o, g, r, a, m) {
  405. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  406. (i[r].q = i[r].q || []).push(arguments)
  407. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  408. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  409. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  410. ga('create', 'UA-153100602-5', 'auto');
  411. ga('send', 'pageview');
  412. }
  413. </script>
  414. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  415. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  416. crossorigin="anonymous"></script>
  417. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  418. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  419. crossorigin="anonymous"></script>
  420. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  421. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  422. <script>
  423. $('.service_slider_Box').slick({
  424. slidesToShow: 1, //預設 1 幻燈片顯示幾張
  425. slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
  426. arrows: true, // 預設 true 左右箭頭是否顯示
  427. dots: true,
  428. prevArrow: '<button type="button" class="slick-prev"><img src="/img/ContactUsImg/Group 934.png" alt="" width="60" height="60"></button>',
  429. nextArrow: '<button type="button" class="slick-next"><img src="/img/ContactUsImg/Group 933.png" alt="" width="60" height="60"></button>'
  430. });
  431. $('.service_slider_Box-m').slick({
  432. slidesToShow: 1, //預設 1 幻燈片顯示幾張
  433. slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
  434. arrows: true, // 預設 true 左右箭頭是否顯示
  435. dots: true,
  436. prevArrow: '<button type="button" class="slick-prev"><img src="/img/ContactUsImg/Group 934.png" alt="" width="50" height="50"></button>',
  437. nextArrow: '<button type="button" class="slick-next"><img src="/img/ContactUsImg/Group 933.png" alt="" width="50" height="50"></button>'
  438. });
  439. </script>
  440. </body>
  441. </html>