Home Explore Help
Register Sign In
choozmo
/
AI_Video_LP
4
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

add blog-traffic page

SyuanYu 2 years ago
parent
5a65664ff1
commit
2390654a18
41 changed files with 2267 additions and 1660 deletions
Split View Show Diff Stats
  1. 1 1
      layouts/aboutus/single.html
  2. 241 228
      layouts/ad-operation/single.html
  3. 17 15
      layouts/ai-anchor/single.html
  4. 1 1
      layouts/ai-training/single.html
  5. 1 1
      layouts/amp/single.html
  6. 242 229
      layouts/bigdata/single.html
  7. 324 0
      layouts/blog-traffic/single.html
  8. 52 52
      layouts/contact/single.html
  9. 234 221
      layouts/crawler/single.html
  10. 1 1
      layouts/ip/single.html
  11. 8 15
      layouts/partials/LP_components/blogs_tab.html
  12. 2 2
      layouts/partials/LP_components/features.html
  13. 0 45
      layouts/partials/head.html
  14. 257 244
      layouts/research/single.html
  15. 234 221
      layouts/seo/single.html
  16. 257 244
      layouts/video-making/single.html
  17. 7 2
      static/css/custom.css
  18. 289 75
      static/css/style.css
  19. BIN
      static/imgs/dm/AdobeStock_129110344.jpeg
  20. BIN
      static/imgs/dm/blog-traffic.png
  21. BIN
      static/imgs/dm/blog-traffic_00.jpg
  22. BIN
      static/imgs/dm/blog-traffic_01.png
  23. BIN
      static/imgs/dm/blog-traffic_02.png
  24. BIN
      static/imgs/dm/blog-traffic_03.png
  25. BIN
      static/imgs/dm/blog-traffic_04.png
  26. 11 3
      webSite/config.toml
  27. 3 3
      webSite/content/DM/bigData.md
  28. 2 2
      webSite/content/DM/crawler.md
  29. 3 3
      webSite/content/DM/research.md
  30. 4 4
      webSite/content/DM/seo.md
  31. 4 4
      webSite/content/DM/test.md
  32. 7 7
      webSite/content/ad-operation/dm.md
  33. 4 4
      webSite/content/ai-anchor/dm.md
  34. 4 4
      webSite/content/bigdata/dm.md
  35. 28 0
      webSite/content/blog-traffic/dm.md
  36. 4 4
      webSite/content/blog/choozmo-local-biz-marketing-plan.md
  37. 7 7
      webSite/content/contact/service.md
  38. 2 2
      webSite/content/crawler/dm.md
  39. 3 3
      webSite/content/research/dm.md
  40. 8 8
      webSite/content/seo/dm.md
  41. 5 5
      webSite/content/video-making/dm.md

+ 1 - 1
layouts/aboutus/single.html
View File 

@@ -34,7 +34,7 @@
 
                   <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
                   <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
                   <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
+                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
                   <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
                 </ul>
 
               </li>

+ 241 - 228
layouts/ad-operation/single.html
View File 

@@ -1,139 +1,144 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-      <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
 </head>
 
+
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
             </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header__title">智慧投放 Google 廣告<br>提高轉換率</h2>
 
+          <p class="text-center px-3">只要 Google 廣告下得好，就能吸引新訪客光顧網站、
 
+            提高線上銷售量、提升客戶回訪率，<strong>現在早鳥方案代操費用僅 1%</strong>
 
+          <p>
 
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_ad-operation_1.jpeg');">
 
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header__title">智慧投放Google廣告<br>提高轉換率</h2>
 
-                    <p class="text-center px-3">只要Google廣告下得好，就能吸引新訪客光顧網站、
 
-                      提高線上銷售量、提升客戶回訪率，<strong>現在早鳥方案代操費用僅 1%</strong> <p>
 
-                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_ad-operation_1.jpeg');">
 
-                        <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
-                        <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm__description">
 
-            <h2 class="category__sub_h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description_block1}}
 
-            <br>
 
-            {{ .Params.description_block2}}
 
-            </h5>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm__description">
 
+      <h2 class="category__sub_h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description_block1 }}
 
+        <br>
 
+        {{ .Params.description_block2 }}
 
+      </h5>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col position-relative">
 
                     <img class="img-block__img " src="{{ .Params.block1_img }}" alt="" style="width: 50%;">
 
@@ -146,24 +151,24 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block2_title }}</h4>
 
-                  <strong>{{ .Params.block2_strong }}</strong>
 
-                  <ul class="text-start img-block-list">
 
-                    <li>{{ .Params.block2_list1 }}</li>
 
-                    <li>{{ .Params.block2_list2 }}</li>
 
-                    <li>{{ .Params.block2_list3 }}</li>
 
-                  </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                  <img class="img-block__img" src="{{ .Params.block2_img }}" alt="">
 
-                  <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-              </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <strong>{{ .Params.block2_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block2_list1 }}</li>
 
+            <li>{{ .Params.block2_list2 }}</li>
 
+            <li>{{ .Params.block2_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block2_img }}" alt="">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col position-relative">
 
                     <img class="img-block__img" src="{{ .Params.block3_img }}" alt="">
 
@@ -176,106 +181,114 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-              <div class="col position-relative">
 
-                <img class="img-block__img" src="{{ .Params.block4_img }}" alt="" style="width: 50%;">
 
-                <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-              </div>
 
-              <div class="col my-auto pt-3 pt-md-0">
 
-                <h4>{{ .Params.block4_title }}</h4>
 
-                <strong>{{ .Params.block4_strong }}</strong>
 
-                <ul class="text-start img-block-list">
 
-                  <li>{{ .Params.block4_list1 }}</li>
 
-                  <li>{{ .Params.block4_list2 }}</li>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block4_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
 
-                </ul>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">智慧投放 Google 廣告服務</h3>
 
               </div>
 
             </div>
 
-          </section>
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm__title">
 
-                      <h3 class="pageForm__title-h3">智慧投放Google廣告服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm__txt mb-3 ">
 
-                    <p>集仕多擁有專業投放廣告的豐富經驗，利用獨家SEO顯微鏡健檢服務和綁定Google My Business兩大分析系統，完整收集數據與分析報告，
 
-                      為各大企業、商家以最有效的廣告策略，精準鎖定目標客群，並適時地調整廣告策略。
 
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm__notice">
 
-                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
-              </div>
 
+            <div class="pageForm__txt mb-3 ">
 
+              <p>集仕多擁有專業投放廣告的豐富經驗，利用獨家 SEO 顯微鏡健檢服務和綁定 Google My Business 兩大分析系統，完整收集數據與分析報告，
 
+                為各大企業、商家以最有效的廣告策略，精準鎖定目標客群，並適時地調整廣告策略。
 
+              </p>
 
+            </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
             </div>
 
-            
           </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-      <script type="application/javascript">
 
-        var doNotTrack = false;
 
-        if (!doNotTrack) {
 
-          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-          })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
-          ga('create', 'UA-153100602-5', 'auto');
 
-          
-          ga('send', 'pageview');
 
-        }
 
-      </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 17 - 15
layouts/ai-anchor/single.html
View File 

@@ -171,11 +171,12 @@
 
     .price-box .item {

       font-size: 50px;

     }

-    .ai-anchor-price mark{

+

+    .ai-anchor-price mark {

       background-color: transparent;

       padding: 2px 1px;

       border-radius: 5px;

-      color:#3190da;

+      color: #3190da;

       background: linear-gradient(transparent 40%, rgba(255, 255, 255, 0) 50%, yellow 75%, yellow 90%, transparent 95%);

     }

 

@@ -271,11 +272,11 @@
 
               <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>

               <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>

               <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>

-

               <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>

-              <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>

+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>

               <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>

-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>

+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>

+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>

             </ul>

           </li>

           <li class="nav-item">

@@ -297,12 +298,12 @@
 
       <img src="/imgs/01.webp" alt="" class="header__lefttop">

       <div class="row align-items-center g-0">

         <div class="col-12 col-lg-5 text-center">

-          <h2 class="header__anchor_title text-start">集仕多ChoozMo新聞AI主播<br>媒體聯播網最佳方案</h2>

+          <h2 class="header__anchor_title text-start">集仕多 ChoozMo 新聞 AI 主播<br>媒體聯播網最佳方案</h2>

 

           <p class="header-sub">圖文+影音+聯播<br>全方位媒體曝光，一次到位！</p>

 

           <p class="text-start">

-            ChoozMo最強大的網路新聞聯播方案，將您的圖文報導製成Ai主播影音新聞影片，保證發佈曝光到包括yahoo新聞、新浪網、Pchome新聞、LineToday等十二家知名媒體平台！

+            ChoozMo 最強大的網路新聞聯播方案，將您的圖文報導製成 AI 主播影音新聞影片，保證發佈曝光到包括yahoo 新聞、新浪網、Pchome 新聞、LineToday 等十二家知名媒體平台！

           <p>

             <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>

         </div>

@@ -320,9 +321,10 @@
 
       <section class="category container text-center py-5">

         <div class="d-flex align-items-center" style="margin-left: -30px;">

           <img src="/imgs/資產 3.png" alt="">

-          <h5 class="ms-2">Ai 主播報導影片｜提升知名度</h5>

+          <h5 class="ms-2">AI 主播報導影片｜提升知名度</h5>

         </div>

-        <p class="text-start mt-3">透過Ai主播報導影片，客戶能短時間內透過影音獲取資訊，更能透過報導增加客戶的信心度，不論是公司宣傳／產品發表／品牌經營，都能透過新聞稿發布，提升曝光及知名度！</p>

+        <p class="text-start mt-3" style="margin: 0;">透過 AI

+          主播報導影片，客戶能短時間內透過影音獲取資訊，更能透過報導增加客戶的信心度，不論是公司宣傳／產品發表／品牌經營，都能透過新聞稿發布，提升曝光及知名度！</p>

       </section>

       <div class="triangle-item">

         <img src="/imgs/三角形 1.png" alt="">

@@ -333,10 +335,10 @@
 
           <h5 class="ms-2">您僅需提供：</h5>

         </div>

         <ul class="text-start mt-3">

-          <li>新聞報導使用照片5張</li>

-          <li>新聞稿內容文字1000字以內</li>

+          <li>新聞報導使用照片 5 張</li>

+          <li>新聞稿內容文字 1000 字以內</li>

         </ul>

-        <span class="d-block text-start mt-3">即可獲得總價值超過36000元的全方位媒體曝光方案！</span>

+        <span class="d-block text-start mt-3">即可獲得總價值超過 36000 元的全方位媒體曝光方案！</span>

       </section>

     </div>

     <!-- <section class="category container text-center py-5 dm__description">

@@ -356,7 +358,7 @@
 
             <!-- <p>優惠價</p> -->

             <!-- <p class="text-decoration-line-through">36000</p> -->

           </div>

-          <p class="item ms-3 ai-anchor-price"><mark>36000元</mark>></p>

+          <p class="item ms-3 ai-anchor-price"><mark>36000 元</mark>></p>

         </div>

       </div>

 

@@ -371,12 +373,12 @@
 
           <div class="pageForm__p">

             <div class="mb-3">

               <div class="pageForm__title">

-                <h3 class="pageForm__title-h3">大集仕多ChoozMo新聞AI主播媒體聯播網最佳方案</h3>

+                <h3 class="pageForm__title-h3">集仕多 ChoozMo 新聞 AI 主播媒體聯播網最佳方案</h3>

               </div>

             </div>

             <div class="pageForm__txt mb-3 ">

               <p>

-                ChoozMo最強大的網路新聞聯播方案，將您的圖文報導製成Ai主播影音新聞影片，保證發佈曝光到包括yahoo新聞、新浪網、Pchome新聞、LineToday等十二家知名媒體平台！

+                ChoozMo 最強大的網路新聞聯播方案，將您的圖文報導製成Ai主播影音新聞影片，保證發佈曝光到包括yahoo 新聞、新浪網、Pchome 新聞、LineToday 等十二家知名媒體平台！

               </p>

             </div>

             <div class="pageForm__notice">

+ 1 - 1
layouts/ai-training/single.html
View File 

@@ -35,7 +35,7 @@
 
                   <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
                   
                   <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
+                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
                   <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
                 </ul>
 
               </li>

+ 1 - 1
layouts/amp/single.html
View File 

@@ -87,7 +87,7 @@
 
                   <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
                   
                   <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
+                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
                   <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
                 </ul>
 
               </li>

+ 242 - 229
layouts/bigdata/single.html
View File 

@@ -1,174 +1,179 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
 </head>
 
+
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
             </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-                   <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_data.jpeg');">
 
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header__title" >{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_data.jpeg');">
 
-                        <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
-                        <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm__description">
 
-            <h2 class="category__sub_h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img " src="{{ .Params.block1_img }}" alt="">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block2_title }}</h4>
 
-                  <strong>{{ .Params.block2_strong }}</strong>
 
-                  <p>{{ .Params.block2_text | markdownify }}</p>
 
-                </div>
 
-                <div class="col position-relative">
 
-                  <img class="img-block__img" src="{{ .Params.block2_img }}" alt="">
 
-                  <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-              </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img" src="{{ .Params.block3_img }}" alt="">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block3_title }}</h4>
 
