Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
choozmo
/
AI_Video_LP
4
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

update & add new page

SyuanYu 2 vuotta sitten
vanhempi
f6f9546855
commit
c5f21f136f
28 muutettua tiedostoa jossa 1277 lisäystä ja 124 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 0 2
      layouts/ad-operation/single.html
  2. 93 82
      layouts/ai-anchor/single.html
  3. 1 0
      layouts/partials/navbar.html
  4. 393 0
      layouts/youtube-views-zh/single.html
  5. 415 30
      static/css/style.css
  6. 0 0
      static/css/style.css.map
  7. 325 9
      static/css/style.scss
  8. BIN
      static/imgs/dm/ai-anchor-01.png
  9. BIN
      static/imgs/dm/ai-anchor-02-mb.png
  10. BIN
      static/imgs/dm/ai-anchor-02.png
  11. BIN
      static/imgs/dm/ai-anchor-icon-01.png
  12. BIN
      static/imgs/dm/ai-anchor-icon-02.png
  13. BIN
      static/imgs/dm/video.mp4
  14. BIN
      static/imgs/dm/youtube-views-01.png
  15. BIN
      static/imgs/dm/youtube-views-02.png
  16. BIN
      static/imgs/dm/youtube-views-03.png
  17. BIN
      static/imgs/dm/youtube-views-04.png
  18. BIN
      static/imgs/dm/youtube-views-05.png
  19. BIN
      static/imgs/dm/youtube-views-06.png
  20. BIN
      static/imgs/dm/youtube-views-07.png
  21. BIN
      static/imgs/dm/youtube-views-08.png
  22. BIN
      static/imgs/dm/youtube-views-09.png
  23. BIN
      static/imgs/dm/youtube-views-10.png
  24. BIN
      static/imgs/dm/youtube-views-11.png
  25. BIN
      static/imgs/dm/youtube-views-mb.png
  26. 7 0
      webSite/config.toml
  27. 1 1
      webSite/content/ai-anchor/dm.md
  28. 42 0
      webSite/content/youtube-views-zh/dm.md

+ 0 - 2
layouts/ad-operation/single.html
Näytä tiedosto 

@@ -18,9 +18,7 @@
 
 
 <body>
 
   {{ partial "navbar.html" . }}
 
-
 
   {{ partial "pageFormBtn.html" . }}
 
- 
   <main id="ad-operation">
 
     <section class="header">
 
       <div class="banner d-flex flex-column align-items-center justify-content-center">

+ 93 - 82
layouts/ai-anchor/single.html
Näytä tiedosto 

@@ -18,31 +18,8 @@
 
 

 <body>

   {{ partial "navbar.html" . }}

+  {{ partial "pageFormBtn.html" . }}

   <main id="ai-anchor">

-    <!-- <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-lg-5 text-center pt-5 pt-lg-0">

-          <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 等十二家知名媒體平台！

-          <p>

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

-        </div>

-        <div class="col-12 col-lg-7" style="padding-top: 50px;">

-          <div class="header-right header-dm" style="background-image: url('/imgs/圖層 5.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/圖層 8.png" alt="">

-            <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">

-          </div>

-        </div>

-      </div>

-    </section> -->

-

     <section class="container header p-0">

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

         <div class="col-12 col-lg-6 d-flex flex-column align-items-center">

@@ -68,65 +45,95 @@
 
       </div>

     </section>

 

-    <div class="container ai-description">

-      <div class="row gx-5 ps-5 justify-content-center justify-content-lg-between">

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

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

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

+    <div class="container ai-description d-flex flex-column">

+      <div class="content-box">

+        <section>

+          <div class="d-flex align-items-center">

+            <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">

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

           </div>

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

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

+        </section>

+

+        <div class="triangle-item">

+          <img src="/imgs/dm/ai-anchor-icon-02.png" alt="">

         </div>

-        <div class="col-1">

-          <div class="triangle-item">

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

+

+        <section class="text-center">

+          <div class="d-flex align-items-center">

+            <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">

+            <h5 class="ms-2">您僅需提供：</h5>

           </div>

-        </div>

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

-          <section class="text-center">

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

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

-              <h5 class="ms-2">您僅需提供：</h5>

-            </div>

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

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

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

-            </ul>

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

-          </section>

-        </div>

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

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

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

+          </ul>

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

+        </section>

       </div>

-    </div>

 

-    <!-- <div class="d-flex align-items-center flex-column flex-lg-row ai-description">

-      <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>

+      <div class="faq-content">

+        <section class="d-flex align-items-center mb-5">

+          <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">

+          <h5 class="ms-2">什麼是 AI 主播？</h5>

+        </section>

+        <div class="img-box">

+          <img src="/imgs/dm/ai-anchor-02.png" alt="" class="img-fluid d-none d-lg-block">

+          <img src="/imgs/dm/ai-anchor-02-mb.png" alt="" class="d-block d-lg-none img-mb">

+          <div class="text-box">

+            <p class="mb-0">

+              集仕多 Choozmo 開發全台第一個虛擬 AI 擬真主播，全人工智慧生成，能有效降低新聞播報製作成本，快速產出報導影片，且支援 22 國語言。

+            </p>

+            <p>

+              是目前唯一獲得工業局認證，人工智慧技術服務機構能量登錄，虛擬人像技術的廠商。

+            </p>

+          </div>

         </div>

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

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

-      </section>

-      <div class="triangle-item">

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

+

+      </div>

+

+      <div class="my-5">

+        <section class="d-flex align-items-center mb-5">

+          <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">

+          <h5 class="ms-2">實際曝光畫面</h5>

+        </section>

+        <img src="/imgs/dm/ai-anchor-03.png" alt="" class="img-fluid">

       </div>

-      <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">您僅需提供：</h5>

+

+      <div>

+        <section class="d-flex align-items-center mb-5">

+          <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">

+          <h5 class="ms-2">發佈 11 家媒體</h5>

+        </section>

+        <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">

+          <ul>

+            <li>yahoo!新聞</li>

+            <li>引新聞</li>

+            <li>Hinet生活誌</li>

+            <li>PChome新聞</li>

+            <li>match生活網</li>

+            <li>蕃薯藤</li>

+            <li>Life生活網</li>

+            <li>台北郵報</li>

+            <li>POPDAILY波波黛莉</li>

+            <li>台灣產經</li>

+            <li>動數據</li>

+          </ul>

+

+          <video controls>

+            <source src="/imgs/dm/video.mp4" type="video/mp4">

+          </video>

         </div>

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

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

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

-        </ul>

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

-      </section>

-    </div> -->

-    <!-- <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> -->

+      </div>

+

+      <div style="margin-top: 100px;">

+        <section class="d-flex align-items-center mb-5">

+          <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">

