single.html 19 KB

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