-                  <strong>{{ .Params.block3_strong }}</strong>
 
-                  <p>{{ .Params.block3_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm__description">
 
+      <h2 class="category__sub_h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img " src="{{ .Params.block1_img }}" alt="">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <strong>{{ .Params.block2_strong }}</strong>
 
+          <p>{{ .Params.block2_text | markdownify }}</p>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block2_img }}" alt="">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block3_img }}" alt="">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block3_title }}</h4>
 
+          <strong>{{ .Params.block3_strong }}</strong>
 
+          <p>{{ .Params.block3_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col my-auto">
 
                   <h4>{{ .Params.block4_title }}</h4>
 
@@ -185,88 +190,96 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm__title">
 
-                      <h3 class="pageForm__title-h3">大數據蒐集與分析服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm__txt mb-3 ">
 
-                    <p>集仕多團隊擁有紮實Machine Learning 與Deep Learning技術，大數據專案經驗豐富，
 
-                      包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用，除此之外，我們也提供文字探勘服務。
 
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm__notice">
 
-                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">大數據蒐集與分析服務</h3>
 
               </div>
 
             </div>
 
+            <div class="pageForm__txt mb-3 ">
 
+              <p>集仕多團隊擁有紮實 Machine Learning 與 Deep Learning 技術，大數據專案經驗豐富，
 
+                包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用，除此之外，我們也提供文字探勘服務。
 
+              </p>
 
+            </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
+            </div>
 
           </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-      <script type="application/javascript">
 
-        var doNotTrack = false;
 
-        if (!doNotTrack) {
 
-          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-          })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
-          ga('create', 'UA-153100602-5', 'auto');
 
-          
-          ga('send', 'pageview');
 
-        }
 
-      </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 324 - 0
layouts/blog-traffic/single.html
View File 

@@ -0,0 +1,324 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
+
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
+
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
+
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
+
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
+
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
+
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
+
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
+
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
+</head>
 
+
 
+<body>
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
+            </a>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main class="blog-traffic" style="overflow: hidden;">
 
+    <section class="header" style="padding-top: 1.5rem;">
 
+      <img src="/imgs/dm/blog-traffic_00.jpg" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-6 text-center ">
 
+          <h2 class="header__title m-0">{{ .Params.packageTitle }}</h2>
 
+          <p class="header__title text-center px-3">{{ .Params.packageSub }}
 
+            <br>排名第 1
 
+          <p>
 
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="header__right header__dm" style="background-image: url('/imgs/dm/blog-traffic.png');">
 
+            <!-- <img src="/imgs/02.webp" alt="" class="header__right__cir"> -->
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <!-- <img class="header__right__bubble" src="/imgs/對話.webp" alt=""> -->
 
+            <!-- <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt=""> -->
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </section>
 
+
 
+    <section class="category container py-5 dm__description mb-3">
 
+      <h5 style="line-height: 30px;">{{ .Params.description }}</h5>
 
+    </section>
 
+
 
+    <h2 class="category__sub_h2 py-3"></h2>
 
+    <section class="category container img-block pt-4">
 
+      <div class="d-flex align-items-start">
 
+        <img class="img-block__img img-first" src="{{ .Params.block1_img }}" alt="">
 
+        <div class="mt-4 pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <p class="sub-title">{{ .Params.block1_sub }}</p>
 
+          <!-- <strong>{{ .Params.block1_strong }}</strong> -->
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+          <ul>
 
+            <li>1. 獨家SEO顯微鏡 看清您的店家SEO關鍵字全貌建議。</li>
 
+            <li>2. 為您的專訪文章內容優化且埋入您專屬的關鍵字。</li>
 
+            <li>3. 為您放在部落格中的文章不斷推升流量做文章SEO。</li>
 
+            <li>＊選定經營文章中三組關鍵字，推升關鍵字搜尋排名。80 天後，保證其中一組進搜尋首頁！</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+    </section>
 
+
 
+    <div class="d-flex">
 
+      <img src="/imgs/dm/blog-traffic_04.png" alt="" class="add-img">
 
+    </div>
 
+
 
+    <section class="category container img-block">
 
+      <div class="d-flex align-items-start">
 
+        <img class="img-block__img" src="{{ .Params.block2_img }}" alt="">
 
+        <div class="mt-4 pt-3 pt-md-0">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <p>{{ .Params.block2_text | markdownify }}</p>
 
+          <ul>
 
+            <li>獨家 SEO 顯微鏡健檢服務：</li>
 
+            <li>1. 資料來源是來源自客戶網站、客戶產業、競業分析，透過 Google Ads 和分群演算法，SEO 分析系統所產生的關鍵字建議，有效應用於SEO關鍵字排名優化。</li>
 
+            <li>2. 使用 Clustering 分群演算法，有共同字詞，會容易被分在同一群。</li>
 
+            <li>關鍵字研究：選擇適合您的關鍵字結合內容行銷，逐步提升排名。</li>
 
+            <li>優化分析與策略：提出SEO改善建議，偕同逐項優化，推動排名向前。</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+    </section>
 
+
 
+    <div class="d-flex">
 
+      <img src="/imgs/dm/blog-traffic_04.png" alt="" class="add-img">
 
+    </div>
 
+
 
+    <section class="category container img-block">
 
+      <div class="d-flex align-items-start">
 
+        <img class="img-block__img" src="{{ .Params.block3_img }}" alt="">
 
+        <div class="mt-4 pt-3 pt-md-0">
 
+          <h4>{{ .Params.block3_title }}</h4>
 
+          <p>{{ .Params.block3_text | markdownify }}</p>
 
+          <ul>
 
+            <li>專訪範例：</li>
 
+            <li>Q1、請問店裡面的料理有那些呢？</li>
 
+            <li>Q2、您對於食材很講究，可以介紹食材的選用嗎？</li>
 
+            <li>Q3、推薦的店內招牌品項和各別的特色介紹？</li>
 
+            <li>Q4、您的料理相當有特色，未來會想參加比賽嗎？</li>
 
+            <li>Q5、近期有什麼店內活動或想宣傳的部分嗎？</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+    </section>
 
+
 
+    <div class="container loaded pageForm" style="margin-top: 70px;">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">
 
+                  創業家專案
 
+                  <br>
 
+                  數位行銷最強後盾！
 
+                </h3>
 
+              </div>
 
+            </div>
 
+            <div class="pageForm__txt mb-3 ">
 
+              <p>
 
+                獨家SEO關鍵字研究 | 口碑文章，專訪撰寫
 
+                <br>
 
+                文章SEO，流量推升 | 讓集仕多為您的店家創造知名度！
 
+              </p>
 
+            </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+
 
+    // 判斷載具尺寸
 
+    let os = function () {
 
+      let ua = navigator.userAgent,
 
+        isWindowsPhone = /(?:Windows Phone)/.test(ua),
 
+        isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
 
+        isAndroid = /(?:Android)/.test(ua),
 
+        isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)),
 
+        isPhone = /(?:iPhone)/.test(ua) && !isTablet,
 
+        isPc = !isPhone && !isAndroid && !isSymbian;
 
+      return {
 
+        isTablet: isTablet,
 
+        isPhone: isPhone,
 
+        isAndroid: isAndroid,
 
+        isPc: isPc
 
+      };
 
+    }();
 
+
 
+    if (os.isPc) {
 
+      let dom = document.querySelector('.blog-traffic .header');
 
+      if (dom) {
 
+        dom.style.height = "75vh";
 
+      }
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
+    crossorigin="anonymous"></script>
 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
+    crossorigin="anonymous"></script>
 
+</body>
 
+
 
+</html>

+ 52 - 52
layouts/contact/single.html
View File 

@@ -152,12 +152,11 @@
 
               <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
               <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
               <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-
 
               <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-              <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
               <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
           </li>
 
           <li class="nav-item">
 
@@ -214,13 +213,13 @@
 
               <div class="content-service">
 
                 <h2>SEO搜尋排名優化服務</h2>
 
                 <ul>
 
-                  <li>網站健檢: 盤點網頁結構、速度</li>
 
-                  <li>網站健檢: 盤點網頁結構、速度</li>
 
-                  <li>關鍵字研究: 選擇適合你的關鍵字結合內容行銷，逐步提升排名</li>
 
+                  <li>網站健檢：盤點網頁結構、速度</li>
 
+                  <li>網站健檢：盤點網頁結構、速度</li>
 
+                  <li>關鍵字研究：選擇適合你的關鍵字結合內容行銷，逐步提升排名</li>
 
                 </ul>
 
                 <a style="text-decoration: none;" href="/seo/dm">
 
                   <button class="LearnMore">了解詳情</button>
 
-                 </a>
 
+                </a>
 
               </div>
 
 
             </div>
 
@@ -248,7 +247,7 @@
 
                 </ul>
 
                 <a style="text-decoration: none;" href="/video-making/dm">
 
                   <button class="LearnMore">了解詳情</button>
 
-                 </a>
 
+                </a>
 
               </div>
 
 
             </div>
 
@@ -270,13 +269,13 @@
 
               <div class="content-service">
 
                 <h2>企業系統研發委外方案</h2>
 
                 <ul>
 
-                  <li>企業研發後盾快速導入AI人工智慧技術</li>
 
+                  <li>企業研發後盾快速導入 AI 人工智慧技術</li>
 
                   <li>降低資訊研發、維護成本</li>
 
                   <li>完善的軟、硬體系統規劃</li>
 
                 </ul>
 
                 <a style="text-decoration: none;" href="/research/dm">
 
                   <button class="LearnMore">了解詳情</button>
 
-                 </a>
 
+                </a>
 
               </div>
 
 
             </div>
 
@@ -304,7 +303,7 @@
 
                 </ul>
 
                 <a style="text-decoration: none;" href="/crawler/dm">
 
                   <button class="LearnMore">了解詳情</button>
 
-                 </a>
 
+                </a>
 
               </div>
 
 
             </div>
 
@@ -320,8 +319,8 @@
 
             </div>
 
           </div>
 
         </div>
 
-      
-      
+
 
+
 
         <div class="service_slider">
 
           <div class="row px-0 mx-0">
 
             <div class="col-md-5 px-0">
 
@@ -334,7 +333,7 @@
 
                 </ul>
 
                 <a style="text-decoration: none;" href="/bigdata/dm">
 
                   <button class="LearnMore">了解詳情</button>
 
-                 </a>
 
+                </a>
 
               </div>
 
 
             </div>
 
@@ -362,7 +361,7 @@
 
                 </ul>
 
                 <a style="text-decoration: none;" href="/ad-operation/dm">
 
                   <button class="LearnMore">了解詳情</button>
 
-                 </a>
 
+                </a>
 
               </div>
 
 
             </div>
 
@@ -385,14 +384,14 @@
 
           <div class="content-service">
 
             <h2>SEO搜尋排名優化服務</h2>
 
             <ul>
 
-              <li>網站健檢: 盤點網頁結構、速度</li>
 
-              <li>網站健檢: 盤點網頁結構、速度</li>
 
-              <li>關鍵字研究: 選擇適合你的關鍵字結合內容行銷，逐步提升排名</li>
 
+              <li>網站健檢：盤點網頁結構、速度</li>
 
+              <li>網站健檢：盤點網頁結構、速度</li>
 
+              <li>關鍵字研究：選擇適合你的關鍵字結合內容行銷，逐步提升排名</li>
 
             </ul>
 
             <div class="text-center">
 
               <a style="text-decoration: none;" href="/seo/dm">
 
                 <button class="LearnMore">了解詳情</button>
 
-               </a>
 
+              </a>
 
             </div>
 
           </div>
 
         </div>
 
@@ -400,15 +399,15 @@
 
           <img class="img-fluid" src="/img/ContactUsImg/video-m.png" alt="">
 
           <div class="content-service">
 
             <h2>影音製作服務</h2>
 
-                <ul>
 
-                  <li>只要提供素材，將你的故事變成影片</li>
 
-                  <li>行銷形象影片，銷售更容易，提高成交率</li>
 
-                  <li>客製化量身打造，用質感為品牌加分，用影像為企業發聲</li>
 
-                </ul>
 
+            <ul>
 
+              <li>只要提供素材，將你的故事變成影片</li>
 
+              <li>行銷形象影片，銷售更容易，提高成交率</li>
 
+              <li>客製化量身打造，用質感為品牌加分，用影像為企業發聲</li>
 
+            </ul>
 
             <div class="text-center">
 
               <a style="text-decoration: none;" href="/video-making/dm">
 
                 <button class="LearnMore">了解詳情</button>
 
-               </a>
 
+              </a>
 
             </div>
 
           </div>
 
         </div>
 
@@ -416,15 +415,15 @@
 
           <img class="img-fluid" src="/img/ContactUsImg/development-m.png" alt="">
 
           <div class="content-service">
 
             <h2>企業系統研發委外方案</h2>
 
-                <ul>
 
-                  <li>企業研發後盾快速導入AI人工智慧技術</li>
 
-                  <li>降低資訊研發、維護成本</li>
 
-                  <li>完善的軟、硬體系統規劃</li>
 
-                </ul>
 
+            <ul>
 
+              <li>企業研發後盾快速導入 AI 人工智慧技術</li>
 
+              <li>降低資訊研發、維護成本</li>
 
+              <li>完善的軟、硬體系統規劃</li>
 
+            </ul>
 
             <div class="text-center">
 
               <a style="text-decoration: none;" href="/research/dm">
 
                 <button class="LearnMore">了解詳情</button>
 
-               </a>
 
+              </a>
 
             </div>
 
           </div>
 
         </div>
 
@@ -440,7 +439,7 @@
 
             <div class="text-center">
 
               <a style="text-decoration: none;" href="/crawler/dm">
 
                 <button class="LearnMore">了解詳情</button>
 
-               </a>
 
+              </a>
 
             </div>
 
           </div>
 
         </div>
 
@@ -456,7 +455,7 @@
 
             <div class="text-center">
 
               <a style="text-decoration: none;" href="/bigdata/dm">
 
                 <button class="LearnMore">了解詳情</button>
 
-               </a>
 
+              </a>
 
             </div>
 
           </div>
 
         </div>
 
@@ -464,23 +463,24 @@
 
           <img class="img-fluid" src="/img/ContactUsImg/googleads-m.png" alt="">
 
           <div class="content-service">
 
             <h2>廣告代操 智慧投放Google廣告</h2>
 
-                <ul>
 
-                  <li>搭配不同廣告策略，達到成效最佳化</li>
 
-                  <li>吸引新訪客光顧網站、 提高線上銷售量、提升客戶回訪率</li>
 
-                  <li>改善建議，協同逐項優化，推動排名向前</li>
 
-                </ul>
 
+            <ul>
 
+              <li>搭配不同廣告策略，達到成效最佳化</li>
 
+              <li>吸引新訪客光顧網站、 提高線上銷售量、提升客戶回訪率</li>
 
+              <li>改善建議，協同逐項優化，推動排名向前</li>
 
+            </ul>
 
             <div class="text-center">
 
               <a style="text-decoration: none;" href="/ad-operation/dm">
 
                 <button class="LearnMore">了解詳情</button>
 
-               </a>
 
+              </a>
 
             </div>
 
           </div>
 
         </div>
 
       </div>
 
       <img class="img-fluid pt-3" src="/img/ContactUsImg/Mask Group 4.png" alt="">
 
-      <img class="circle-orange d-none d-md-block" style="position: absolute;" src="/img/ContactUsImg/circle.png" alt="">
 
+      <img class="circle-orange d-none d-md-block" style="position: absolute;" src="/img/ContactUsImg/circle.png"
 
+        alt="">
 
     </section>
 
-   
+
 
     <div id="contact_box">
 
       <section class="Contact_Information">
 
         <div class="row px-0 mx-0">
 
@@ -580,28 +580,28 @@
 
     integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
-    <script>
 
-      $('.service_slider_Box').slick({
 
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
+  <script>
 
+    $('.service_slider_Box').slick({
 
       slidesToShow: 1, //預設 1 幻燈片顯示幾張
 
       slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
 
       arrows: true, // 預設 true 左右箭頭是否顯示
 
-      dots:true,
 
+      dots: true,
 
       prevArrow: '<button type="button" class="slick-prev"><img src="/img/ContactUsImg/Group 934.png" alt="" width="60" height="60"></button>',
 
       nextArrow: '<button type="button" class="slick-next"><img src="/img/ContactUsImg/Group 933.png" alt="" width="60" height="60"></button>'
 
-      });
 
+    });
 
 
-      $('.service_slider_Box-m').slick({
 
+    $('.service_slider_Box-m').slick({
 
       slidesToShow: 1, //預設 1 幻燈片顯示幾張
 
       slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
 
       arrows: true, // 預設 true 左右箭頭是否顯示
 
-      dots:true,
 
+      dots: true,
 
       prevArrow: '<button type="button" class="slick-prev"><img src="/img/ContactUsImg/Group 934.png" alt="" width="50" height="50"></button>',
 
       nextArrow: '<button type="button" class="slick-next"><img src="/img/ContactUsImg/Group 933.png" alt="" width="50" height="50"></button>'
 
-      });
 
-      
+    });
 
+
 
 
-    </script>
 
+  </script>
 
 </body>
 
 
 </html>

+ 234 - 221
layouts/crawler/single.html
View File 

@@ -1,148 +1,153 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
 </head>
 
+
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
             </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_crawler.png');">
 
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_crawler.png');">
 
-                        <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
-                        <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm__description">
 
-            <h2 class="category__sub_h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img " src="{{ .Params.block1_img }}" alt="">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm__description">
 
+      <h2 class="category__sub_h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img " src="{{ .Params.block1_img }}" alt="">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col my-auto">
 
                   <h4>{{ .Params.block2_title }}</h4>
 
@@ -168,106 +173,114 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block4_title }}</h4>
 