+          <h5 class="ms-2">AI 主播新聞發佈至各家知名媒體，每日總造訪量超過 1,120,000 次。</h5>

+        </section>

+      </div>

+    </div>

 

     <section

       class="d-flex flex-column align-items-center align-items-sm-end justify-content-center position-relative content">

@@ -134,13 +141,9 @@
 
         <img class="img-01" src="/imgs/群組 1.png" alt="">

       </div>

       <div>

-        <p class="text-center">圖文+影音+聯播 全方位媒體曝光<br>一次到位擁有！</p>

-        <div class="d-flex align-items-center justify-content-end price-box">

-          <div class="d-flex flex-column">

-            <!-- <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="text-end mb-0">圖文+影音+聯播 全方位媒體曝光<br>一次到位擁有！</p>

+        <div class="d-flex align-items-center justify-content-center price-box">

+          <p class="ai-anchor-price mb-0">36000 元</p>

         </div>

       </div>

 

@@ -149,18 +152,26 @@
 
           alt="">

       </div>

     </section>

+

+    <section class="mb-3 mt-5 mb-lg-4 d-flex align-items-center justify-content-center flex-column data-text">

+      <div class="d-flex flex-column flex-md-row">

+        <p>現在就填寫資料，</p>

+        <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">集仕多 ChoozMo 新聞 AI 主播媒體聯播網最佳方案</h3>

+                <h3 class="pageForm-title-h3">AI 主播媒體連播 <br> 打造您的新聞網！</h3>

               </div>

             </div>

-            <div class="pageForm-txt mb-3 ">

+            <div class="pageForm-txt mb-3">

               <p>

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

+                不管是公司宣傳／產品發表／品牌經營都那麼適用！

               </p>

             </div>

             <div class="pageForm-notice">

+ 1 - 0
layouts/partials/navbar.html
Näytä tiedosto 

@@ -29,6 +29,7 @@
 
             <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
 
             <li><a class="dropdown-item" href="/seo-image/dm/">形象 SEO</a></li>
 
             <li><a class="dropdown-item" href="/youtube-views/dm/">YouTube 影片觀看方案</a></li>
 
+            <li><a class="dropdown-item" href="/youtube-views-zh/dm/">網紅加速器</a></li>
 
           </ul>
 
         </li>
 
         <li class="nav-item">

+ 393 - 0
layouts/youtube-views-zh/single.html
Näytä tiedosto 

@@ -0,0 +1,393 @@
 
+<!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">
 
+  <!-- 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>
 
+</head>
 
+
 
+<body>
 
+  {{ partial "navbar.html" . }}
 
+  {{ partial "pageFormBtn.html" . }}
 
+  <main id="youtube-views-zh">
 
+    <section class="header">
 
+      <div class="container">
 
+        <div class="row g-0">
 
+          <div class="col-12 col-md-4">
 
+            <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
+            <p>
 
+              您費盡心思製作的影片沒有達到理想的觀看數嗎？<br>
 
+              想在短時間內提升 YouTube 影片瀏覽量嗎？<br>
 
+              不管是不是網紅都適用 <br>
 
+              保證 100% 真人觀看數 <br>
 
+              快速曝光您的品牌 <br>
 
+            </p>
 
+            <button class="contact-btn my-5" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+          </div>
 
+          <div class="col-12 col-md-8">
 
+            <div class="banner d-none d-md-block"></div>
 
+            <img src="/imgs/dm/youtube-views-mb.png" alt="" class="img-fluid d-block d-md-none">
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </section>
 
+
 
+    <div class="container">
 
+      <div class="row justify-content-center align-items-center">
 
+        <div class="col-12 col-md-4 info-content">
 
+          <h4>
 
+            最低價 <strong>NT$0.4元/1view</strong>
 
+            <br>
 
+            最快 1 週 感覺明顯成效
 
+          </h4>
 
+          <p>
 
+            網紅加速器為透過Google廣告投放，快速增漲YouTube影片的有效觀看數！
 
+            <br>
 
+            您只需提供指定網址與目標觀看受眾群，結案提供廣告成效報告與報表。
 
+          </p>
 
+        </div>
 
+        <div class="col-12 col-md-6">
 
+          <img src="/imgs/dm/youtube-views-02.png" alt="" class="img-fluid">
 
+        </div>
 
+      </div>
 
+
 
+      <img src="/imgs/dm/youtube-views-03.png" alt="" class="img-fluid position-absolute" style="right: 0;">
 
+      <img src="/imgs/dm/circle-01.webp" alt="" class="position-absolute" style="width: 50%; left: -18vw; z-index: -1;">
 
+
 
+      <div class="row g-4 g-xl-5 card-group">
 
+        <div class="col-12 col-sm-6 col-lg-3">
 
+          <div class="card">
 
+            <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
 
+              <div class="d-flex flex-column mb-2">
 
+                <section class="d-flex mx-auto">
 
+                  <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
 
+                  <h5 class="card-title m-0 fw-bold">5,000</h5>
 
+                </section>
 
+                <span class="text-center" style="color: #7c8ba7;">Views</span>
 
+              </div>
 
+              <p class="card-text price">
 
+                NT$3,500 <br>
 
+                <small>NT$4,000</small>
 
+              </p>
 
+              <div class="mx-auto">
 
+                <ul>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    100% 真人觀看
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含影片設定費
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含 YT 封面製作
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含成效報表
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="col-12 col-sm-6 col-lg-3">
 
+          <div class="card">
 
+            <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
 
+              <div class="d-flex flex-column mb-2">
 
+                <section class="d-flex mx-auto">
 
+                  <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
 
+                  <h5 class="card-title m-0 fw-bold">10,000</h5>
 
+                </section>
 
+                <span class="text-center" style="color: #7c8ba7;">Views</span>
 
+              </div>
 
+              <p class="card-text price">
 
+                NT$4,400 <br>
 
+                <small>NT$5,000</small>
 
+              </p>
 
+              <div class="mx-auto">
 
+                <ul>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    100% 真人觀看
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含影片設定費
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含 YT 封面製作
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含成效報表
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="col-12 col-sm-6 col-lg-3">
 
+          <div class="card">
 
+            <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
 
+              <div class="d-flex flex-column mb-2">
 
+                <section class="d-flex mx-auto">
 
+                  <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
 
+                  <h5 class="card-title m-0 fw-bold">30,000</h5>
 
+                </section>
 
+                <span class="text-center" style="color: #7c8ba7;">Views</span>
 
+              </div>
 
+              <p class="card-text price">
 
+                NT$12,400 <br>
 
+                <small>NT$13,000</small>
 
+              </p>
 
+              <div class="mx-auto">
 
+                <ul>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    100% 真人觀看
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含影片設定費
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含 YT 封面製作
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含成效報表
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="col-12 col-sm-6 col-lg-3">
 
