single.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  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. <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 px-3" 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-12 col-lg-6">
  42. <img src="{{ .Params.block1_img }}" alt="" class="img-fluid">
  43. </div>
  44. <div class="col-12 col-lg-6">
  45. <div class="row align-items-center">
  46. <div class="col-3">
  47. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  48. </div>
  49. <div class="col-9 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-lg-5">
  60. <div class="row align-items-center">
  61. <div class="col-3 col-lg-4">
  62. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  63. </div>
  64. <div class="col-9 col-lg-8 block-content">
  65. <h3 class="block-title mb-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-lg-7">
  76. <img src="{{ .Params.block2_img }}" alt="" class="img-fluid">
  77. </div>
  78. </div>
  79. <div class="row">
  80. <div class="col-12 col-lg-6 p-0">
  81. <img src="{{ .Params.block3_img1 }}" alt="" class="img-fluid">
  82. </div>
  83. <div class="col-6 col-lg-3 p-0 mt-4">
  84. <img src="{{ .Params.block3_img2 }}" alt="" class="img-fluid">
  85. </div>
  86. <div class="col-6 col-lg-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 mb-0" style="width: 130%;">
  93. {{ .Params.block3_title }}
  94. </h3>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="row align-items-center position-relative" style="margin: 150px auto;">
  100. <img src="/imgs/dm/stock-img-03.png" alt="" class="bg-img">
  101. <div class="col-12 col-lg-6">
  102. <div class="row align-items-center">
  103. <div class="col-3 col-lg-4">
  104. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  105. </div>
  106. <div class="col-9 col-lg-8 block-content">
  107. <h3 class="block-title">
  108. {{ .Params.block4_title }}
  109. </h3>
  110. <p class="m-0">
  111. {{ .Params.block4_text1 }}
  112. <br>
  113. {{ .Params.block4_text2 }}
  114. <br>
  115. {{ .Params.block4_text3 }}
  116. </p>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="col-12 col-lg-6 mt-3 mt-sm-0">
  121. <img src="{{ .Params.block4_img }}" alt="" class="img-fluid">
  122. </div>
  123. </div>
  124. <div class="row align-items-center" style="margin: 150px auto 0;">
  125. <div class="col-12">
  126. <div class="row align-items-center">
  127. <div class="col-3 col-lg-2">
  128. <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
  129. </div>
  130. <div class="col-9 col-lg-10 block-content">
  131. <h3 class="block-title">
  132. {{ .Params.block5_title }}
  133. </h3>
  134. <p class="m-0">
  135. {{ .Params.block5_text1 }}
  136. <br>
  137. 成效有感:
  138. <br>
  139. {{ .Params.block5_text2 }}
  140. <br>
  141. {{ .Params.block5_text3 }}
  142. </p>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="container loaded pageForm pt-5">
  149. <div class="row">
  150. <div class="col-12 col-md-6">
  151. <div class="pageForm-p">
  152. <div class="mb-3">
  153. <div class="pageForm-title">
  154. <h3 class="pageForm-title-h3">SEO 搜尋排名優化服務</h3>
  155. </div>
  156. </div>
  157. <div class="pageForm-txt mb-3 ">
  158. <p>集仕多擁有獨家的 SEO 顯微鏡健檢服務,幫助你進行網站健檢,盤點網頁結構、速度及關鍵字研究,選擇適合你的關鍵字結合內容行銷,逐步提升排名
  159. 並且進行優化分析與策略,提出SEO改善建議,偕同逐項優化,推動排名向前。
  160. </p>
  161. </div>
  162. <div class="pageForm-notice">
  163. <a class="btn-detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
  164. <p>填寫該表單將會有專人與你聯繫。<br>
  165. 如有問題歡迎來信 service@choozmo.com 或來電 036670804
  166. </p>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="col-12 col-md-6">
  171. <div class="pageForm-p">
  172. <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
  173. <script>
  174. hbspt.forms.create({
  175. region: "na1",
  176. portalId: "20485755",
  177. formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
  178. });
  179. </script>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </main>
  185. {{ partial "footer.html" . }}
  186. <script type="application/javascript">
  187. var doNotTrack = false;
  188. if (!doNotTrack) {
  189. (function (i, s, o, g, r, a, m) {
  190. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  191. (i[r].q = i[r].q || []).push(arguments)
  192. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  193. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  194. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  195. ga('create', 'UA-153100602-5', 'auto');
  196. ga('send', 'pageview');
  197. }
  198. </script>
  199. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  200. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  201. crossorigin="anonymous"></script>
  202. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  203. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  204. crossorigin="anonymous"></script>
  205. </body>
  206. </html>