-                  <strong>{{ .Params.block4_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block4_list1 }}</li>
 
-                        <li>{{ .Params.block4_list2 }}</li>
 
-                        <li>{{ .Params.block4_list3 }}</li>
 
-                    </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
 
-                    <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm__title">
 
-                      <h3 class="pageForm__title-h3">資訊爬蟲抓取專案服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm__txt mb-3 ">
 
-                    <p>集仕多擁有專業的AI資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，協助你在大量數據時代下，
 
-                      依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用網路，應用豐富多元，依你需求提供專案服務。
 
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm__notice">
 
-                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">資訊爬蟲抓取專案服務</h3>
 
               </div>
 
             </div>
 
-            
+            <div class="pageForm__txt mb-3 ">
 
+              <p>集仕多擁有專業的 AI 資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，協助你在大量數據時代下，
 
+                依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用網路，應用豐富多元，依你需求提供專案服務。
 
+              </p>
 
+            </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
+            </div>
 
           </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-      <script type="application/javascript">
 
-        var doNotTrack = false;
 
-        if (!doNotTrack) {
 
-          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-          })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
-          ga('create', 'UA-153100602-5', 'auto');
 
-          
-          ga('send', 'pageview');
 
-        }
 
-      </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 1 - 1
layouts/ip/single.html
View File 

@@ -87,7 +87,7 @@
 
                   <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
                   
                   <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
+                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
                   <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
                 </ul>
 
               </li>

File diff suppressed because it is too large
+ 8 - 15
layouts/partials/LP_components/blogs_tab.html


+ 2 - 2
layouts/partials/LP_components/features.html
View File 

@@ -18,7 +18,7 @@
 
                         <ul class="features-list">
 
                             <li>只需等待數分鐘即產製完成</li>
 
                             <li>可上傳圖片或是影片作為背景</li>
 
-                            <li>生成MP4檔</li>
 
+                            <li>生成 MP4 檔</li>
 
                         </ul>
 
                     </div>
 
                 </div>
 
@@ -72,7 +72,7 @@
 
                             <li>輸入文字腳本及投影片連結
 
                                 <br>一鍵完成影片
 
                             </li>
 
-                            <li>生成MP4檔</li>
 
+                            <li>生成 MP4 檔</li>
 
                         </ul>
 
                     </div>
 
                 </div>

+ 0 - 45
layouts/partials/head.html
View File 

@@ -59,51 +59,6 @@
 
   <!-- RSS feed -->
 
   <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
 
 
-  <!-- Facebook OpenGraph tags -->
 
-  {{ $is_blog := and (eq .Type "blog") (eq .Kind "page") }}
 
-  {{ $has_image :=  isset .Params "banner" }}
 
-  {{ $image := cond $has_image .Params.banner (.Site.Params.default_sharing_image | default "img/sharing-default.png") }}
 
-  {{ $is_valid_image := print "static/" $image | fileExists }}
 
-  {{ if $is_valid_image }}
 
-  {{ $image_ext := path.Ext $image }}
 
-  <meta property="og:locale" content="{{ replace .Site.LanguageCode "-" "_" }}">
 
-  <meta property="og:site_name" content="{{ .Site.Title }}">
 
-  <meta property="og:title" content="{{ $title_plain }}">
 
-  <meta property="og:type" content="{{ cond $is_blog "article" "website" }}">
 
-  <meta property="og:url" content="{{ .Permalink }}" />
 
-  <meta property="og:description" content="{{ $description_plain }}">
 
-  <meta property="og:image" content="{{ $image | absURL }}">
 
-  <meta property="og:image:type" content="image/{{ if eq $image_ext ".svg" }}svg+xml{{ else }}{{ trim $image_ext "." }}{{ end }}">
 
-  {{ with .Params.banner_alt }}<meta property="og:image:alt" content="{{ . | markdownify | plainify }}">{{ end }}
 
-  {{ $image_local :=  printf "/static/%s" $image}}
 
-  {{ with (imageConfig $image_local) }}
 
-    <meta property="og:image:width" content="{{ .Width }}">
 
-    <meta property="og:image:height" content="{{ .Height }}">
 
-  {{ end }}
 
-  {{ end }}
 
-  {{ with .Lastmod }}<meta property="og:updated_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-  {{ if $is_blog }}
 
-    {{ with .Param "facebook_site" }}<meta property="article:publisher" content="https://www.facebook.com/{{ . }}/">{{ end }}
 
-    {{ with .Param "facebook_author" }}<meta property="article:author" content="https://www.facebook.com/{{ . }}/">{{ end }}
 
-    {{ with .Params.categories }}<meta property="article:section" content="{{ index . 0 }}">{{ end }}
 
-    {{ range .Params.tags }}<meta property="article:tag" content="{{ . }}">
 
-    {{ end }}
 
-    {{ if gt .ExpiryDate .PublishDate }}<meta property="article:expiration_time" content="{{ .ExpiryDate.Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-    {{ with .PublishDate }}<meta property="article:published_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-    {{ with .Lastmod }}<meta property="article:modified_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-  {{ end }}
 
-
 
-  <!-- Twitter Card meta tags -->
 
-  <meta name="twitter:card" content="summary{{ if (and $is_blog (and $has_image $is_valid_image)) }}_large_image{{ end }}">
 
-  {{ with .Param "twitter_site" }}<meta name="twitter:site" content="@{{ . }}">{{ end }}
 
-  <meta name="twitter:title" content="{{ $title_plain | truncate 70 }}">
 
-  {{ if $is_valid_image }}
 
-  <meta name="twitter:image" content="{{ $image | absURL }}">
 
-  {{ end }}
 
-  <meta name="twitter:description" content="{{ $description_plain | truncate 200 }}">
 
-  {{ with .Param "twitter_author" }}<meta name="twitter:creator" content="@{{ . }}">{{ end }}
 
-  
-  <meta name="facebook-domain-verification" content="3xipgs46lfxeohb6sq2xw3ulmq94ew" />
 
   <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
 
   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
 
   <script>

+ 257 - 244
layouts/research/single.html
View File 

@@ -1,273 +1,286 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
 </head>
 
+
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
             </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header__right header__dm" style="background-image: url('https://i.imgur.com/cqerHee.jpg');">
 
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header__right header__dm" style="background-image: url('https://i.imgur.com/cqerHee.jpg');">
 
-                        <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
-                        <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm__description">
 
-            <h2 class="category__sub_h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img " src="{{ .Params.block1_img }}" alt="" style="width: 50%;">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block2_title }}</h4>
 
-                  <strong>{{ .Params.block2_strong }}</strong>
 
-                  <p>{{ .Params.block2_text | markdownify }}</p>
 
-                </div>
 
-                <div class="col position-relative">
 
-                  <img class="img-block__img" src="{{ .Params.block2_img }}" alt="" style="width: 50%;">
 
-                  <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm__description">
 
+      <h2 class="category__sub_h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img " src="{{ .Params.block1_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <strong>{{ .Params.block2_strong }}</strong>
 
+          <p>{{ .Params.block2_text | markdownify }}</p>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block2_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block3_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block3_title }}</h4>
 
+          <strong>{{ .Params.block3_strong }}</strong>
 
+          <p>{{ .Params.block3_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block4_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">企業系統研發委外方案</h3>
 
               </div>
 
             </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img" src="{{ .Params.block3_img }}" alt="" style="width: 50%;">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block3_title }}</h4>
 
-                  <strong>{{ .Params.block3_strong }}</strong>
 
-                  <p>{{ .Params.block3_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block4_title }}</h4>
 
-                  <strong>{{ .Params.block4_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block4_list1 }}</li>
 
-                        <li>{{ .Params.block4_list2 }}</li>
 
-                        <li>{{ .Params.block4_list3 }}</li>
 
-                    </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img" src="{{ .Params.block4_img }}" alt="" style="width: 50%;">
 
-                    <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
+            <div class="pageForm__txt mb-3 ">
 
+              <p>集仕多擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務，提供企業節省人力開銷的資訊委外解決方案。
 
+                並依照企業用戶的情況提供的需求，透過評估及分析後，補強用戶在資訊規劃上的不足，提升企業運作效率。
 
+              </p>
 
             </div>
 
-          </section>
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm__title">
 
-                      <h3 class="pageForm__title-h3">企業系統研發委外方案</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm__txt mb-3 ">
 
-                    <p>集仕多擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務，提供企業節省人力開銷的資訊委外解決方案。
 
-                      並依照企業用戶的情況提供的需求，透過評估及分析後，補強用戶在資訊規劃上的不足，提升企業運作效率。
 
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm__notice">
 
-                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
-              </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
             </div>
 
-            
           </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-      <script type="application/javascript">
 
-        var doNotTrack = false;
 
-        if (!doNotTrack) {
 
-          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-          })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
-          ga('create', 'UA-153100602-5', 'auto');
 
-          
-          ga('send', 'pageview');
 
-        }
 