+          <div class="card">
 
+            <div class="card-body p-0 py-4 d-flex flex-column align-items-center">
 
+              <div class="d-flex flex-column mb-2">
 
+                <section class="d-flex mx-auto">
 
+                  <img width="30" height="30" src="/imgs/icon/play-button.png" alt="" class="me-2">
 
+                  <h5 class="card-title m-0 fw-bold">50,000</h5>
 
+                </section>
 
+                <span class="text-center" style="color: #7c8ba7;">Views</span>
 
+              </div>
 
+              <p class="card-text price">
 
+                NT$20,400 <br>
 
+                <small>NT$21,000</small>
 
+              </p>
 
+              <div class="mx-auto">
 
+                <ul>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    100% 真人觀看
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含影片設定費
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含 YT 封面製作
 
+                  </li>
 
+                  <li class="card-text">
 
+                    <img width="30" src="/imgs/icon/check.png" alt="">
 
+                    包含成效報表
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <a href="https://line.me/R/ti/p/@choozmo?from=page" target="_blank" class="buy-btn mb-3">Buy Now</a>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+
 
+      <img src="/imgs/dm/youtube-views-04.png" alt="" class="img-fluid my-5">
 
+
 
+      <div class="row justify-content-center direction-list">
 
+        <div class="col-12 col-md-7 px-4 px-md-0 content">
 
+          <section class="d-flex flex-column">
 
+            <h5>什麼是 YouTube 觀看數？</h5>
 
+            <p>
 
+              觀看數=點閱率，凡點開影片即算一次觀看數 <br>
 
+              透過增加影片曝光提高觀看數，保證 100% 真人點閱率。
 
+            </p>
 
+          </section>
 
+        </div>
 
+        <div class="col-12 col-md-7 px-4 px-md-0 content position-relative">
 
+          <section class="d-flex flex-column">
 
+            <h5>確保您的觀看數是正確的</h5>
 
+            <p>
 
+              為確保正確計算您的 YouTube 觀看數，請勿同時購買多項服務。
 
+            </p>
 
+          </section>
 
+          <img src="/imgs/dm/youtube-views-05.png" alt="" class="position-absolute d-none d-md-block"
 
+            style="width: 150px; left: -180px; top: 170px;">
 
+          <img src="/imgs/dm/youtube-views-06.png" alt="" class="position-absolute d-none d-md-block"
 
+            style="width: 130px; right: -165px; top: -65px;">
 
+        </div>
 
+        <div class="col-12 col-md-7 px-4 px-md-0 content">
 
+          <section class="d-flex flex-column">
 
+            <h5>為什麼要購買網紅加速器方案？</h5>
 
+            <p>
 
+              網紅加速器提供最便利的方案，我們知道 YouTube 影片封面如何設計能達到最佳效果 <br>
 
+              並包含影片上架、文字敘述與 #hashtag 提高觀眾搜尋率 <br>
 
+              結案時提供完整成果報告 <br>
 
+              以上皆可以用便宜划算的金額獲得，最低 1 個觀看數只要0.4元。
 
+            </p>
 
+          </section>
 
+        </div>
 
+        <div class="col-12 col-md-7 px-4 px-md-0 content">
 
+          <section class="d-flex flex-column">
 
+            <h5>擁有 YouTube 觀看次數有什麼好處？</h5>
 
+            <p>
 
+              觀看數越高的影片越容易顯示在平台上、並增加人們觀看意願與其頻道的可信度。 <br>
 
+              人們傾向找熱門影片來看，視頻的受歡迎程度會隨著觀看次數而增加，熱門視頻會被
 
+              更多人觀看，能幫助您贏得更多訂閱者。 <br>
 
+              即使您不購買YouTube觀看次數，您的頻道及其視頻仍有可能變得流行，但與購買觀
 
+              看次數相比，這可能需要更多時間。
 
+            </p>
 
+          </section>
 
+        </div>
 
+        <div class="col-12 col-md-7 px-4 px-md-0 content position-relative">
 
+          <section class="d-flex flex-column">
 
+            <h5>安全與保密？</h5>
 
+            <p>
 
+              我們不會過問您的 YouTube 帳戶密碼，或任何私人資訊。不管如何，您應該保護您的 YouTube 帳戶，切勿與任何人分享帳戶密碼。
 
+            </p>
 
+          </section>
 
+          <!-- 裝飾圖 -->
 
+          <img src="/imgs/dm/circle-02.webp" alt="" class="position-absolute"
 
+            style="width: 100vw; top: -60vw; left: -30vw; z-index: -1;">
 
+          <img src="/imgs/dm/youtube-views-07.png" alt="" class="position-absolute d-none d-md-block"
 
+            style="width: 170px; left: -190px; top: -10px;">
 
+          <img src="/imgs/dm/youtube-views-08.png" alt="" class="position-absolute d-none d-md-block"
 
+            style="width: 170px; right: -190px; top: -230px;">
 
+          <img src="/imgs/dm/youtube-views-09.png" alt="" class="position-absolute d-none d-md-block"
 
+            style="width: 160px; right: -190px; top: 200px;">
 
+        </div>
 
+        <div class="col-12 col-md-7 px-4 px-md-0 content">
 
+          <section class="d-flex flex-column">
 
+            <h5>購買 YouTube 觀看數合法嗎？</h5>
 
+            <p>YouTube允許用戶購買觀看次數，前提是此類活動不被視為垃圾內容。 <br>
 
+              請注意，YouTube可以刪除被視為垃圾內容或包含垃圾內容的視頻，上傳者可能會面
 
+              臨被暫停或禁止的風險，因此您應該避免一次買過多的觀看次數、以及確保不會違反
 
+              您所在地區的法規。
 
+            </p>
 
+          </section>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="data-content">
 
+      <section class="position-relative">
 
+        <h4>實際案例 <br>
 
+          目標觀看次數 <strong>5000 次，三日內達標！</strong> <br>
 
+          且收視率高達 64.30%
 
+        </h4>
 
+        <img src="/imgs/dm/youtube-views-10.png" alt="" class="img-fluid">
 
+      </section>
 
+
 
+      <p class="mx-3">
 
+        針對目標客群設定廣告投放之對象：包括生活型態、興趣、愛好等
 
+        <br>
 
+        EX 針對醫療相關、健康與個人護理設定潛在目標對象進行投放
 
+      </p>
 
+      <img src="/imgs/dm/youtube-views-11.png" alt="" class="img-fluid" style="max-width: 800px; width: 100%;">
 
+    </div>
 
+
 
+    <section class="my-3 my-lg-4 d-flex align-items-center justify-content-center flex-column flex-md-row data-text">
 
+      <p>想了解更多嗎？</p>
 
+    </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">
 
