single.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  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 Marketing Cloud</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. <!-- Start of HubSpot Embed Code -->
  14. <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
  15. <!-- End of HubSpot Embed Code -->
  16. </head>
  17. <body>
  18. {{ partial "navbar.html" . }}
  19. <main id="seo-dm">
  20. <section class="container header p-0">
  21. <img src="/imgs/dm/stock-img-01.png" alt="" class="img-fluid stock-01">
  22. <div class="row align-items-center">
  23. <div class="col-12 col-lg-5 text-center" style="margin-top: 100px;">
  24. <h2 class="header-title">
  25. {{ .Params.packageTitle }}
  26. </h2>
  27. <p class="text-start" style="margin: 40px auto;">
  28. {{ .Params.description }}
  29. <br><br>
  30. {{ .Params.descriptionSub }}
  31. </p>
  32. <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
  33. </div>
  34. <div class="col-12 col-lg-7">
  35. <img src="/imgs/dm/seo-01.png" alt="" style="width: 110%;">
  36. </div>
  37. </div>
  38. </section>
  39. <div class="container my-5 py-5">
  40. <div class="row align-items-center">
  41. <div class="col-6">
  42. <img src="{{ .Params.block1_img }}" alt="" class="img-fluid">
  43. </div>
  44. <div class="col-6">
  45. <div class="row align-items-center">
  46. <div class="col-2">
  47. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  48. </div>
  49. <div class="col-10 block-content">
  50. <h3 class="block-title">
  51. {{ .Params.block1_title }}
  52. </h3>
  53. <p class="m-0">{{ .Params.block1_text }}</p>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="row align-items-center" style="margin: 150px auto;">
  59. <div class="col-4">
  60. <div class="row align-items-center">
  61. <div class="col-4">
  62. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  63. </div>
  64. <div class="col-8 block-content">
  65. <h3 class="block-title m-0">
  66. {{ .Params.block2_text1 }}
  67. <br>
  68. {{ .Params.block2_text2 }}
  69. <br>
  70. {{ .Params.block2_text3 }}
  71. </h3>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="col-8">
  76. <img src="{{ .Params.block2_img }}" alt="" class="img-fluid">
  77. </div>
  78. </div>
  79. <div class="row">
  80. <div class="col-6 p-0">
  81. <img src="{{ .Params.block3_img1 }}" alt="" class="img-fluid">
  82. </div>
  83. <div class="col-3 p-0 mt-4">
  84. <img src="{{ .Params.block3_img2 }}" alt="" class="img-fluid">
  85. </div>
  86. <div class="col-3 p-0">
  87. <div class="row align-items-center">
  88. <div class="col-4">
  89. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  90. </div>
  91. <div class="col-8 block-content">
  92. <h3 class="block-title m-0" style="width: 130%;">
  93. {{ .Params.block3_title }}
  94. </h3>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <!-- <section class="header">
  101. <img src="/imgs/01.webp" alt="" class="header-lefttop">
  102. <div class="row align-items-center g-0">
  103. <div class="col-12 col-md-5 text-center ">
  104. <h2 class="header-title">{{ .Params.packageTitle }}</h2>
  105. <p class="text-center px-3">{{ .Params.packageSub }}
  106. <p>
  107. <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
  108. </div>
  109. <div class="col-12 col-md-7">
  110. <div class="header-right header-dm" style="background-image: url('https://i.imgur.com/ApmF3a9.jpg');">
  111. <img src="/imgs/02.webp" alt="" class="header-right-cir">
  112. <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
  113. <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
  114. </div>
  115. </div>
  116. </div>
  117. </section> -->
  118. <!-- <section class="category container text-center py-5 dm-description">
  119. <h2 class="category-sub-h2"></h2>
  120. <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
  121. </section> -->
  122. <!-- <section class="category container text-center img-block">
  123. <div class="row row-cols-1 row-cols-md-2">
  124. <div class="col position-relative">
  125. <img class="img-block-img " src="{{ .Params.block1_img }}" alt="">
  126. <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
  127. </div>
  128. <div class="col my-auto pt-3 pt-md-0">
  129. <h4>{{ .Params.block1_title }}</h4>
  130. <strong>{{ .Params.block1_strong }}</strong>
  131. <p>{{ .Params.block1_text | markdownify }}</p>
  132. </div>
  133. </div>
  134. </section> -->
  135. <!-- <section class="category container text-center img-block">
  136. <div class="row row-cols-1 row-cols-md-2">
  137. <div class="col my-auto">
  138. <h4>{{ .Params.block2_title }}</h4>
  139. <strong>{{ .Params.block2_strong }}</strong>
  140. <p>{{ .Params.block2_text | markdownify }}</p>
  141. </div>
  142. <div class="col position-relative">
  143. <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
  144. <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
  145. </div>
  146. </div>
  147. </section>
  148. <section class="category container text-center img-block">
  149. <div class="row row-cols-1 row-cols-md-2">
  150. <div class="col position-relative">
  151. <img class="img-block-img" src="{{ .Params.block3_img }}" alt="">
  152. <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
  153. </div>
  154. <div class="col my-auto">
  155. <h4>{{ .Params.block3_title }}</h4>
  156. <strong>{{ .Params.block3_strong }}</strong>
  157. <p>{{ .Params.block3_text | markdownify }}</p>
  158. </div>
  159. </div>
  160. </section> -->
  161. <!-- <section class="category container text-center img-block">
  162. <div class="row row-cols-1 row-cols-md-2">
  163. <div class="col my-auto pt-3 pt-md-0">
  164. <h4>{{ .Params.block4_title }}</h4>
  165. <strong>{{ .Params.block4_strong }}</strong>
  166. <ul class="text-start img-block-list">
  167. <li>{{ .Params.block4_list1 }}</li>
  168. <li>{{ .Params.block4_list2 }}</li>
  169. <li>{{ .Params.block4_list3 }}</li>
  170. </ul>
  171. </div>
  172. <div class="col position-relative">
  173. <img class="img-block-img" src="{{ .Params.block4_img }}" alt="">
  174. <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
  175. </div>
  176. </div>
  177. </section> -->
  178. <div class="container loaded pageForm pt-5">
  179. <div class="row">
  180. <div class="col-12 col-md-6">
  181. <div class="pageForm-p">
  182. <div class="mb-3">
  183. <div class="pageForm-title">
  184. <h3 class="pageForm-title-h3">SEO 搜尋排名優化服務</h3>
  185. </div>
  186. </div>
  187. <div class="pageForm-txt mb-3 ">
  188. <p>集仕多擁有獨家的 SEO 顯微鏡健檢服務,幫助你進行網站健檢,盤點網頁結構、速度及關鍵字研究,選擇適合你的關鍵字結合內容行銷,逐步提升排名
  189. 並且進行優化分析與策略,提出SEO改善建議,偕同逐項優化,推動排名向前。
  190. </p>
  191. </div>
  192. <div class="pageForm-notice">
  193. <a class="btn-detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
  194. <p>填寫該表單將會有專人與你聯繫。<br>
  195. 如有問題歡迎來信 service@choozmo.com 或來電 036670804
  196. </p>
  197. </div>
  198. </div>
  199. </div>
  200. <div class="col-12 col-md-6">
  201. <div class="pageForm-p">
  202. <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
  203. <script>
  204. hbspt.forms.create({
  205. region: "na1",
  206. portalId: "20485755",
  207. formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
  208. });
  209. </script>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </main>
  215. {{ partial "footer.html" . }}
  216. <script type="application/javascript">
  217. var doNotTrack = false;
  218. if (!doNotTrack) {
  219. (function (i, s, o, g, r, a, m) {
  220. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  221. (i[r].q = i[r].q || []).push(arguments)
  222. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  223. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  224. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  225. ga('create', 'UA-153100602-5', 'auto');
  226. ga('send', 'pageview');
  227. }
  228. </script>
  229. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  230. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  231. crossorigin="anonymous"></script>
  232. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  233. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  234. crossorigin="anonymous"></script>
  235. </body>
  236. </html>