-      </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 234 - 221
layouts/seo/single.html
View File 

@@ -1,148 +1,153 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
 </head>
 
+
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
             </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header__right header__dm" style="background-image: url('https://i.imgur.com/ApmF3a9.jpg');">
 
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header__right header__dm" style="background-image: url('https://i.imgur.com/ApmF3a9.jpg');">
 
-                        <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
-                        <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm__description">
 
-            <h2 class="category__sub_h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img " src="{{ .Params.block1_img }}" alt="">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm__description">
 
+      <h2 class="category__sub_h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img " src="{{ .Params.block1_img }}" alt="">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col my-auto">
 
                   <h4>{{ .Params.block2_title }}</h4>
 
@@ -168,106 +173,114 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block4_title }}</h4>
 
-                  <strong>{{ .Params.block4_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block4_list1 }}</li>
 
-                        <li>{{ .Params.block4_list2 }}</li>
 
-                        <li>{{ .Params.block4_list3 }}</li>
 
-                    </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
 
-                    <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm__title">
 
-                      <h3 class="pageForm__title-h3">SEO搜尋排名優化服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm__txt mb-3 ">
 
-                    <p>集仕多擁有獨家的SEO顯微鏡健檢服務，幫助你進行網站健檢，盤點網頁結構、速度及關鍵字研究，選擇適合你的關鍵字結合內容行銷，逐步提升排名
 
-                      並且進行優化分析與策略，提出SEO改善建議，偕同逐項優化，推動排名向前。                   
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm__notice">
 
-                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">SEO 搜尋排名優化服務</h3>
 
               </div>
 
             </div>
 
-            
+            <div class="pageForm__txt mb-3 ">
 
+              <p>集仕多擁有獨家的 SEO 顯微鏡健檢服務，幫助你進行網站健檢，盤點網頁結構、速度及關鍵字研究，選擇適合你的關鍵字結合內容行銷，逐步提升排名
 
+                並且進行優化分析與策略，提出SEO改善建議，偕同逐項優化，推動排名向前。
 
+              </p>
 
+            </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
+            </div>
 
           </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-      <script type="application/javascript">
 
-        var doNotTrack = false;
 
-        if (!doNotTrack) {
 
-          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-          })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
-          ga('create', 'UA-153100602-5', 'auto');
 
-          
-          ga('send', 'pageview');
 
-        }
 
-      </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 257 - 244
layouts/video-making/single.html
View File 

@@ -1,171 +1,176 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
 
-    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <script>
 
-      window.dataLayer = window.dataLayer || [];
 
-      function gtag(){dataLayer.push(arguments);}
 
-      gtag('js', new Date());
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
 
+  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+  <script>
 
+    window.dataLayer = window.dataLayer || [];
 
+    function gtag() { dataLayer.push(arguments); }
 
+    gtag('js', new Date());
 
+
 
+    gtag('config', 'AW-474336061');
 
+  </script>
 
+  <style>
 
+    .footer {
 
+      color: #656565;
 
+    }
 
 
-      gtag('config', 'AW-474336061');
 
-    </script>
 
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
+    .footer a {
 
+      color: #656565;
 
+      text-decoration: none;
 
+    }
 
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
+    .footer h5 {
 
+      color: black;
 
+      font-weight: 600;
 
+      padding-bottom: 15px;
 
+    }
 
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
+    .footer .link {
 
+      padding-bottom: 20px;
 
+    }
 
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
+    .footer {
 
+      background-color: #F0F0F0;
 
+      padding: 3rem;
 
+    }
 
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
+    .footer .right-column {
 
+      border-left: 1px solid black;
 
+    }
 
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
+    .footer .footer-aigirl {
 
+      font-weight: 600;
 
+      font-size: 2rem;
 
+      margin-top: 1rem;
 
+      margin-bottom: 1rem;
 
+    }
 
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
+    .footer .footer-follow {
 
+      font-size: 1.6rem;
 
+      margin-bottom: 1rem;
 
+      color: black;
 
+      font-size: 1rem;
 
+      font-weight: 600;
 
+      margin-top: 2rem;
 
+    }
 
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
-      
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+    .footer .footer-socials a {
 
+      margin-right: 5px;
 
+    }
 
+  </style>
 
 </head>
 
+
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
+  <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
+    <div class="container-fluid">
 
+      <a class="navbar-brand" href="/">
 
+        <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
 
+          class="d-inline-block align-text-top">
 
+      </a>
 
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
 
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
+        <span class="navbar-toggler-icon"></span>
 
+      </button>
 
+      <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
+        <ul class="navbar-nav">
 
+          <li class="nav-item">
 
+            <a class="nav-link active" aria-current="page" href="/">Home</a>
 
+          </li>
 
+          <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
+              aria-expanded="false">
 
+              服務
 
             </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞AI主播媒體聯播網</a></li>
 
-
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+              <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
+              <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
+              <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
+              <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
+              <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
+              <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
+              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
+              <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             </ul>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
+          </li>
 
+          <li class="nav-item">
 
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </nav>
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center">
 
+          <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3 m-0" style="font-size: 1.4rem;">{{ .Params.packageSub1 }}</p>
 
+          <p class="text-center px-3" style="font-size: 1.4rem;">{{ .Params.packageSub2 }}</p>
 
+          <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_video-making-1.png');">
 
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
+            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header__lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center">
 
-                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3" style="font-size: 1.4rem;">{{ .Params.packageSub1 }}</p>
 
-                    <p class="text-center px-3" style="font-size: 1.4rem;">{{ .Params.packageSub2 }}</p>
 
-                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_video-making-1.png');">
 
-                        <img src="/imgs/02.webp" alt="" class="header__right__cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
 
-                        <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center dm__description mt-xl">
 
-            <h2 class="category__sub_h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container-fluid text-center py-5" style="background-color: #FFEBE8;">
 
-            <h2 style="font-size: 1.8rem;"><i class="fas fa-volume-up me-2" style="color: #ff892e;"></i>{{ .Params.description_block3_title }}<i class="fas fa-volume-up ms-2" style="color: #ff892e;"></i></h2>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center dm__description mt-xl">
 
+      <h2 class="category__sub_h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container-fluid text-center py-5" style="background-color: #FFEBE8;">
 
+      <h2 style="font-size: 1.8rem;"><i class="fas fa-volume-up me-2" style="color: #ff892e;"></i>{{
 
+        .Params.description_block3_title }}<i class="fas fa-volume-up ms-2" style="color: #ff892e;"></i></h2>
 
 
-            <p style="font-weight: 300;" class="px-2 px-md-5">{{ .Params.description_block3}}
 
-            </p>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img " src="{{ .Params.block1_img }}" alt="" style="width: 60%;">
 
-                    <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block3_title }}</h4>
 
-                  <strong>{{ .Params.block3_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block3_list1 }}</li>
 
-                        <li>{{ .Params.block3_list2 }}</li>
 
-                        <li>{{ .Params.block3_list3 }}</li>
 
-                        <li>{{ .Params.block3_list4 }}</li>
 
-                        <li>{{ .Params.block3_list5 }}</li>
 
-                        <li>{{ .Params.block3_list6 }}</li>
 
-                    </ul>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+      <p style="font-weight: 300;" class="px-2 px-md-5">{{ .Params.description_block3}}
 
+      </p>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block__img " src="{{ .Params.block1_img }}" alt="" style="width: 60%;">
 
+          <img class="img-block__linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block3_title }}</h4>
 
+          <strong>{{ .Params.block3_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block3_list1 }}</li>
 
+            <li>{{ .Params.block3_list2 }}</li>
 
+            <li>{{ .Params.block3_list3 }}</li>
 
+            <li>{{ .Params.block3_list4 }}</li>
 
+            <li>{{ .Params.block3_list5 }}</li>
 
+            <li>{{ .Params.block3_list6 }}</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col my-auto">
 
                   <h4>{{ .Params.block2_title }}</h4>
 
@@ -191,109 +196,117 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block4_title }}</h4>
 
-                  <strong>{{ .Params.block4_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block4_list1 }}</li>
 
-                        <li>{{ .Params.block4_list2 }}</li>
 
-                        <li>{{ .Params.block4_list3 }}</li>
 
-                    </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                    <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
 
-                    <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block" style="padding-bottom: 6rem;">
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
 
+          <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block" style="padding-bottom: 6rem;">
 
             <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
           </section> -->
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm__title">
 
-                      <h3 class="pageForm__title-h3">影音製作服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm__txt mb-3 ">
 
-                    <p>集仕多擁有專業影音剪輯團隊、豐富的影音行銷經驗，運用曝光畫面來讓品牌影片不再是漫無目的播放，而是正確的表達產品所訴求的內容。
 
-                      精準鎖定目標客群，以最有效的方式提高品牌影音的注目性！再進一步增加品牌的印象及知名度等一一呈現，傳達企業發展前景！
 
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm__notice">
 
-                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm__p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <div class="mb-3">
 
+              <div class="pageForm__title">
 
+                <h3 class="pageForm__title-h3">影音製作服務</h3>
 
               </div>
 
             </div>
 
-            
+            <div class="pageForm__txt mb-3 ">
 
+              <p>集仕多擁有專業影音剪輯團隊、豐富的影音行銷經驗，運用曝光畫面來讓品牌影片不再是漫無目的播放，而是正確的表達產品所訴求的內容。
 
+                精準鎖定目標客群，以最有效的方式提高品牌影音的注目性！再進一步增加品牌的印象及知名度等一一呈現，傳達企業發展前景！
 
+              </p>
 
+            </div>
 
+            <div class="pageForm__notice">
 
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
+            </div>
 
           </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm__p">
 
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
+            <script>
 
+              hbspt.forms.create({
 
+                region: "na1",
 
+                portalId: "20485755",
 
+                formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
+              });
 
+            </script>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </main>
 
+  <footer class="footer">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6">
 
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
+          <div class="footer-follow">關注我們</div>
 
+          <div class="footer-socials">
 
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
+                height="48px"></a>
 
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
+                width="32px" height="32px"></a>
 
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
+                width="48px" height="48px"></a>
 
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
+                height="32px"></a>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6">
 
+          <div class="footer-contacts" style="margin-top: 2rem;">
 
+            <h5>CONTACT</h5>
 
+            <div>
 
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-      <script type="application/javascript">
 
-        var doNotTrack = false;
 
-        if (!doNotTrack) {
 
-          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-          })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
-          ga('create', 'UA-153100602-5', 'auto');
 
-          
-          ga('send', 'pageview');
 
-        }
 
-      </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </footer>
 
+  <script type="application/javascript">
 
+    var doNotTrack = false;
 