+                  【網紅加速器】
 
+                  <br>
 
+                  快速提升影片觀看數
 
+                </h3>
 
+              </div>
 
+            </div>
 
+            <div class="pageForm-txt mb-3 fw-bold">
 
+              <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>
 
+    </div>
 
+  </main>
 
+  {{ partial "footer.html" . }}
 
+  <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"
 
+    crossorigin="anonymous"></script>
 
+</body>
 
+
 
+</html>

+ 415 - 30
static/css/style.css
Näytä tiedosto 

@@ -174,6 +174,10 @@
 
   filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(31deg) brightness(107%) contrast(100%);
 
 }
 
 
+.pageForm-title-h3 {
 
+  font-weight: bold;
 
+}
 
+
 
 /* footer.html Start */
 
 .footer {
 
   color: #656565;
 
@@ -1010,6 +1014,11 @@
 
     top: -130px;
 
   }
 
 }
 
+@media (max-width: 575px) {
 
+  #ai-anchor .header-title {
 
+    font-size: 2rem;
 
+  }
 
+}
 
 #ai-anchor .header-sub {
 
   padding: 0 10px;
 
   text-align: start;
 
@@ -1031,19 +1040,20 @@
 
   }
 
 }
 
 #ai-anchor .ai-description {
 
-  padding: 200px 0 100px;
 
+  padding-top: 200px;
 
+  padding-bottom: 100px;
 
 }
 
 @media (max-width: 991px) {
 
   #ai-anchor .ai-description {
 
-    padding: 100px 0;
 
+    padding-top: 100px;
 
   }
 
 }
 
-#ai-anchor .ai-description div img {
 
+#ai-anchor .ai-description div .icon {
 
   width: 30px;
 
 }
 
 #ai-anchor .ai-description h5 {
 
   margin: 0;
 
-  font-size: 22px;
 
+  font-size: 28px;
 
   font-weight: bold;
 
   color: #ea5413;
 
 }
 
@@ -1052,6 +1062,28 @@
 
     font-size: 20px;
 
   }
 
 }
 
+#ai-anchor .ai-description .content-box {
 
+  display: flex;
 
+  justify-content: space-between;
 
+  margin-bottom: 150px;
 
+}
 
+@media (max-width: 991px) {
 
+  #ai-anchor .ai-description .content-box {
 
+    flex-direction: column;
 
+  }
 
+}
 
+#ai-anchor .ai-description .content-box section {
 
+  width: 35%;
 
+}
 
+@media (max-width: 991px) {
 
+  #ai-anchor .ai-description .content-box section {
 
+    width: 100%;
 
+  }
 
+}
 
+#ai-anchor .ai-description .triangle-item {
 
+  display: flex;
 
+  justify-content: center;
 
+}
 
 @media (max-width: 991px) {
 
   #ai-anchor .ai-description .triangle-item {
 
     margin-left: -35px;
 
@@ -1067,9 +1099,112 @@
 
     transform: rotate(90deg);
 
   }
 
 }
 
+#ai-anchor .faq-content {
 
+  position: relative;
 
+}
 
+#ai-anchor .faq-content .img-box {
 
+  position: relative;
 
+}
 
+@media (max-width: 575px) {
 
+  #ai-anchor .faq-content .img-box {
 
+    width: 330px;
 
+    margin: auto;
 
+  }
 
+}
 
+#ai-anchor .faq-content .img-box .img-mb {
 
+  width: 500px;
 
+  margin: auto;
 
+}
 
+@media (max-width: 575px) {
 
+  #ai-anchor .faq-content .img-box .img-mb {
 
+    width: 100%;
 
+  }
 
+}
 
+#ai-anchor .faq-content .img-box .text-box {
 
+  position: absolute;
 
+  width: 330px;
 
+  right: 330px;
 
+  top: 80px;
 
+  line-height: 35px;
 
+  font-size: 18px;
 
+  font-weight: bold;
 
+  color: #656565;
 
+}
 
+@media (max-width: 1400px) {
 
+  #ai-anchor .faq-content .img-box .text-box {
 
+    right: 260px;
 
+    top: 55px;
 
+  }
 
+}
 
+@media (max-width: 1200px) {
 
+  #ai-anchor .faq-content .img-box .text-box {
 
+    font-size: 16px;
 
+    right: 185px;
 
+    top: 40px;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  #ai-anchor .faq-content .img-box .text-box {
 
+    width: 365px;
 
+    right: 160px;
 
+    top: 310px;
 
+    font-size: 18px;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  #ai-anchor .faq-content .img-box .text-box {
 
+    right: 70px;
 
+  }
 
+}
 
+@media (max-width: 575px) {
 
+  #ai-anchor .faq-content .img-box .text-box {
 
+    width: 285px;
 
+    right: 23px;
 
+    top: 190px;
 
+    font-size: 14px;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  #ai-anchor .faq-content .img-box .text-box p:last-child {
 
+    width: 200px;
 
+  }
 
+}
 
+@media (max-width: 575px) {
 
+  #ai-anchor .faq-content .img-box .text-box p:last-child {
 
+    width: 170px;
 
+  }
 
+}
 
+#ai-anchor ul {
 
+  list-style: none;
 
+  text-align: center;
 
+}
 
+@media (max-width: 767px) {
 
+  #ai-anchor ul {
 
+    padding: 0;
 
+  }
 
+}
 
+#ai-anchor ul li {
 
+  font-size: 18px;
 
+  margin-bottom: 10px;
 
+  font-weight: bold;
 
+}
 
+@media (max-width: 767px) {
 
+  #ai-anchor ul li {
 
+    font-size: 16px;
 
+  }
 
+}
 
+#ai-anchor video {
 
+  width: 75%;
 
+  height: auto;
 
+}
 
+@media (max-width: 767px) {
 
+  #ai-anchor video {
 
+    width: 90%;
 
+  }
 
+}
 
 #ai-anchor .content {
 
   width: 800px;
 
-  margin: 10rem auto;
 
+  margin: 0 auto 10rem;
 
   padding: 2rem 8rem;
 
   border-radius: 20px;
 
   background-color: #fff2ec;
 
@@ -1100,15 +1235,17 @@
 
     width: 250px;
 
   }
 
 }
 
-#ai-anchor .content .ai-anchor-price mark {
 
+#ai-anchor .content .ai-anchor-price {
 
   background-color: transparent;
 
   padding: 2px 1px;
 
   border-radius: 5px;
 
+  font-size: 48px;
 
   color: #3190da;
 
   background: linear-gradient(transparent 40%, rgba(255, 255, 255, 0) 50%, yellow 75%, yellow 90%, transparent 95%);
 
 }
 
 #ai-anchor .content,
 
 #ai-anchor .ai-description span {
 
+  font-size: 22px;
 
   font-weight: bold;
 
   color: #3190da;
 
 }
 
@@ -1929,34 +2066,43 @@
 
 
 /* seo End */
 
 /* youtube-views Start */
 
-#youtube-views {
 
+#youtube-views,
 
+#youtube-views-zh {
 
   overflow-x: hidden;
 
 }
 
-#youtube-views h5 {
 
+#youtube-views h5,
 
+#youtube-views-zh h5 {
 
   line-height: 32px;
 
 }
 
-#youtube-views .title {
 
+#youtube-views .title,
 
+#youtube-views-zh .title {
 
   color: #ea5413;
 
   font-size: 1.3rem;
 
   font-weight: bold;
 
 }
 
-#youtube-views .header-right {
 
+#youtube-views .header-right,
 
+#youtube-views-zh .header-right {
 
   background-position: center;
 
 }
 
-#youtube-views .card-group {
 
+#youtube-views .card-group,
 
+#youtube-views-zh .card-group {
 
   margin-top: 50px;
 
 }
 
-#youtube-views .card-group .card {
 
+#youtube-views .card-group .card,
 
+#youtube-views-zh .card-group .card {
 
   box-shadow: 0 0 10px rgba(32, 32, 32, 0.2509803922);
 
 }
 
-#youtube-views .card-group .card ul {
 
+#youtube-views .card-group .card ul,
 
+#youtube-views-zh .card-group .card ul {
 
   padding: 0;
 
   list-style: none;
 
 }
 
-#youtube-views .card-group .card ul img {
 
+#youtube-views .card-group .card ul img,
 
+#youtube-views-zh .card-group .card ul img {
 
   margin-bottom: 1px;
 
 }
 
-#youtube-views .card-group .card .price {
 
+#youtube-views .card-group .card .price,
 
+#youtube-views-zh .card-group .card .price {
 
   width: 100%;
 
   padding: 10px 0;
 
   font-size: 28px;
 
@@ -1966,71 +2112,310 @@
 
   background-color: #ea5413;
 
   letter-spacing: 2px;
 
 }
 
-#youtube-views .card-group .card .buy-btn {
 
-  padding: 10px 20px;
 
+#youtube-views .card-group .card .buy-btn,
 
+#youtube-views-zh .card-group .card .buy-btn {
 
+  padding: 6px 18px;
 
   color: #fff;
 
   border: 1px solid transparent;
 
   border-radius: 50px;
 
   background: #ea5413;
 
   transition: all 0.3s;
 
 }
 
-#youtube-views .card-group .card .buy-btn:hover {
 
+#youtube-views .card-group .card .buy-btn:hover,
 
+#youtube-views-zh .card-group .card .buy-btn:hover {
 
   color: #ea5413;
 
   border: 1px solid #ea5413;
 
   background: #fff;
 
 }
 
-#youtube-views .card-group .paypal-content {
 
+#youtube-views .card-group .paypal-content,
 
+#youtube-views-zh .card-group .paypal-content {
 
   margin: 0 20px;
 
   box-shadow: none;
 
 }
 
-#youtube-views .direction-list {
 
+#youtube-views .direction-list,
 
+#youtube-views-zh .direction-list {
 
   margin-top: 100px;
 
 }
 
-#youtube-views .direction-list img {
 
+#youtube-views .direction-list img,
 
+#youtube-views-zh .direction-list img {
 
   width: 50px;
 
   -o-object-fit: contain;
 
      object-fit: contain;
 
   filter: invert(33%) sepia(55%) saturate(2232%) hue-rotate(357deg) brightness(102%) contrast(89%);
 
 }
 
-#youtube-views .direction-list .content > div {
 
+#youtube-views .direction-list .content > div,
 
+#youtube-views-zh .direction-list .content > div {
 
   margin-bottom: 40px;
 
   padding: 0px 15px;
 
   border-left: 1px solid rgba(0, 0, 0, 0.125);
 
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 
 }
 
-#youtube-views .direction-list section h5 {
 
+#youtube-views .direction-list section h5,
 
+#youtube-views-zh .direction-list section h5 {
 
   margin: 0;
 
   font-size: 18px;
 
   font-weight: bold;
 
 }
 
-#youtube-views .direction-list section p {
 
+#youtube-views .direction-list section p,
 
+#youtube-views-zh .direction-list section p {
 
   font-size: 14px;
 
 }
 
-#youtube-views .accordion-button {
 
+#youtube-views .accordion-button,
 
+#youtube-views-zh .accordion-button {
 
   padding: 20px;
 
 }
 
-#youtube-views .accordion-button:not(.collapsed) {
 
+#youtube-views .accordion-button:not(.collapsed),
 
+#youtube-views-zh .accordion-button:not(.collapsed) {
 
   color: #ea5413 !important;
 
   background-color: #ffebe2 !important;
 
 }
 
-#youtube-views button:focus:not(:focus-visible) {
 
+#youtube-views button:focus:not(:focus-visible),
 
+#youtube-views-zh button:focus:not(:focus-visible) {
 
   box-shadow: none !important;
 
 }
 
-#youtube-views .accordion-button:not(.collapsed)::after {
 
+#youtube-views .accordion-button:not(.collapsed)::after,
 
+#youtube-views-zh .accordion-button:not(.collapsed)::after {
 
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ea5413'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 
 }
 
 @media (max-width: 767px) {
 
-  #youtube-views .category.dm-description {
 
+  #youtube-views .category.dm-description,
 
+#youtube-views-zh .category.dm-description {
 
     padding-top: 6rem;
 
   }
 
 }
 
 @media (max-width: 575px) {
 
-  #youtube-views .category.dm-description {
 
+  #youtube-views .category.dm-description,
 
+#youtube-views-zh .category.dm-description {
 
     padding-top: 14rem;
 
   }
 
 }
 
 
 /* youtube-views End */
 
+/* youtube-views-zh Start */
 
+#youtube-views-zh .header {
 
+  margin-top: 0;
 
+  padding: 4.8rem 0 3rem;
 
+}
 
+#youtube-views-zh .header p {
 
+  line-height: 35px;
 
+  font-size: 18px;
 
+  font-weight: bold;
 
+  color: #656565;
 
+}
 
+@media (max-width: 414px) {
 
+  #youtube-views-zh .header p {
 
+    font-size: 14px;
 
+  }
 
+}
 
+#youtube-views-zh .header .row {
 
+  height: 1000px;
 
+}
 
+@media (max-width: 991px) {
 
+  #youtube-views-zh .header .row {
 
+    height: 700px;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .header .row {
 
+    height: auto;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .header .row div {
 
+    text-align: center;
 
+  }
 
+}
 
+#youtube-views-zh .header .header-title {
 
+  padding-top: 10rem;
 
+  margin-bottom: 30px;
 
+  font-size: 40px;
 
+  color: #ea5413;
 
+}
 