+    if (!doNotTrack) {
 
+      (function (i, s, o, g, r, a, m) {
 
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
 
+          (i[r].q = i[r].q || []).push(arguments)
 
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
 
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
 
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
+      ga('create', 'UA-153100602-5', 'auto');
 
+
 
+      ga('send', 'pageview');
 
+    }
 
+  </script>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 7 - 2
static/css/custom.css
View File 

@@ -439,13 +439,18 @@
 
 
 .blog-tab-box {
 
   height: 90%;
 
-  overflow: scroll;
 
+  overflow-y: auto;
 
 }
 
 
 .blog-tabs .blog-tabs-stage .blog-txt {
 
   font-size: 1.6rem;
 
 }
 
 
+.blog-tabs .blog-tabs-stage .blog-txt p {
 
+  line-height: 32px;
 
+  letter-spacing: 1px;
 
+}
 
+
 
 .btn-light {
 
   color: black;
 
   border: 1px solid #EA5413;
 
@@ -481,7 +486,7 @@
 
 }
 
 
 .blog-tabs .btn-light {
 
-  margin-top: 1.5rem;
 
+  margin: 1.5rem 0;
 
   color: #EA5413;
 
   position: absolute;
 
   bottom: 1rem;

+ 289 - 75
static/css/style.css
View File 

@@ -1,3 +1,7 @@
 
+* {
 
+    letter-spacing: 1px;
 
+}
 
+
 
 .navbar {
 
     box-shadow: 0 2px 10px 2px rgb(204, 204, 204);
 
     background-color: white;
 
@@ -14,7 +18,6 @@
 
     height: 75vh;
 
     position: relative;
 
     padding-bottom: 3rem;
 
-
 
 }
 
 
 .header__lefttop {
 
@@ -27,23 +30,24 @@
 
 
 .header__title {
 
     font-size: 3rem;
 
-    color: #20616D;
 
+    color: #20616d;
 
     font-weight: 400;
 
 }
 
 
 .header__sub {
 
-    color: #38A7BB;
 
+    color: #38a7bb;
 
     font-size: 1.5rem;
 
     font-weight: 300;
 
     position: relative;
 
 }
 
 
-.header__sub::before, .header__sub::after {
 
+.header__sub::before,
 
+.header__sub::after {
 
     content: " ";
 
     position: absolute;
 
     width: 12%;
 
     height: 1px;
 
-    background-color: #38A7BB;
 
+    background-color: #38a7bb;
 
     top: 50%;
 
 }
 
 
@@ -51,7 +55,7 @@
 
     left: 28%;
 
 }
 
 
-.header__sub::after  {
 
+.header__sub::after {
 
     left: 60%;
 
 }
 
 
@@ -62,19 +66,19 @@
 
 
 .header__form__input {
 
     border-radius: 10rem;
 
-    padding: .4rem .8rem;
 
+    padding: 0.4rem 0.8rem;
 
     width: 60%;
 
     margin-left: 4.5rem;
 
 }
 
 
 .header__form__sub {
 
     border-radius: 10rem;
 
-    background-color: #FCA25E;
 
+    background-color: #fca25e;
 
     color: white;
 
     border: none;
 
     width: 5rem;
 
     transform: translateX(-100%);
 
-    transition: all .3s;
 
+    transition: all 0.3s;
 
 }
 
 
 .header__form__sub:hover {
 
@@ -84,7 +88,7 @@
 
 .header__right {
 
     width: 80%;
 
     height: 50vh;
 
-    background-image: url('../imgs/電腦2.webp');
 
+    background-image: url("../imgs/電腦2.webp");
 
     background-size: contain;
 
     background-repeat: no-repeat;
 
     margin: 0 auto;
 
@@ -92,7 +96,7 @@
 
 }
 
 
 .header__right.header__dm {
 
-    background-image: url('https://i.imgur.com/SOu53ii.jpg');
 
+    background-image: url("https://i.imgur.com/SOu53ii.jpg");
 
 }
 
 
 .header__right__cir {
 
@@ -162,24 +166,24 @@
 
 }
 
 
 .category__btn {
 
-    background-color: #A7D9E2;
 
+    background-color: #a7d9e2;
 
     border: none;
 
     border-radius: 5rem;
 
     outline: none;
 
     color: white;
 
     font-size: 1.3rem;
 
-    padding: .4rem 2rem;
 
+    padding: 0.4rem 2rem;
 
     text-decoration: none;
 
 }
 
 
 .category__btn.active {
 
-    background-color: #38A7BB;
 
+    background-color: #38a7bb;
 
     text-decoration: none;
 
     color: white;
 
 }
 
 
 .card__rank {
 
-    border: 1px solid #CECECE;
 
+    border: 1px solid #cecece;
 
     box-shadow: 1px 1px 5px 1px rgb(211, 211, 211);
 
     position: relative;
 
     padding: 1rem 1.5rem;
 
@@ -203,16 +207,16 @@
 
     position: absolute;
 
     width: 100%;
 
     height: 100px;
 
-    background-color: #FFEBE8;
 
+    background-color: #ffebe8;
 
     left: 0;
 
     right: 0;
 
     top: 7rem;
 
 }
 
 
 .top3__num {
 
-    color: #FCA25E;
 
+    color: #fca25e;
 
     font-size: 5.8rem;
 
-    font-family: 'Trebuchet MS';
 
+    font-family: "Trebuchet MS";
 
     position: absolute;
 
     left: 1rem;
 
     top: -3.5rem;
 
@@ -220,7 +224,7 @@
 
 }
 
 
 .card__rank__word {
 
-    color: #20616D;
 
+    color: #20616d;
 
     margin-left: 3rem;
 
     font-size: 1.8rem;
 
     font-weight: 400;
 
@@ -231,7 +235,7 @@
 
 }
 
 
 .card__rank__link {
 
-    color: #38A7BB;
 
+    color: #38a7bb;
 
     text-decoration: none;
 
     font-weight: 400;
 
 }
 
@@ -251,13 +255,12 @@
 
     margin-left: 0;
 
 }
 
 .top20__num {
 
-    color: #FCA25E;
 
+    color: #fca25e;
 
     font-size: 2.5rem;
 
-    font-family: 'Trebuchet MS';
 
+    font-family: "Trebuchet MS";
 
     font-weight: 300;
 
     display: inline-block;
 
     width: 3rem;
 
-    
 }
 
 
 .footer {
 
@@ -309,7 +312,6 @@
 
     height: 60px;
 
 }
 
 
-
 
 /* content page */
 
 
 .cntheader {
 
@@ -320,18 +322,19 @@
 
 }
 
 
 .cntheader__sub {
 
-    color: #38A7BB;
 
+    color: #38a7bb;
 
     font-size: 1.5rem;
 
     font-weight: 300;
 
     position: relative;
 
 }
 
 
-.cntheader__sub::before, .cntheader__sub::after {
 
+.cntheader__sub::before,
 
+.cntheader__sub::after {
 
     content: " ";
 
     position: absolute;
 
     width: 15%;
 
     height: 1px;
 
-    background-color: #38A7BB;
 
+    background-color: #38a7bb;
 
     top: 50%;
 
 }
 
 
@@ -339,7 +342,7 @@
 
     left: 18%;
 
 }
 
 
-.cntheader__sub::after  {
 
+.cntheader__sub::after {
 
     left: 67%;
 
 }
 
 
@@ -349,7 +352,7 @@
 
 
 .card__art {
 
     padding: 1rem;
 
-    border: 1px solid #20616D;
 
+    border: 1px solid #20616d;
 
     border-radius: 1rem;
 
     margin-bottom: 1rem;
 
 }
 
@@ -360,31 +363,31 @@
 
 }
 
 
 .card__text {
 
-    color: #918F8F;
 
+    color: #918f8f;
 
 }
 
 
 .card__link {
 
     display: inline-block;
 
-    color: #38A7BB;
 
+    color: #38a7bb;
 
     margin-right: 1rem;
 
     text-decoration: none;
 
 }
 
 
 .card__link:hover {
 
-    color: #20616D;
 
+    color: #20616d;
 
 }
 
 
 .toparticle {
 
-    border: 1px solid #CECECE;
 
+    border: 1px solid #cecece;
 
     box-shadow: 1px 2px 3px 1px rgb(224, 224, 224);
 
 }
 
 
 .toparticle__title {
 
     color: white;
 
-    background-color: #38A7BB;
 
+    background-color: #38a7bb;
 
     text-align: center;
 
     font-size: 1.3rem;
 
-    padding: .3rem 0;
 
+    padding: 0.3rem 0;
 
     position: relative;
 
 }
 
 
@@ -403,9 +406,9 @@
 
 }
 
 
 .toparticle__list-item {
 
-    padding: .3rem;
 
-    border-bottom: 1px solid #CECECE;
 
-    color: #38A7BB;
 
+    padding: 0.3rem;
 
+    border-bottom: 1px solid #cecece;
 
+    color: #38a7bb;
 
     position: relative;
 
 }
 
 
@@ -413,16 +416,15 @@
 
     border: none;
 
 }
 
 
-
 
 .toparticle__list-item a {
 
     text-decoration: none;
 
-    color: #38A7BB;
 
+    color: #38a7bb;
 
 }
 
 
 .toparticle__num {
 
-    color: #FCA25E;
 
+    color: #fca25e;
 
     font-size: 1.8rem;
 
-    font-family: 'Trebuchet MS';
 
+    font-family: "Trebuchet MS";
 
     font-weight: 300;
 
     margin-right: 8px;
 
 }
 
@@ -447,14 +449,14 @@
 
 
 .cntsubscribe__sub {
 
     border-radius: 10rem;
 
-    background-color: #FCA25E;
 
+    background-color: #fca25e;
 
     color: white;
 
     border: none;
 
     width: 5rem;
 
     position: absolute;
 
     right: 0;
 
     top: 0;
 
-    padding: .45rem .8rem;
 
+    padding: 0.45rem 0.8rem;
 
 }
 
 
 .cntsubscribe__sub:hover {
 
@@ -464,7 +466,7 @@
 
 
 .cntsubscribe__input {
 
     border-radius: 10rem;
 
-    padding: .4rem .8rem;
 
+    padding: 0.4rem 0.8rem;
 
     width: 100%;
 
 }
 
 
@@ -519,7 +521,7 @@
 
 }
 
 
 .ai-training__action {
 
-    border: 3px dashed #FFEBE8;
 
+    border: 3px dashed #ffebe8;
 
 }
 
 
 .ai-training__card .card-img-top {
 
@@ -540,7 +542,7 @@
 
     border: none;
 
     outline: none;
 
     border-radius: 4rem;
 
-    background: #FCA25E;
 
+    background: #fca25e;
 
     font-size: 1.5rem;
 
 }
 
 
@@ -558,29 +560,29 @@
 
     border: none;
 
     outline: none;
 
     border-radius: 3rem;
 
-    margin-top: .5rem;
 
-    padding: .6rem 1.5rem;
 
-    background: linear-gradient(20deg, #EA5413, #920783);
 
+    margin-top: 0.5rem;
 
+    padding: 0.6rem 1.5rem;
 
+    background: linear-gradient(20deg, #ea5413, #920783);
 
     color: white;
 
     font-size: 1.1rem;
 
-    box-shadow: 1px 1px 5px 1px rgb(207, 207, 207, .53);
 
+    box-shadow: 1px 1px 5px 1px rgb(207, 207, 207, 0.53);
 
 }
 
 
 .btns-dark {
 
     text-decoration: none;
 
     color: white;
 
-    border: 1px solid #EA5413;
 
-    padding: .6rem 1.5rem;
 
+    border: 1px solid #ea5413;
 
+    padding: 0.6rem 1.5rem;
 
     outline: none;
 
-    background-color: #EA5413;
 
-    margin-top: .5rem;
 
+    background-color: #ea5413;
 
+    margin-top: 0.5rem;
 
     border-radius: 3rem;
 
     font-size: 1.1rem;
 
     box-shadow: 1px 1px 5px 1px rgba(201, 201, 201, 0.637);
 
 }
 
 
 .loaded {
 
-    box-shadow: 0 4px 8px 0 rgb(53, 105, 128, .3), 0 6px 20px 0 rgb(165, 200, 213, .41);
 
+    box-shadow: 0 4px 8px 0 rgb(53, 105, 128, 0.3), 0 6px 20px 0 rgb(165, 200, 213, 0.41);
 
     margin-bottom: 4rem;
 
 }
 
 .pageForm__title {
 
@@ -607,11 +609,11 @@
 
     outline: none;
 
     color: #ff892e;
 
     padding: 0 0;
 
-    padding-bottom: .1rem;
 
-    margin-bottom: .8rem;
 
+    padding-bottom: 0.1rem;
 
+    margin-bottom: 0.8rem;
 
     display: inline-block;
 
     border-bottom: 1px dotted #ff892e;
 
-    transition: all .4s;
 
+    transition: all 0.4s;
 
     text-decoration: none;
 
 }
 
 .btn__detailForm:hover {
 
@@ -647,37 +649,38 @@
 
     .header__sub {
 
         font-size: 1.3rem;
 
     }
 
-    .header__sub::before, .header__sub::after {
 
+    .header__sub::before,
 
+    .header__sub::after {
 
         width: 8%;
 
     }
 
     .header__sub::before {
 
         left: 30%;
 
     }
 
-    .header__sub::after  {
 
+    .header__sub::after {
 
         left: 62%;
 
     }
 
     .header__form__input {
 
-        font-size: .9rem;
 
+        font-size: 0.9rem;
 
     }
 
     .category__btngrp {
 
         padding: 0;
 
     }
 
     .category__btn {
 
-        padding: .3rem 1.5rem;
 
+        padding: 0.3rem 1.5rem;
 
         font-size: 1.2rem;
 
     }
 
     .ctncategory__btn {
 
-        padding: .2rem 1rem;
 
+        padding: 0.2rem 1rem;
 
         font-size: 1rem;
 
     }
 
     .top3 .row {
 
         padding: 0;
 
     }
 
     .card__rank {
 
-        padding: .8rem 1rem;
 
+        padding: 0.8rem 1rem;
 
     }
 
     .top3__num {
 
-        left: .6rem;
 
+        left: 0.6rem;
 
         top: -2.5rem;
 
         font-size: 4rem;
 
     }
 
@@ -710,7 +713,7 @@
 
     .header__form__sub {
 
         transform: none;
 
         position: absolute;
 
-        right:0;
 
+        right: 0;
 
         top: 0;
 
     }
 
     .header__right__linecir {
 
@@ -719,12 +722,12 @@
 
     .cntheader__sub {
 
         font-size: 1.2rem;
 
     }
 
-    
+
 
     .cntheader__sub::before {
 
         left: 13%;
 
     }
 
-    
-    .cntheader__sub::after  {
 
+
 
+    .cntheader__sub::after {
 
         left: 72%;
 
     }
 
     .toparticle__title img {
 
@@ -747,7 +750,7 @@
 
     }
 
 }
 
 
-@media (max-width: 768px) {
 
+@media (max-width: 767px) {
 
     .header {
 
         height: 70vh;
 
     }
 
@@ -816,7 +819,7 @@
 
     .header {
 
         padding-top: 3rem;
 
         height: 63vh;
 
-        padding-bottom: 0rem 
+        padding-bottom: 0rem;
 
     }
 
     .header.ai-training {
 
         height: 80vh;
 
@@ -829,7 +832,7 @@
 
         bottom: 1.5rem;
 
     }
 
     .category__btn {
 
-        padding: .2rem 1rem;
 
+        padding: 0.2rem 1rem;
 
         font-size: 1rem;
 
     }
 
     .category {
 
@@ -839,7 +842,7 @@
 
         height: 50px;
 
     }
 
     .footer {
 
-        font-size: .9rem;
 
+        font-size: 0.9rem;
 
     }
 
     .pageForm__p {
 
         padding: 15px;
 
@@ -851,7 +854,7 @@
 
 
 @media (max-width: 480px) {
 
     .ctncategory__btn {
 
-        margin-top: .6rem;
 
+        margin-top: 0.6rem;
 
     }
 
     .header__right__video {
 
         position: absolute;
 
@@ -861,3 +864,214 @@
 
     }
 
 }
 
 
+/* blog-traffic Start */
 
+
 
+.blog-traffic .header__right {
 
+    width: 100%;
 
+    height: 53vw;
 
+    position: relative;
 
+    top: -75px;
 
+    right: -70px;
 
+    z-index: -1;
 
+    background-size: cover;
 
+}
 
+
 
+@media (max-width: 1200px) {
 
+    .blog-traffic .header__right {
 
+        height: 60vw;
 
+        right: 0px;
 
+    }
 
+}
 
+
 
+@media (max-width: 767px) {
 
+    .blog-traffic .header__right {
 
+        width: 80%;
 
+        height: 75vw;
 
+        top: 0px;
 
+        right: 0px;
 
+    }
 
+}
 
+
 
+@media (max-width: 414px) {
 
+    .blog-traffic .header__right {
 
+        width: 100%;
 
+        height: 95vw;
 
+        top: 0px;
 
+        right: 5px;
 
+    }
 
+}
 
+
 
+.blog-traffic .header__lefttop {
 
+    width: 100vw;
 
+    height: auto;
 
+    top: -120px;
 
+}
 
+
 
+@media (max-width: 767px) {
 
+    .blog-traffic .header__lefttop {
 
+        width: 150vw;
 
+        height: auto;
 
+    }
 
+}
 
+
 
+.blog-traffic .header__title {
 
+    font-size: 2.5rem;
 
+    line-height: 65px;
 
+    font-weight: 600;
 
+}
 
+
 
+@media (max-width: 768px) {
 
+    .blog-traffic .header__title {
 
+        font-size: 2.2rem;
 
+    }
 
+}
 
+
 
+.blog-traffic .category {
 
+    padding: 0;
 
+}
 
+
 
+.blog-traffic .category.dm__description {
 
+    padding: 0;
 
+}
 
+
 
+.blog-traffic .category__sub_h2::after {
 
+    width: 3rem;
 
+    border-bottom: 10px solid #ea5413;
 
+    margin-top: 15px;
 
+}
 
+
 
+.blog-traffic ul {
 
+    list-style: none;
 
+}
 
+
 
+.blog-traffic .dm__description {
 
+    margin-top: 5rem;
 
+}
 
+
 
+@media (max-width: 1400px) {
 
+    .blog-traffic .dm__description {
 
+        margin-top: -5rem;
 
+    }
 
+}
 
+
 
+@media (max-width: 1200px) {
 
+    .blog-traffic .dm__description {
 
+        margin-top: 0rem;
 
+    }
 
+}
 
+
 
+@media (max-width: 991px) {
 
+    .blog-traffic .dm__description {
 
+        margin-top: -8rem;
 
+    }
 
+}
 
+
 
+@media (max-width: 767px) {
 
+    .blog-traffic .dm__description {
 
+        margin-top: 11rem;
 
+    }
 
+}
 
+
 
+@media (max-width: 414px) {
 
+    .blog-traffic .dm__description {
 
+        margin-top: 5rem;
 
+    }
 
+}
 
+
 
+@media (max-width: 389px) {
 
+    .blog-traffic .dm__description {
 
+        margin-top: 10rem;
 
+    }
 
+}
 
+
 
+.blog-traffic .img-block__img {
 
+    width: 12%;
 
+    object-fit: contain;
 
+    image-rendering: -webkit-optimize-contrast;
 
+    position: relative;
 
+    top: -30px;
 
+}
 
+
 
+@media (max-width: 1200px) {
 
+    .blog-traffic .img-block__img {
 
+        top: -10px;
 
+    }
 
+    .blog-traffic .img-first {
 
+        top: 0;
 
+    }
 
+}
 
+
 
+@media (max-width: 991px) {
 
+    .blog-traffic .img-block__img {
 
+        width: 15%;
 
+    }
 
+}
 
+
 
+@media (max-width: 767px) {
 
+    .blog-traffic .img-block__img {
 
+        width: 20%;
 
+        top: 5px;
 
+    }
 
+    .blog-traffic .img-first {
 
+        top: 15px;
 
+    }
 
+}
 
+
 
+@media (max-width: 490px) {
 
+    .blog-traffic .img-block__img {
 
+        top: 15px;
 
+    }
 
+    .blog-traffic .img-first {
 
+        top: 40px;
 
+    }
 
+}
 
+
 
+@media (max-width: 414px) {
 
+    .blog-traffic .img-block__img {
 
+        top: 22px;
 
+    }
 
+}
 
+
 
+@media (max-width: 575px) {
 
+    .blog-traffic .category {
 
+        padding: 0 10px;
 
+    }
 
+}
 
+
 
+.blog-traffic .category h4 {
 
+    font-size: 2rem;
 
+}
 
+
 
+.blog-traffic .category h4,
 
+.blog-traffic .category .sub-title {
 
+    margin: 0;
 
+    color: #f5ab1b;
 
+    font-weight: bold;
 
+}
 
+
 
+.blog-traffic .category p {
 
+    margin: 30px 0;
 
+}
 
+
 
+.blog-traffic .category ul {
 
+    padding: 0;
 
+}
 
+
 
+.blog-traffic .category p,
 
+.blog-traffic .category li {
 
+    line-height: 30px;
 
+}
 
+
 
+.blog-traffic .add-img {
 
+    width: 130px;
 
+    margin: 10px auto 0;
 
+    image-rendering: -webkit-optimize-contrast;
 
+}
 
+
 
+@media (max-width: 767px) {
 
+    .blog-traffic .add-img {
 
+        margin: 10px auto -25px;
 
+    }
 
+}
 
+
 
+/* blog-traffic End */

BIN
static/imgs/dm/AdobeStock_129110344.jpeg
View File


BIN
static/imgs/dm/blog-traffic.png
View File


BIN
static/imgs/dm/blog-traffic_00.jpg
View File


BIN
static/imgs/dm/blog-traffic_01.png
View File


BIN
static/imgs/dm/blog-traffic_02.png
View File


BIN
static/imgs/dm/blog-traffic_03.png
View File


BIN
static/imgs/dm/blog-traffic_04.png
View File


+ 11 - 3
webSite/config.toml
View File 

@@ -1,4 +1,4 @@
 
-baseurl = "https://ai.choozmo.com/"
 
+baseurl = "https://example.org"
 
 title = "AI Spokesgirl | 台灣第一個AI合成主播 | 集仕多"
 
 theme = "AI_Video_LP"
 
 themesDir = "../.."
 
@@ -72,17 +72,25 @@ page = ["HTML"]
 
 
 [[menu.main]]
 
     identifier="seo"
 
-    name = "SEO搜尋排名優化"
 
+    name = "SEO 搜尋排名優化"
 
     url = "/seo/dm/"
 
     weight = 6
 
     parent = "home"
 
 
 [[menu.main]]
 
     identifier="seo"
 
-    name = "新聞ai主播媒體聯播網"
 
+    name = "新聞 AI 主播媒體聯播網"
 
     url = "/ai-anchor/dm/"
 
     weight = 7
 
     parent = "home"
 
+
 
+[[menu.main]]
 
+    identifier="blog-traffic"
 
+    name = "創業家專案"
 
+    url = "/blog-traffic/dm/"
 
+    weight = 8
 
+    parent = "home"
 
+    
 [[menu.main]]
 
     identifier="login"
 
     name = "特色"

+ 3 - 3
webSite/content/DM/bigData.md
View File 

@@ -8,8 +8,8 @@ banner = "/imgs/dm/dm_data.jpeg"
 
 packageTitle = "Big Data 大數據蒐集與分析"
 
 packageSub = "網路訊息瞬息萬變 活用數據 洞悉議題才能掌握"
 
 packageBg = "/imgs/dm/dm_data.jpeg"
 
-description = "集仕多團隊擁有紥實Machine Learning與Deep Learning技術，大數據專案經驗豐富，包含美妝產業應用、廣告帶操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
 
-block1_title = "Deep Learning商品趨勢預測"
 
+description = "集仕多團隊擁有紥實 Machine Learning 與 Deep Learning 技術，大數據專案經驗豐富，包含美妝產業應用、廣告帶操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
 
+block1_title = "Deep Learning 商品趨勢預測"
 
 block1_strong = "RNN用於時間序列預測協助廠商找出潛力商品"
 
 block1_text = "潛力商品與衰退商品預測示警 篩選隱含領先因子 (Latent Leading Factor) 偵測多層隱含領先因子，計算領先權重作爲輸入特徵"
 
 block1_img = "/imgs/dm/dm_data_1.png"
 
@@ -17,7 +17,7 @@ block2_title = "Opinion monitoring與情分析掌握新熱門趨勢事半功倍"
 
 block2_strong = ""
 
 block2_text = "大數據除「數字」之外，消費者透過「文字」在網路各平台所產生的内容，也是具有價值的探究資料。"
 
 block2_img = "/imgs/dm/dm_data_2.png"
 
-block3_title = "Text Mining文字探勘"
 
+block3_title = "Text Mining 文字探勘"
 
 block3_strong = ""
 
 block3_text = "用於財經行業，從新聞中(非結構性資料)萃取分析師或機構的預測，比對結果回測分析師的預測績效。"
 
 block3_img = "/imgs/dm/dm_data_1.png"

+ 2 - 2
webSite/content/DM/crawler.md
View File 

@@ -6,9 +6,9 @@ categories = ["DM"]
 
 layout = "DM"
 
 banner = "/imgs/dm/dm_crawler.png"
 
 packageTitle = "Web Crawler Services 資訊爬蟲抓取專案"
 
-packageSub = "工欲善其事，必先有「資料」AI資料科學家快速完成資料擷取，實現你的專案！"
 
+packageSub = "工欲善其事，必先有「資料」AI 資料科學家快速完成資料擷取，實現你的專案！"
 
 packageBg = "/imgs/dm/dm_crawler.png"
 
-description = "集仕多擁有專業的AI資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，無論動、靜態各種類型網站一次爬好爬滿，協助你在大量數據時代下，依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用。"
 
+description = "集仕多擁有專業的 AI 資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，無論動、靜態各種類型網站一次爬好爬滿，協助你在大量數據時代下，依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用。"
 
 block1_title = "網路爬蟲應用豐富多元 依你需求提供專案服務"
 
 block1_strong = "搜尋引擎 | 機票比價 | 動態製作頁面 | 大數據分析 人工智能的深度學習 | 不再讓你複製貼上"
 
 block1_text = ""

+ 3 - 3
webSite/content/DM/research.md
View File 

@@ -8,11 +8,11 @@ banner = "/imgs/dm/dm_discuss.jpeg"
 
 packageTitle = "企業系統研發委外方案"
 
 packageSub = "企業資訊系統選擇委外研發服務，大幅降低成本"
 
 packageBg = "/imgs/dm/dm_discuss.jpeg"
 
-description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入AI人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
+description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入 AI 人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
 
 block1_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block1_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block1_img = "/imgs/dm/dm_rd_1.jpeg"
 
 
 block2_title = "降低資訊研發、維護成本 | 完善的軟、硬體系統規劃"
 
@@ -22,7 +22,7 @@ block2_img = "/imgs/dm/dm_rd_2.jpeg"
 
 
 block3_title = "完善資訊備援規劃  | 伺服器建置"
 
 block3_strong = "專業的工程師團隊，提供全方位資訊服務，是你的資訊顧問、研發工程師、MIS  更是你的好夥伴"
 
-block3_text = "依照企業使用者的情況提供的需求，透過專業人員評估及分析後，補強使用者在資訊規劃上的不足，提升企業運作效率。也提供伺服器建置: WEB SERVER 架設、DNS SERVER 架設、MAIL SERVER 架設等。"
 
+block3_text = "依照企業使用者的情況提供的需求，透過專業人員評估及分析後，補強使用者在資訊規劃上的不足，提升企業運作效率。也提供伺服器建置：WEB SERVER 架設、DNS SERVER 架設、MAIL SERVER 架設等。"
 
 block3_img = "/imgs/dm/dm_rd_1.jpeg"
 
 
 block4_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"

+ 4 - 4
webSite/content/DM/seo.md
View File 

@@ -8,21 +8,21 @@ banner = "/imgs/dm/dm_seo.jpeg"
 
 packageTitle = "企業系統研發委外方案"
 
 packageSub = "企業資訊系統選擇委外研發服務，大幅降低成本"
 
 packageBg = "/imgs/dm/dm_seo.jpeg"
 
-description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入AI人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
+description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入 AI 人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
 
 block1_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block1_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block1_img = "/imgs/dm/data_seo_1.png"
 
 
 block2_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block2_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block2_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block2_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block2_img = "/imgs/dm/data_seo_1.png"
 
 
 block3_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block3_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block3_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block3_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block3_img = "/imgs/dm/data_seo_1.png"
 
 
 block4_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"

+ 4 - 4
webSite/content/DM/test.md
View File 

@@ -8,21 +8,21 @@ banner = "https://i.imgur.com/jdQb3ZH.jpg"
 
 packageTitle = "企業系統研發委外方案"
 
 packageSub = "企業資訊系統選擇委外研發服務，大幅降低成本"
 
 packageBg = "https://i.imgur.com/SOu53ii.jpg"
 
-description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入AI人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
+description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入 AI 人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
 
 block1_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block1_strong = "Deepppp learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block1_img = "https://i.imgur.com/SOu53ii.jpg"
 
 
 block2_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block2_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block2_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block2_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block2_img = "https://i.imgur.com/SOu53ii.jpg"
 
 
 block3_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block3_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block3_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block3_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block3_img = "https://i.imgur.com/SOu53ii.jpg"
 
 
 block4_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"

+ 7 - 7
webSite/content/ad-operation/dm.md
View File 

@@ -8,17 +8,17 @@ banner = "/imgs/dm/dm_ad-operation_1.jpeg"
 
 packageTitle = "智慧投放Google廣告 提高轉換率"
 
 packageSub = "只要Google廣告下得好，就能吸引新訪客光顧網站、提高線上銷售量、提升客戶回訪率，現在早鳥方案代操費用僅 1% "
 
 packageBg = "/imgs/dm/dm_ad-operation_1.jpeg"
 
-description_block1 = "廣告品質越好，廣告付費就越少，集仕多擁有專業投放廣告的豐富經驗，利用獨家SEO顯微鏡健檢服務和綁定Google My Business兩大分析系統，完整收集數據與分析報告，為各大企業、商家以最有效的廣告策略，精準鎖定目標客群，並適時地調整廣告策略，透過LINE就能即時查詢分析報告，以達到出色的廣告效益，提高品牌曝光量和知名度！"
 
+description_block1 = "廣告品質越好，廣告付費就越少，集仕多擁有專業投放廣告的豐富經驗，利用獨家 SEO 顯微鏡健檢服務和綁定 Google My Business 兩大分析系統，完整收集數據與分析報告，為各大企業、商家以最有效的廣告策略，精準鎖定目標客群，並適時地調整廣告策略，透過 LINE 就能即時查詢分析報告，以達到出色的廣告效益，提高品牌曝光量和知名度！"
 
 description_block2 = ""
 
 block1_title = ""
 
 block1_strong = ""
 
 block1_text = ""
 
 block1_img = "/imgs/dm/dm_amp_1.png"
 
-block2_title = "集仕多獨家SEO顯微鏡健檢服務"
 
-block2_strong = "Google廣告 你不能少的行銷利器"
 
+block2_title = "集仕多獨家 SEO 顯微鏡健檢服務"
 
+block2_strong = "Google 廣告 你不能少的行銷利器"
 
 block2_list1 = "網站健檢：盤點網頁結構、速度"
 
 block2_list2 = "關鍵字研究：選擇適合的關鍵字結合内容行銷，逐步提升排名"
 
-block2_list3 = "優化分析與策略：提出SEO改善建議，協同逐項優化，推動排名向前"
 
+block2_list3 = "優化分析與策略：提出 SEO 改善建議，協同逐項優化，推動排名向前"
 
 block2_list4 = ""
 
 block2_list5 = ""
 
 block2_img = "/imgs/dm/dm_ad-operation_3.png"
 
@@ -26,10 +26,10 @@ block3_title = ""
 
 block3_strong = ""
 
 block3_text = ""
 
 block3_img = ""
 
-block4_title = "開設Google My Business我的商家"
 
-block4_strong = "Google廣告 你不能少的行銷利器"
 
+block4_title = "開設 Google My Business 我的商家"
 
+block4_strong = "Google 廣告 你不能少的行銷利器"
 
 block4_list1 = "經營 Local SEO， 能更有效地曝光自己的品牌及商品"
 
-block4_list2 = "串接Google My Business，從眾多競爭對手中脫穎而出，吸引顧客上門；日後也可以隨時視需要輕鬆更新商家檔案"
 
+block4_list2 = "串接 Google My Business，從眾多競爭對手中脫穎而出，吸引顧客上門；日後也可以隨時視需要輕鬆更新商家檔案"
 
 block4_list3 = ""
 
 block4_list4 = ""
 
 block4_list5 = ""

+ 4 - 4
webSite/content/ai-anchor/dm.md
View File 

@@ -8,16 +8,16 @@ banner = "/imgs/dm/dm_computer.jpeg"
 
 packageTitle = "Big Data 大數據蒐集與分析"
 
 packageSub = "網路訊息瞬息萬變 活用數據 洞悉議題才能掌握"
 
 packageBg = "/imgs/dm/dm_computer.jpeg"
 
-description = "集仕多團隊擁有紥實Machine Learning與Deep Learning技術，大數據專案經驗豐富，包含美妝產業應用、廣告帶操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
 
-block1_title = "Deep Learning商品趨勢預測"
 
+description = "集仕多團隊擁有紥實 Machine Learning 與 Deep Learning 技術，大數據專案經驗豐富，包含美妝產業應用、廣告帶操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
 
+block1_title = "Deep Learning 商品趨勢預測"
 
 block1_strong = "RNN用於時間序列預測協助廠商找出潛力商品"
 
 block1_text = "潛力商品與衰退商品預測示警 篩選隱含領先因子 (Latent Leading Factor) 偵測多層隱含領先因子，計算領先權重作爲輸入特徵"
 
 block1_img = "/imgs/dm/dm_data_1.png"
 
-block2_title = "Opinion monitoring與情分析掌握新熱門趨勢事半功倍"
 
+block2_title = "Opinion monitoring 與情分析掌握新熱門趨勢事半功倍"
 
 block2_strong = ""
 
 block2_text = "大數據除「數字」之外，消費者透過「文字」在網路各平台所產生的内容，也是具有價值的探究資料。"
 
 block2_img = "/imgs/dm/dm_data_2.png"
 
-block3_title = "Text Mining文字探勘"
 
+block3_title = "Text Mining 文字探勘"
 
 block3_strong = ""
 
 block3_text = "用於財經行業，從新聞中(非結構性資料)萃取分析師或機構的預測，比對結果回測分析師的預測績效。"
 
 block3_img = "/imgs/dm/dm_data_1.png"

+ 4 - 4
webSite/content/bigdata/dm.md
View File 

@@ -8,16 +8,16 @@ banner = "/imgs/dm/dm_computer.jpeg"
 
 packageTitle = "Big Data 大數據蒐集與分析"
 
 packageSub = "網路訊息瞬息萬變 活用數據 洞悉議題才能掌握"
 
 packageBg = "/imgs/dm/dm_computer.jpeg"
 
-description = "集仕多團隊擁有紥實Machine Learning與Deep Learning技術，大數據專案經驗豐富，包含美妝產業應用、廣告帶操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
 
-block1_title = "Deep Learning商品趨勢預測"
 
+description = "集仕多團隊擁有紥實 Machine Learning 與 Deep Learning 技術，大數據專案經驗豐富，包含美妝產業應用、廣告帶操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
 
+block1_title = "Deep Learning 商品趨勢預測"
 
 block1_strong = "RNN用於時間序列預測協助廠商找出潛力商品"
 
 block1_text = "潛力商品與衰退商品預測示警 篩選隱含領先因子 (Latent Leading Factor) 偵測多層隱含領先因子，計算領先權重作爲輸入特徵"
 
 block1_img = "/imgs/dm/dm_data_1.png"
 
-block2_title = "Opinion monitoring與情分析掌握新熱門趨勢事半功倍"
 
+block2_title = "Opinion monitoring 與情分析掌握新熱門趨勢事半功倍"
 
 block2_strong = ""
 
 block2_text = "大數據除「數字」之外，消費者透過「文字」在網路各平台所產生的内容，也是具有價值的探究資料。"
 
 block2_img = "/imgs/dm/dm_data_2.png"
 
-block3_title = "Text Mining文字探勘"
 
+block3_title = "Text Mining 文字探勘"
 
 block3_strong = ""
 
 block3_text = "用於財經行業，從新聞中(非結構性資料)萃取分析師或機構的預測，比對結果回測分析師的預測績效。"
 
 block3_img = "/imgs/dm/dm_data_1.png"

+ 28 - 0
webSite/content/blog-traffic/dm.md
View File 

@@ -0,0 +1,28 @@
 
++++
 
+title = "ＤＭ"
 
+date = "2022-08-16T12:00:05+08:00"
 
+tags = ["blog-traffic"]
 
+categories = ["blog-traffic"]
 
+layout = "blog-traffic"
 
+banner = "/imgs/dm/blog-traffic.png"
 
+packageTitle = "創業家專案"
 
+packageSub = "口碑文章 | 搜尋結果"
 
+packageBg = "/imgs/dm/blog-traffic.png"
 
+description = "微型店家沒有精美官方網站做行銷？不要緊！此時透過集仕多微型店家行銷專案，為您打造最在地的商家信譽與口碑流量。讓您的店家在三個月之內，擁有一篇高流量口碑專訪文章帶動整體營收，提高店家在地知名度，獲取大大的網路聲量與流量，是當前最直接且立即可見效益的，微店 SEO 行銷解決方案。"
 
+
 
+block1_title = "地名 + 產業名，搜尋排第一"
 
+block1_sub = "例如：三重+新建案、新竹+牙醫"
 
+block1_strong = ""
 
+block1_text = "透過獨家 SEO 關鍵字研究報告結果，所撰寫出店家專訪口碑文章，透過集仕多的文章SEO流量技術，不斷地為您的店家專網文章，提升流量與搜尋排名，讓您的店家知名度與文章瀏覽數大大提升。"
 
+block1_img = "/imgs/dm/blog-traffic_01.png"
 
+
 
+block2_title = "沒官網也能做 SEO"
 
+block2_strong = ""
 
+block2_text = "獨家SEO關鍵字顯微鏡系統 | 分析您的產業關鍵字搜尋量、關鍵字廣告熱門程度、同業競業關鍵字分析，以分群演算法，抓取出最值得您經營的關鍵字組，並運用在口碑文章SEO中獲取目標客群。"
 
+block2_img = "/imgs/dm/blog-traffic_02.png"
 
+
 
+block3_title = "店家專訪口碑文章"
 
+block3_strong = ""
 
+block3_text = "為您撰寫店家專訪口碑文章，經營口碑提升店家知名度。搭配關鍵字研究策略的SEO顯微鏡獨家技術，將您的行業關鍵字埋入文章中，讓您的店家擁有專業關鍵字優化的專訪內容資產。"
 
+block3_img = "/imgs/dm/blog-traffic_03.png"
 
++++

+ 4 - 4
webSite/content/blog/choozmo-local-biz-marketing-plan.md
View File 

@@ -10,14 +10,14 @@ banner = "https://www.designbombs.com/wp-content/uploads/2017/02/make-a-website-
 
 
 想要抓疫情後報復性消費熱潮商機？想要輕鬆掌握流量密碼做數位轉型？拯救業績最後機會，口碑行銷流量變現金！三個月高流量口碑三部曲，成本低到連麵攤都付得起。
 
 
-第一部曲，店家專訪口碑文章。為您撰寫店家專訪口碑文章，經營口碑提升店家知名度。搭配關鍵字研究策略的SEO顯微鏡獨家技術，將您的行業關鍵字埋入文章中，讓您的店家擁有專業關鍵字優化的專訪內容資產。
 
+第一部曲，店家專訪口碑文章。為您撰寫店家專訪口碑文章，經營口碑提升店家知名度。搭配關鍵字研究策略的 SEO 顯微鏡獨家技術，將您的行業關鍵字埋入文章中，讓您的店家擁有專業關鍵字優化的專訪內容資產。
 
 
-第二部曲，文章SEO流量推升。透過獨家SEO關鍵字研究報告結果，所撰寫出店家專訪口碑文章，透過集仕多的文章SEO流量技術，不斷地為您的店家專網文章，提升流量與搜尋排名，讓您的店家知名度與文章瀏覽數大大提升。 
+第二部曲，文章 SEO 流量推升。透過獨家 SEO 關鍵字研究報告結果，所撰寫出店家專訪口碑文章，透過集仕多的文章 SEO 流量技術，不斷地為您的店家專網文章，提升流量與搜尋排名，讓您的店家知名度與文章瀏覽數大大提升。 
 
-第三部曲，地標廣告精準投放。透過大數據精準投放廣告代操，集仕多的AI精準投放，是工業局認證的AI廣告投放技術。能為您的店家精準抓取目標族群的光顧，提高店家的地標點擊量，帶動整體轉單銷售量，並提升客戶的回訪率。 
+第三部曲，地標廣告精準投放。透過大數據精準投放廣告代操，集仕多的 AI 精準投放，是工業局認證的 AI 廣告投放技術。能為您的店家精準抓取目標族群的光顧，提高店家的地標點擊量，帶動整體轉單銷售量，並提升客戶的回訪率。 
 
 ## 微店SEO
 
 
-微型店家沒有精美官方網站做行銷？不要緊！此時透過集仕多微型店家行銷專案，為您打造最在地的商家信譽與口碑流量。透過集仕多的微型店家行銷三部曲，讓您的店家在三個月之內，擁有一篇高流量口碑專訪文章帶動整體營收，提高您的店家在地知名度，獲取大大的網路聲量與流量。再透過AI精準投放地標廣告並經營Google地標，能提高轉單機率，更能直接對營收有幫助，是當前最直接且立即可見效益的微型店家行銷解決方案。
 
+微型店家沒有精美官方網站做行銷？不要緊！此時透過集仕多微型店家行銷專案，為您打造最在地的商家信譽與口碑流量。透過集仕多的微型店家行銷三部曲，讓您的店家在三個月之內，擁有一篇高流量口碑專訪文章帶動整體營收，提高您的店家在地知名度，獲取大大的網路聲量與流量。再透過 AI 精準投放地標廣告並經營 Google 地標，能提高轉單機率，更能直接對營收有幫助，是當前最直接且立即可見效益的微型店家行銷解決方案。

+ 7 - 7
webSite/content/contact/service.md
View File 

@@ -6,9 +6,9 @@ categories = ["contact"]
 
 layout = "contact"
 
 banner = "https://i.imgur.com/ApmF3a9.jpg"
 
 packageTitle = "SEO搜尋排名優化服務"
 
-packageSub = "做好SEO網站訂單接不完，創造自然增長的免費流量，一定掌握SEO重要性"
 
+packageSub = "做好 SEO 網站訂單接不完，創造自然增長的免費流量，一定掌握 SEO 重要性"
 
 packageBg = "https://i.imgur.com/ApmF3a9.jpg"
 
-description = "茫茫網海之中想抓住消費者? 企業網站經過SEO不斷的優化能提升品牌能見度，為企業省下大筆付費數位廣告預算，再者比起廣告頁，消費者更傾向於相信自然搜尋結果頁的價值。"
 
+description = "茫茫網海之中想抓住消費者？企業網站經過 SEO 不斷的優化能提升品牌能見度，為企業省下大筆付費數位廣告預算，再者比起廣告頁，消費者更傾向於相信自然搜尋結果頁的價值。"
 
 
 block1_title = "集仕多SEO流量增長專案服務"
 
 block1_strong = ""
 
@@ -25,10 +25,10 @@ block3_strong = ""
 
 block3_text = ""
 
 block3_img = ""
 
 
-block4_title = "集仕多獨家SEO顯微鏡健檢服務"
 
-block4_strong = "獨家SEO顯微鏡健檢服務"
 
-block4_list1 = "網站健檢: 盤點網頁結構、速度"
 
-block4_list2 = "關鍵字研究: 選擇適合你的關鍵字結合內容行銷，逐步提升排名"
 
-block4_list3 = "優化分析與策略: 提出SEO改善建議，偕同逐項優化，推動排名向前"
 
+block4_title = "集仕多獨家 SEO 顯微鏡健檢服務"
 
+block4_strong = "獨家 SEO 顯微鏡健檢服務"
 
+block4_list1 = "網站健檢：盤點網頁結構、速度"
 
+block4_list2 = "關鍵字研究：選擇適合你的關鍵字結合內容行銷，逐步提升排名"
 
+block4_list3 = "優化分析與策略: 提出 SEO 改善建議，偕同逐項優化，推動排名向前"
 
 block4_img = "/imgs/dm/data_seo_1.png"
 
 +++

+ 2 - 2
webSite/content/crawler/dm.md
View File 

@@ -6,9 +6,9 @@ categories = ["DM"]
 
 layout = "DM"
 
 banner = "/imgs/dm/dm_crawler.png"
 
 packageTitle = "Web Crawler Services 資訊爬蟲抓取專案"
 
-packageSub = "工欲善其事，必先有「資料」AI資料科學家快速完成資料擷取，實現你的專案！"
 
+packageSub = "工欲善其事，必先有「資料」AI 資料科學家快速完成資料擷取，實現你的專案！"
 
 packageBg = "/imgs/dm/dm_crawler.png"
 
-description = "集仕多擁有專業的AI資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，無論動、靜態各種類型網站一次爬好爬滿，協助你在大量數據時代下，依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用。"
 
+description = "集仕多擁有專業的 AI 資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，無論動、靜態各種類型網站一次爬好爬滿，協助你在大量數據時代下，依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用。"
 
 block1_title = "網路爬蟲應用豐富多元 依你需求提供專案服務"
 
 block1_strong = "搜尋引擎 | 機票比價 | 動態製作頁面 | 大數據分析 人工智能的深度學習 | 不再讓你複製貼上"
 
 block1_text = ""

+ 3 - 3
webSite/content/research/dm.md
View File 

@@ -8,11 +8,11 @@ banner = "https://i.imgur.com/cqerHee.jpg"
 
 packageTitle = "企業系統研發委外方案"
 
 packageSub = "企業資訊系統選擇委外研發服務，大幅降低成本"
 
 packageBg = "https://i.imgur.com/cqerHee.jpg"
 
-description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入AI人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
+description = "擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務；作為企業研發後盾快速導入 AI 人工智慧技術，在節省工程研發人力成本下，有效率地數位轉型!"
 
 
 block1_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 
 block1_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
 
-block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及IT委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
+block1_text = "提供企業節省人力開銷的資訊委外解決方案，專業提供資訊系統研發服務以及 IT 委外維護長期月租方案，企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 
 block1_img = "/imgs/dm/dm_rd_1.png"
 
 
 block2_title = "降低資訊研發、維護成本 | 完善的軟、硬體系統規劃"
 
@@ -22,7 +22,7 @@ block2_img = "/imgs/dm/dm_rd_2.png"
 
 
 block3_title = "完善資訊備援規劃  | 伺服器建置"
 
 block3_strong = "專業的工程師團隊，提供全方位資訊服務，是你的資訊顧問、研發工程師、MIS  更是你的好夥伴"
 
-block3_text = "依照企業使用者的情況提供的需求，透過專業人員評估及分析後，補強使用者在資訊規劃上的不足，提升企業運作效率。也提供伺服器建置: WEB SERVER 架設、DNS SERVER 架設、MAIL SERVER 架設等。"
 
+block3_text = "依照企業使用者的情況提供的需求，透過專業人員評估及分析後，補強使用者在資訊規劃上的不足，提升企業運作效率。也提供伺服器建置：WEB SERVER 架設、DNS SERVER 架設、MAIL SERVER 架設等。"
 
 block3_img = "/imgs/dm/dm_rd_1.png"
 
 
 block4_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"

+ 8 - 8
webSite/content/seo/dm.md
View File 

@@ -6,11 +6,11 @@ categories = ["seo"]
 
 layout = "seo"
 
 banner = "https://i.imgur.com/ApmF3a9.jpg"
 
 packageTitle = "SEO搜尋排名優化服務"
 
-packageSub = "做好SEO網站訂單接不完，創造自然增長的免費流量，一定掌握SEO重要性"
 
+packageSub = "做好 SEO 網站訂單接不完，創造自然增長的免費流量，一定掌握 SEO 重要性"
 
 packageBg = "https://i.imgur.com/ApmF3a9.jpg"
 
-description = "茫茫網海之中想抓住消費者? 企業網站經過SEO不斷的優化能提升品牌能見度，為企業省下大筆付費數位廣告預算，再者比起廣告頁，消費者更傾向於相信自然搜尋結果頁的價值。"
 
+description = "茫茫網海之中想抓住消費者？企業網站經過 SEO 不斷的優化能提升品牌能見度，為企業省下大筆付費數位廣告預算，再者比起廣告頁，消費者更傾向於相信自然搜尋結果頁的價值。"
 
 
-block1_title = "集仕多SEO流量增長專案服務"
 
+block1_title = "集仕多 SEO 流量增長專案服務"
 
 block1_strong = ""
 
 block1_text = ""
 
 block1_img = "/imgs/dm/data_seo_1.png"
 
@@ -25,10 +25,10 @@ block3_strong = ""
 
 block3_text = ""
 
 block3_img = ""
 
 
-block4_title = "集仕多獨家SEO顯微鏡健檢服務"
 
-block4_strong = "獨家SEO顯微鏡健檢服務"
 
-block4_list1 = "網站健檢: 盤點網頁結構、速度"
 
-block4_list2 = "關鍵字研究: 選擇適合你的關鍵字結合內容行銷，逐步提升排名"
 
-block4_list3 = "優化分析與策略: 提出SEO改善建議，偕同逐項優化，推動排名向前"
 
+block4_title = "集仕多獨家 SEO 顯微鏡健檢服務"
 
+block4_strong = "獨家 SEO 顯微鏡健檢服務"
 
+block4_list1 = "網站健檢：盤點網頁結構、速度"
 
+block4_list2 = "關鍵字研究：選擇適合你的關鍵字結合內容行銷，逐步提升排名"
 
+block4_list3 = "優化分析與策略: 提出 SEO 改善建議，偕同逐項優化，推動排名向前"
 
 block4_img = "/imgs/dm/dm_seo_2.png"
 
 +++

+ 5 - 5
webSite/content/video-making/dm.md
View File 

@@ -6,12 +6,12 @@ categories = ["video-making"]
 
 layout = "video-making"
 
 banner = "https://i.imgur.com/cqerHee.jpg"
 
 packageTitle = "影音製作服務 | 創造營收"
 
-packageSub1 = "3000元即可完成，幫你做影片！"
 
+packageSub1 = "3000 元即可完成，幫你做影片！"
 
 packageSub2 = "錢錢沒有不見，只是變成你所喜歡的影片"
 
 packageBg = "https://i.imgur.com/cqerHee.jpg"
 
-description = "有完美的文案，但更要搭配完美的影音才能更加事半功倍，利用影音吸引更多目光、提高曝光率，集仕多影音製作服務，費用只需要3000元即可幫各大企業、商家製作優質影音。"
 
+description = "有完美的文案，但更要搭配完美的影音才能更加事半功倍，利用影音吸引更多目光、提高曝光率，集仕多影音製作服務，費用只需要 3000 元即可幫各大企業、商家製作優質影音。"
 
 description_block3_title = "我們為你創造屬於你的內容"
 
-description_block3 = "丟開圖文並茂的宣傳文宣，用鏡頭寫故事，發揮更大的聲量。在這個講求快速的現代社會，在數十秒之間傳達重點，吸引TA族群目光，利用廣告影片呼籲，吸引受眾關注。據數據統計，有超過80%的受眾在看過影片後會對品牌更能增加印象，進一步認識商業品牌。集仕多擁有專業影音剪輯團隊、豐富的影音行銷經驗，運用曝光畫面來讓品牌影片不再是漫無目的播放，而是正確的表達產品所訴求的內容。精準鎖定目標客群，以最有效的方式提高品牌影音的注目性！再進一步增加品牌的印象及知名度等一一呈現，傳達企業發展前景！"
 
+description_block3 = "丟開圖文並茂的宣傳文宣，用鏡頭寫故事，發揮更大的聲量。在這個講求快速的現代社會，在數十秒之間傳達重點，吸引 TA 族群目光，利用廣告影片呼籲，吸引受眾關注。據數據統計，有超過 80% 的受眾在看過影片後會對品牌更能增加印象，進一步認識商業品牌。集仕多擁有專業影音剪輯團隊、豐富的影音行銷經驗，運用曝光畫面來讓品牌影片不再是漫無目的播放，而是正確的表達產品所訴求的內容。精準鎖定目標客群，以最有效的方式提高品牌影音的注目性！再進一步增加品牌的印象及知名度等一一呈現，傳達企業發展前景！"
 
 block1_title = "我們為你創造專屬於你的內容"
 
 block1_strong = "丟開圖文並茂的宣傳文宣，用鏡頭寫故事，發揮更大的聲量"
 
 block1_text = "集仕多擁有專業影音剪輯團隊、豐富的影音行銷經驗，運用曝光畫面來讓品牌影片不再是漫無目的播放，而是正確的表達產品所訴求的內容。精準鎖定目標客群，以最有效的方式提高品牌影音的注目性！再進一步增加品牌的印象及知名度等一一呈現，傳達企業發展前景！"
 
@@ -26,10 +26,10 @@ block3_title = "不僅止於圖文並茂，利用影片來幫你行銷"
 
 block3_strong = ""
 
 block3_list1 = "品牌形象影片"
 
 block3_list2 = "企業簡介影片"
 
-block3_list3 = "廣路廣告/TVC"
 
+block3_list3 = "廣路廣告 / TVC"
 
 block3_list4 = "產品宣傳短片"
 
 block3_list5 = "故事微妙電影"
 
-block3_list6 = "IPO上市櫃影片"
 
+block3_list6 = "IPO 上市櫃影片"
 
 block3_img = "/imgs/dm/dm_video-making-2.png"
 
 
 block4_title = "讓鏡頭語言告訴你 | 說故事的重要性"

Some files were not shown because too many files changed in this diff