+@media (max-width: 991px) {
 
+  #youtube-views-zh .header .header-title {
 
+    padding-top: 5rem;
 
+  }
 
+}
 
+@media (max-width: 414px) {
 
+  #youtube-views-zh .header .header-title {
 
+    font-size: 34px;
 
+  }
 
+}
 
+#youtube-views-zh .header .banner {
 
+  width: 100vw;
 
+  height: 1420px;
 
+  position: absolute;
 
+  top: 0;
 
+  right: -16vw;
 
+  z-index: -1;
 
+  background-size: cover;
 
+  background-position: center;
 
+  background-repeat: no-repeat;
 
+  background-image: url("/imgs/dm/youtube-views-01.png");
 
+}
 
+@media (max-width: 1200px) {
 
+  #youtube-views-zh .header .banner {
 
+    top: -10vw;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  #youtube-views-zh .header .banner {
 
+    top: 8vw;
 
+    height: 1000px;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .info-content {
 
+    text-align: center;
 
+  }
 
+}
 
+#youtube-views-zh .info-content h4 {
 
+  font-weight: bold;
 
+  line-height: 35px;
 
+  margin-bottom: 30px;
 
+}
 
+#youtube-views-zh .info-content h4 strong {
 
+  font-size: 30px;
 
+  color: #ea5413;
 
+}
 
+#youtube-views-zh .info-content p {
 
+  width: 320px;
 
+  line-height: 35px;
 
+  color: #656565;
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .info-content p {
 
+    margin: auto;
 
+  }
 
+}
 
+#youtube-views-zh .card-group {
 
+  margin: 170px auto 50px;
 
+}
 
+@media (max-width: 575px) {
 
+  #youtube-views-zh .card-group {
 
+    margin: 75px auto 50px;
 
+  }
 
+}
 
+#youtube-views-zh .card-group .card {
 
+  border-radius: 20px;
 
+}
 
+#youtube-views-zh .card-group .card ul {
 
+  padding: 10px;
 
+}
 
+#youtube-views-zh .card-group .card .price {
 
+  font-size: 30px;
 
+}
 
+#youtube-views-zh .card-group .card .price small {
 
+  display: block;
 
+  margin-top: -3px;
 
+  font-size: 18px;
 
+  font-weight: normal;
 
+  text-decoration: line-through;
 
+}
 
+#youtube-views-zh .card-group .card .buy-btn {
 
+  display: block;
 
+  text-decoration: none;
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .direction-list {
 
+    margin-top: 50px;
 
+  }
 
+}
 
+#youtube-views-zh .direction-list img {
 
+  filter: unset;
 
+  position: absolute;
 
+}
 
+#youtube-views-zh .direction-list section {
 
+  margin-bottom: 40px;
 
+  padding: 0px 35px 10px;
 
+  border-left: 1px solid #656565;
 
+  border-bottom: 1px solid #656565;
 
+  border-radius: 0 0 0 10px;
 
+}
 
+#youtube-views-zh .direction-list section h5 {
 
+  margin-bottom: 20px;
 
+}
 
+#youtube-views-zh .direction-list section p {
 
+  font-size: 16px;
 
+  line-height: 30px;
 
+  color: #656565;
 
+}
 
+#youtube-views-zh .data-content {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  margin-bottom: 150px;
 
+}
 
+#youtube-views-zh .data-content section h4 {
 
+  position: absolute;
 
+  top: 35%;
 
+  left: 50%;
 
+  width: 100%;
 
+  font-size: 28px;
 
+  text-align: center;
 
+  font-weight: bold;
 
+  line-height: 40px;
 
+  transform: translate(-50%, -50%);
 
+}
 
+@media (max-width: 1200px) {
 
+  #youtube-views-zh .data-content section h4 {
 
+    top: 40%;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .data-content section h4 {
 
+    top: 36%;
 
+    font-size: 18px;
 
+    line-height: normal;
 
+  }
 
+}
 
+@media (max-width: 575px) {
 
+  #youtube-views-zh .data-content section h4 {
 
+    top: 40%;
 
+  }
 
+}
 
+#youtube-views-zh .data-content section h4 strong {
 
+  font-size: 34px;
 
+  color: #ea5413;
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .data-content section h4 strong {
 
+    font-size: 24px;
 
+  }
 
+}
 
+@media (max-width: 414px) {
 
+  #youtube-views-zh .data-content section h4 strong {
 
+    font-size: 22px;
 
+  }
 
+}
 
+#youtube-views-zh .data-content section img {
 
+  margin-top: 150px;
 
+}
 
+@media (max-width: 991px) {
 
+  #youtube-views-zh .data-content section img {
 
+    height: 500px;
 
+    -o-object-fit: cover;
 
+       object-fit: cover;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  #youtube-views-zh .data-content section img {
 
+    margin-top: 80px;
 
+    height: 400px;
 
+  }
 
+}
 
+@media (max-width: 575px) {
 
+  #youtube-views-zh .data-content section img {
 
+    height: 280px;
 
+  }
 
+}
 
+#youtube-views-zh .data-content p {
 
+  font-weight: bold;
 
+  line-height: 35px;
 
+  color: #656565;
 
+}
 
+
 
+/* youtube-views-zh End */
 
 /* seo-image Start */
 
 .seo-image {
 
   overflow-x: hidden;

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
static/css/style.css.map


+ 325 - 9
static/css/style.scss
Näytä tiedosto 

@@ -182,6 +182,10 @@
 
   }
 
 }
 
 
+.pageForm-title-h3 {
 
+  font-weight: bold;
 
+}
 
+
 
 /* footer.html Start */
 
 
 .footer {
 
@@ -1036,6 +1040,11 @@
 
       top: -130px;
 
     }
 
   }
 
+  .header-title {
 
+    @media (max-width: 575px) {
 
+     font-size: 2rem;
 
+    }
 
+  }
 
   .header-sub {
 
     padding: 0 10px;
 
     text-align: start;
 
@@ -1055,19 +1064,20 @@
 
     }
 
   }
 
   .ai-description {
 
-    padding: 200px 0 100px;
 
+    padding-top: 200px;
 
+    padding-bottom: 100px;
 
     @media (max-width: 991px) {
 
-      padding: 100px 0;
 
+      padding-top: 100px;
 
     }
 
     div {
 
-      img {
 
+      .icon {
 
         width: 30px;
 
       }
 
     }
 
 
     h5 {
 
       margin: 0;
 
-      font-size: 22px;
 
+      font-size: 28px;
 
       font-weight: bold;
 
       color: #ea5413;
 
 
@@ -1075,11 +1085,28 @@
 
         font-size: 20px;
 
       }
 
     }
 
+
 
+    .content-box {
 
+      display: flex;
 
+      justify-content: space-between;
 
+      margin-bottom: 150px;
 
+      @media (max-width: 991px) {
 
+        flex-direction: column;
 
+      }
 
+      section {
 
+        width: 35%;
 
+        @media (max-width: 991px) {
 
+          width: 100%;
 
+        }
 
+      }
 
+    }
 
+
 
     .triangle-item {
 
+      display: flex;
 
+      justify-content: center;
 
       @media (max-width: 991px) {
 
         margin-left: -35px;
 
       }
 
-
 
       img {
 
         width: 40px;
 
         height: 100%;
 
@@ -1091,9 +1118,94 @@
 
       }
 
     }
 
   }
 
+
 
+  .faq-content {
 
+    position: relative;
 
+    .img-box {
 
+      position: relative;
 
+      @media (max-width: 575px) {
 
+        width: 330px;
 
+        margin: auto;
 
+      }
 
+      .img-mb {
 
+        width: 500px;
 
+        margin: auto;
 
+        @media (max-width: 575px) {
 
+          width: 100%;
 
+        }
 
+      }
 
+      .text-box {
 
+        position: absolute;
 
+        width: 330px;
 
+        right: 330px;
 
+        top: 80px;
 
+        line-height: 35px;
 
+        font-size: 18px;
 
+        font-weight: bold;
 
+        color: #656565;
 
+        @media (max-width: 1400px) {
 
+          right: 260px;
 
+          top: 55px;
 
+        }
 
+        @media (max-width: 1200px) {
 
+          font-size: 16px;
 
+          right: 185px;
 
+          top: 40px;
 
+        }
 
+        @media (max-width: 991px) {
 
+          width: 365px;
 
+          right: 160px;
 
+          top: 310px;
 
+          font-size: 18px;
 
+        }
 
+        @media (max-width: 767px) {
 
+          right: 70px;
 
+        }
 
+        @media (max-width: 575px) {
 
+          width: 285px;
 
+          right: 23px;
 
+          top: 190px;
 
+          font-size: 14px;
 
+        }
 
+        p:last-child {
 
+          @media (max-width: 991px) {
 
+            width: 200px;
 
+          }
 
+          @media (max-width: 575px){
 
+            width: 170px;
 
+          }
 
+        }
 
+      }
 
+    }
 
+  }
 
+
 
+  ul {
 
+    list-style: none;
 
+    text-align: center;
 
+    @media (max-width: 767px){
 
+      padding: 0;
 
+    }
 
+    li {
 
+      font-size: 18px;
 
+      margin-bottom: 10px;
 
+      font-weight: bold;
 
+      @media (max-width: 767px) {
 
+        font-size: 16px;
 
+      }
 
+    }
 
+  }
 
+
 
+  video {
 
+    width: 75%;
 
+    height: auto;
 
+    @media (max-width: 767px) {
 
+      width: 90%;
 
+    }
 
+  }
 
+
 
   .content {
 
     width: 800px;
 
-    margin: 10rem auto;
 
+    margin: 0 auto 10rem;
 
     padding: 2rem 8rem;
 
     border-radius: 20px;
 
     background-color: #fff2ec;
 
@@ -1120,16 +1232,18 @@
 
         width: 250px;
 
       }
 
     }
 
-    .ai-anchor-price mark {
 
+    .ai-anchor-price {
 
       background-color: transparent;
 
       padding: 2px 1px;
 
       border-radius: 5px;
 
+      font-size: 48px;
 
       color: #3190da;
 
       background: linear-gradient(transparent 40%, rgba(255, 255, 255, 0) 50%, yellow 75%, yellow 90%, transparent 95%);
 
     }
 
   }
 
   .content,
 
   .ai-description span {
 
+    font-size: 22px;
 
     font-weight: bold;
 
     color: #3190da;
 
   }
 
@@ -1839,7 +1953,8 @@
 
 
 /* youtube-views Start */
 
 
-#youtube-views {
 
+#youtube-views,
 
+#youtube-views-zh {
 
   overflow-x: hidden;
 
   h5 {
 
     line-height: 32px;
 
@@ -1874,7 +1989,7 @@
 
         letter-spacing: 2px;
 
       }
 
       .buy-btn {
 
-        padding: 10px 20px;
 
+        padding: 6px 18px;
 
         color: #fff;
 
         border: 1px solid transparent;
 
         border-radius: 50px;
 
@@ -1949,6 +2064,207 @@
 
 
 /* youtube-views End */
 
 
+/* youtube-views-zh Start */
 
+
 
+#youtube-views-zh {
 
+  .header {
 
+    margin-top: 0;
 
+    padding: 4.8rem 0 3rem;
 
+    p {
 
+      line-height: 35px;
 
+      font-size: 18px;
 
+      font-weight: bold;
 
+      color: #656565;
 
+      @media (max-width: 414px) {
 
+        font-size: 14px;
 
+      }
 
+    }
 
+    .row {
 
+      height: 1000px;
 
+      @media (max-width: 991px) {
 
+        height: 700px;
 
+      }
 
+      @media (max-width: 767px) {
 
+        height: auto;
 
+      }
 
+      div {
 
+        @media (max-width: 767px) {
 
+          text-align: center;
 
+        }
 
+      }
 
+    }
 
+    .header-title {
 
+      padding-top: 10rem;
 
+      margin-bottom: 30px;
 
+      font-size: 40px;
 
+      color: #ea5413;
 
+      @media (max-width: 991px) {
 
+        padding-top: 5rem;
 
+      }
 
+      @media (max-width: 414px) {
 
+        font-size: 34px;
 
+      }
 
+    }
 
+    .banner {
 
+      width: 100vw;
 
+      height: 1420px;
 
+      position: absolute;
 
+      top: 0;
 
+      right: -16vw;
 
+      z-index: -1;
 
+      background-size: cover;
 
+      background-position: center;
 
+      background-repeat: no-repeat;
 
+      background-image: url("/imgs/dm/youtube-views-01.png");
 
+      @media (max-width: 1200px) {
 
+        top: -10vw;
 
+      }
 
+      @media (max-width: 991px) {
 
+        top: 8vw;
 
+        height: 1000px;
 
+      }
 
+    }
 
+  }
 
+
 
+  .info-content {
 
+    @media (max-width: 767px) {
 
+      text-align: center;
 
+    }
 
+    h4 {
 
+      font-weight: bold;
 
+      line-height: 35px;
 
+      margin-bottom: 30px;
 
+      strong {
 
+        font-size: 30px;
 
+        color: #ea5413;
 
+      }
 
+    }
 
+    p {
 
+      width: 320px;
 
+      line-height: 35px;
 
+      color: #656565;
 
+      @media (max-width: 767px) {
 
+        margin: auto;
 
+      }
 
+    }
 
+  }
 
+
 
+  .card-group {
 
+    margin: 170px auto 50px;
 
+    @media (max-width: 575px) {
 
+      margin: 75px auto 50px;
 
+    }
 
+    .card {
 
+      border-radius: 20px;
 
+      ul {
 
+        padding: 10px;
 
+      }
 
+      .price {
 
+        font-size: 30px;
 
+        small {
 
+          display: block;
 
+          margin-top: -3px;
 
+          font-size: 18px;
 
+          font-weight: normal;
 
+          text-decoration: line-through;
 
+        }
 
+      }
 
+      .buy-btn {
 
+        display: block;
 
+        text-decoration: none;
 
+      }
 
+    }
 
+  }
 
+
 
+  .direction-list {
 
+    @media (max-width: 767px) {
 
+      margin-top: 50px;
 
+    }
 
+    img {
 
+      filter: unset;
 
+      position: absolute;
 
+    }
 
+    section {
 
+      margin-bottom: 40px;
 
+      padding: 0px 35px 10px;
 
+      border-left: 1px solid #656565;
 
+      border-bottom: 1px solid #656565;
 
+      border-radius: 0 0 0 10px;
 
+      h5 {
 
+        margin-bottom: 20px;
 
+      }
 
+      p {
 
+        font-size: 16px;
 
+        line-height: 30px;
 
+        color: #656565;
 
+      }
 
+    }
 
+  }
 
+
 
+  .data-content {
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    margin-bottom: 150px;
 
+    section {
 
+      h4 {
 
+        position: absolute;
 
+        top: 35%;
 
+        left: 50%;
 
+        width: 100%;
 
+        font-size: 28px;
 
+        text-align: center;
 
+        font-weight: bold;
 
+        line-height: 40px;
 
+        transform: translate(-50%, -50%);
 
+        @media (max-width: 1200px) {
 
+          top: 40%;
 
+        }
 
+        @media (max-width: 767px) {
 
+          top: 36%;
 
+          font-size: 18px;
 
+          line-height: normal;
 
+        }
 
+        @media (max-width: 575px) {
 
+          top: 40%;
 
+        }
 
+        strong {
 
+          font-size: 34px;
 
+          color: #ea5413;
 
+          @media (max-width: 767px) {
 
+            font-size: 24px;
 
+          }
 
+          @media (max-width: 414px) {
 
+            font-size: 22px;
 
+          }
 
+        }
 
+      }
 
+      img {
 
+        margin-top: 150px;
 
+        @media (max-width: 991px) {
 
+          height: 500px;
 
+          object-fit: cover;
 
+        }
 
+        @media (max-width: 767px) {
 
+          margin-top: 80px;
 
+          height: 400px;
 
+        }
 
+        @media (max-width: 575px) {
 
+          height: 280px;
 
+        }
 
+      }
 
+    }
 
+
 
+    p {
 
+      font-weight: bold;
 
+      line-height: 35px;
 
+      color: #656565;
 
+    }
 
+  }
 
+}
 
+
 
+/* youtube-views-zh End */
 
+
 
 /* seo-image Start */
 
 
 .seo-image {

BIN
static/imgs/dm/ai-anchor-01.png
Näytä tiedosto


BIN
static/imgs/dm/ai-anchor-02-mb.png
Näytä tiedosto


BIN
static/imgs/dm/ai-anchor-02.png
Näytä tiedosto


BIN
static/imgs/dm/ai-anchor-icon-01.png
Näytä tiedosto


BIN
static/imgs/dm/ai-anchor-icon-02.png
Näytä tiedosto


BIN
static/imgs/dm/video.mp4
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-01.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-02.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-03.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-04.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-05.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-06.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-07.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-08.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-09.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-10.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-11.png
Näytä tiedosto


BIN
static/imgs/dm/youtube-views-mb.png
Näytä tiedosto


+ 7 - 0
webSite/config.toml
Näytä tiedosto 

@@ -104,6 +104,13 @@ page = ["HTML"]
 
     url = "/youtube-views/dm/"
 
     weight = 10
 
     parent = "home"
 
+
 
+[[menu.main]]
 
+    identifier="youtube-views-zh"
 
+    name = "網紅加速器"
 
+    url = "/youtube-views-zh/dm/"
 
+    weight = 11
 
+    parent = "home"
 
     
 [[menu.main]]
 
     identifier="login"

+ 1 - 1
webSite/content/ai-anchor/dm.md
Näytä tiedosto 

@@ -8,7 +8,7 @@ banner = "/imgs/dm/dm_computer.jpeg"
 
 packageTitle = "集仕多 新聞 AI 主播"
 
 packageSub = "媒體聯播網最佳方案"
 
 packageBg = "/imgs/dm/ai-anchor-01.png"
 
-description = "ChoozMo 最強大的網路新聞聯播方案，將您的圖文報導製成 AI 主播影音新聞影片，保證發佈曝光到包括 yahoo 新聞、新浪網、Pchome 新聞、LineToday 等十二家知名媒體平台！"
 
+description = "ChoozMo 最強大的網路新聞聯播方案，將您的圖文報導製成 AI 主播影音新聞影片，保證發佈曝光到包括 yahoo 新聞、新浪網、Pchome 新聞等十一家知名媒體平台！"
 
 descriptionSub = ""
 
 
 block1_title = ""

+ 42 - 0
webSite/content/youtube-views-zh/dm.md
Näytä tiedosto 

@@ -0,0 +1,42 @@
 
++++
 
+title = "ＤＭ"
 
+date = "2021-08-19T12:00:05+08:00"
 
+tags = ["video-making"]
 
+categories = ["video-making"]
 
+layout = "video-making"
 
+banner = ""
 
+packageTitle = "網紅加速器"
 
+packageSub1 = ""
 
+packageSub2 = ""
 
+packageBg = ""
 
+description_01 = ""
 
+description_02 = ""
 
+description_block3_title = ""
 
+description_block3 = ""
 
+block1_title = ""
 
+block1_strong = ""
 
+block1_text = ""
 
+block1_img = ""
 
+
 
+block2_title = ""
 
+block2_strong = ""
 
+block2_text = ""
 
+block2_img = ""
 
+
 
+block3_title = ""
 
+block3_strong = ""
 
+block3_list1 = ""
 
+block3_list2 = ""
 
+block3_list3 = ""
 
+block3_list4 = ""
 
+block3_list5 = ""
 
+block3_list6 = ""
 
+block3_img = ""
 
+
 
+block4_title = ""
 
+block4_strong = ""
 
+block4_list1 = ""
 
+block4_list2 = ""
 
+block4_list3 = ""
 
+block4_img = ""
 
++++

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä