SyuanYu 2 rokov pred
rodič
commit
53c516f5bf

+ 4 - 2
layouts/ad-operation/single.html

@@ -97,20 +97,22 @@
       display: flex;
       flex-direction: column;
       border: 2px solid #ea5413;
+      border-radius: 10px;
     }
 
     .card-content h3 {
       width: 60%;
       margin: -17px auto 0;
-      padding: 7px 0;
+      padding: 8px 5px;
       display: inline-block;
       color: #fff;
       background: #ea5413;
       text-align: center;
       font-size: 18px;
       font-weight: bold;
-      border-radius: 10px;
       letter-spacing: 2px;
+      border-radius: 10px;
+      box-shadow: 2px 2px 5px #ccc;
     }
 
     @media (max-width: 576px) {

+ 157 - 222
layouts/ai-training/single.html

@@ -1,107 +1,71 @@
 <!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">
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+  <link rel="stylesheet" href="/css/style.css">
 </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>
-                </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>
+  {{ partial "navbar.html" . }}
+  <main style="overflow-x: hidden;">
+    <section class="header ai-training">
+      <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: 2rem;">{{ .Params.packageSub }}
+          <p>
+          <div class="d-flex justify-content-center mt-4">
+            <span class="header__ai-training__span mx-1">提升形象</span>
+            <span class="header__ai-training__span mx-1">增加曝光</span>
+            <span class="header__ai-training__span mx-1">被動收入</span>
           </div>
         </div>
-      </nav>
-      <main style="overflow-x: hidden;">
-          <section class="header ai-training">
-            <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: 2rem;">{{ .Params.packageSub }}<p>
-                    <div class="d-flex justify-content-center mt-4">
-                      <span class="header__ai-training__span mx-1">提升形象</span>
-                      <span class="header__ai-training__span mx-1">增加曝光</span>
-                      <span class="header__ai-training__span mx-1">被動收入</span>
-                    </div>
-                </div>
-                <div class="col-12 col-md-7">
-                    <div class="header-right header-dm text-center" style="background-image: none;">
-                        <img src="/imgs/dm/dm_ai-training.png" alt="" style="width: 70%;">
-                        <img src="/imgs/02.webp" alt="" class="header-right-cir">
-                        <!-- <img src="imgs/影片.webp" alt="" class="header-right__video"> -->
-                    </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_block4}}
-            <br>
-            {{ .Params.description_block5}}
-            </h5>
-          </section>
-          <section class="category container-fluid text-center py-5" style="background-color: #FFEBE8;">
-            <!-- <h2 class="category-sub-h2"></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: 80%;">
-                    <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="col-12 col-md-7">
+          <div class="header-right header-dm text-center" style="background-image: none;">
+            <img src="/imgs/dm/dm_ai-training.png" alt="" style="width: 70%;">
+            <img src="/imgs/02.webp" alt="" class="header-right-cir">
+            <!-- <img src="imgs/影片.webp" alt="" class="header-right__video"> -->
+          </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_block4}}
+        <br>
+        {{ .Params.description_block5}}
+      </h5>
+    </section>
+    <section class="category container-fluid text-center py-5" style="background-color: #FFEBE8;">
+      <!-- <h2 class="category-sub-h2"></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: 80%;">
+          <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>
@@ -114,137 +78,108 @@
               </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: 80%;">
-                <img class="img-block-linecir left" 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 right" src="/imgs/裝飾圓.webp" alt="">
-                </div>
-                <div class="col my-auto">
-                  <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" style="max-width: 850px;">
-            <div class="row row-cols-1 row-cols-md-2">
-              <div class="col my-auto pt-3 pt-md-0 ">
-                <div class="card ai-training__card" style="border: none;">
-                  <div class="card-img-top" style="background-image: url('/imgs/dm/dm_ai-training_3.jpg');
+    <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: 80%;">
+          <img class="img-block-linecir left" 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 right" src="/imgs/裝飾圓.webp" alt="">
+        </div>
+        <div class="col my-auto">
+          <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" style="max-width: 850px;">
+      <div class="row row-cols-1 row-cols-md-2">
+        <div class="col my-auto pt-3 pt-md-0 ">
+          <div class="card ai-training__card" style="border: none;">
+            <div class="card-img-top" style="background-image: url('/imgs/dm/dm_ai-training_3.jpg');
                   width: 100%;background-repeat: no-repeat;background-size: cover;"></div>
-                  <div class="card-body">
-                    <h5 class="card-title">幕後花絮</h5>
-                    <p class="card-text">人物拍攝建模,實際應用</p>
-                  </div>
-                </div>
-              </div>
-              <div class="col my-auto pt-3 pt-md-0">
-                <div class="card ai-training__card" style="border: none;">
-                  <div class="card-img-top" style="background-image: url('/imgs/dm/dm_ai-training_4.png');
-                  width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;"></div>
-                <div class="card-body">
-                  <h5 class="card-title">得獎資訊</h5>
-                  <p class="card-text">集仕多的AI主播應用榮獲「最佳科技創新獎」</p>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section class="container text-center ai-training__action my-5 py-3 ">
-            <div class="row">
-              <div class="col my-auto pt-3 pt-md-0">
-                <h4>報名資訊</h4>
-                <div class="d-flex align-items-center ai-training__action__box">
-                  <ul class="text-start img-block-list">
-                      <li><i class="fas fa-info-circle me-1"></i>主辦單位:ChoozMo</li>
-                      <li><i class="fas fa-info-circle me-1"></i>課程內容:聲音表情訓練、拍攝實務演練、肢體語言</li>
-                      <li><i class="fas fa-info-circle me-1"></i>報名資格:不限男女,喜歡表現自己,愛面對鏡頭,有自信有特色有主播夢,都歡迎報名!</li>
-                      <li><i class="fas fa-info-circle me-1"></i>報名時間:即日起至2021年12月12日23:59分截止</li>
-                      <li><i class="fas fa-info-circle me-1"></i>活動地點:新竹縣竹北市復興二路229號9樓之9</li>
-                      <li><i class="fas fa-info-circle me-1"></i>報名費用:免費</li>
-                      <li><i class="fas fa-info-circle me-1"></i>報名方式:加入LINE官方帳號:@choozmo
-                      </li>
-                  </ul>
-                  <div class="ai-training__action__img" style="background-image: url(/imgs/dm/dm_ai-training_5.jpg);">
-                  </div>
-                </div>
-                <button class="ai-training__action__btn mt-2" onclick="gotoForm()">立即報名</button>
-              </div>
-            </div>
-          </section>
-      </main>
-      <footer class="footer">
-        <div class="container container__footer">
-            <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer-img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
-                </div>
-                <hr class="d-block d-md-none">
+            <div class="card-body">
+              <h5 class="card-title">幕後花絮</h5>
+              <p class="card-text">人物拍攝建模,實際應用</p>
             </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
-                </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
+          </div>
+        </div>
+        <div class="col my-auto pt-3 pt-md-0">
+          <div class="card ai-training__card" style="border: none;">
+            <div class="card-img-top" style="background-image: url('/imgs/dm/dm_ai-training_4.png');
+                  width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;"></div>
+            <div class="card-body">
+              <h5 class="card-title">得獎資訊</h5>
+              <p class="card-text">集仕多的AI主播應用榮獲「最佳科技創新獎」</p>
             </div>
+          </div>
+        </div>
+    </section>
+    <section class="container text-center ai-training__action my-5 py-3 ">
+      <div class="row">
+        <div class="col my-auto py-4">
+          <h4 class="fw-bold">報名資訊</h4>
+          <div class="d-flex align-items-center ai-training__action__box">
+            <ul class="text-start img-block-list">
+              <li><i class="fas fa-info-circle me-1"></i>主辦單位:ChoozMo</li>
+              <li><i class="fas fa-info-circle me-1"></i>課程內容:聲音表情訓練、拍攝實務演練、肢體語言</li>
+              <li><i class="fas fa-info-circle me-1"></i>報名資格:不限男女,喜歡表現自己,愛面對鏡頭,有自信有特色有主播夢,都歡迎報名!</li>
+              <li><i class="fas fa-info-circle me-1"></i>報名時間:即日起至2021年12月12日23:59分截止</li>
+              <li><i class="fas fa-info-circle me-1"></i>活動地點:新竹縣竹北市復興二路229號9樓之9</li>
+              <li><i class="fas fa-info-circle me-1"></i>報名費用:免費</li>
+              <li><i class="fas fa-info-circle me-1"></i>報名方式:加入LINE官方帳號:@choozmo
+              </li>
+            </ul>
+            <div class="ai-training__action__img" style="background-image: url(/imgs/dm/dm_ai-training_5.jpg);">
             </div>
+          </div>
+          <button class="ai-training__action__btn mt-2" onclick="gotoForm()">立即報名</button>
         </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>
+    </section>
+  </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" 
+  <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>
-    <script>
-      function gotoForm() {
-        window.open('https://line.me/R/ti/p/@choozmo?from=page');
-      }
-    </script>
+  <script>
+    function gotoForm() {
+      window.open('https://line.me/R/ti/p/@choozmo?from=page');
+    }
+  </script>
 </body>
-</html>
+
+</html>

+ 5 - 2
layouts/partials/LP_components/action.html

@@ -1,8 +1,11 @@
 <section class="sec-action">
     <div class="container-fluid">
         <div class="action-clip text-center">
-            <h2>想要快速製作影音內容?<br>
-                立即註冊,開始創作!</h2>
+            <h2 class="mb-0" style="line-height: 46px;">
+                想要快速製作影音內容?
+                <br>
+                立即註冊,開始創作!
+            </h2>
         </div>
         <div class="action-triangle">
         </div>

+ 9 - 4
layouts/partials/LP_components/news.html

@@ -1,7 +1,12 @@
-<section class="sec-news" 
-  style="position: fixed;left: 0rem;bottom: 10rem;margin: 0;
-  width: 4rem;height: 12rem;background-image: linear-gradient(
--225deg, rgb(241, 95, 121) 35%, rgb(178, 69, 146) 100%); border-radius: 0 .5rem .5rem 0;padding-left: .5rem;">
+<section class="sec-news" style="position: fixed;
+  left: 0rem;
+  bottom: 10rem;
+  margin: 0;
+  width: 4rem;
+  height: 13.8rem;
+  background-image: linear-gradient( -225deg, rgb(241, 95, 121) 35%, rgb(178, 69, 146) 100%);
+  border-radius: 0 0.5rem 0.5rem 0;
+  padding: 1rem 0.5rem;">
   <a href="/ai-training/dm/" target="_blank" style="color: white;text-decoration: none;">
     主播免費培訓課程開始囉!
   </a>

+ 94 - 91
layouts/seo/single.html

@@ -14,61 +14,97 @@
   <!-- 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;
-    }
+</head>
 
-    .footer {
-      background-color: #F0F0F0;
-      padding: 3rem;
-    }
+<body>
+  {{ partial "navbar.html" . }}
+  <main id="seo-dm">
+    <section class="container header p-0">
+      <img src="/imgs/dm/stock-img-01.png" alt="" class="img-fluid stock-01">
+      <div class="row align-items-center">
+        <div class="col-12 col-lg-5 text-center" style="margin-top: 100px;">
+          <h2 class="header-title">
+            {{ .Params.packageTitle }}
+          </h2>
+          <p class="text-start" style="margin: 40px auto;">
+            {{ .Params.description }}
+            <br><br>
+            {{ .Params.descriptionSub }}
+          </p>
+          <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+        </div>
+        <div class="col-12 col-lg-7">
+          <img src="/imgs/dm/seo-01.png" alt="" style="width: 110%;">
+        </div>
+      </div>
+    </section>
 
-    .footer .right-column {
-      border-left: 1px solid black;
-    }
+    <div class="container my-5 py-5">
+      <div class="row align-items-center">
+        <div class="col-6">
+          <img src="{{ .Params.block1_img }}" alt="" class="img-fluid">
+        </div>
+        <div class="col-6">
+          <div class="row align-items-center">
+            <div class="col-2">
+              <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
+            </div>
+            <div class="col-10 block-content">
+              <h3 class="block-title">
+                {{ .Params.block1_title }}
+              </h3>
+              <p class="m-0">{{ .Params.block1_text }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
 
-    .footer .footer-aigirl {
-      font-weight: 600;
-      font-size: 2rem;
-      margin-top: 1rem;
-      margin-bottom: 1rem;
-    }
+      <div class="row align-items-center" style="margin: 150px auto;">
+        <div class="col-4">
+          <div class="row align-items-center">
+            <div class="col-4">
+              <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
+            </div>
+            <div class="col-8 block-content">
+              <h3 class="block-title m-0">
+                {{ .Params.block2_text1 }}
+                <br>
+                {{ .Params.block2_text2 }}
+                <br>
+                {{ .Params.block2_text3 }}
+              </h3>
+            </div>
+          </div>
+        </div>
+        <div class="col-8">
+          <img src="{{ .Params.block2_img }}" alt="" class="img-fluid">
+        </div>
+      </div>
 
-    .footer .footer-follow {
-      font-size: 1.6rem;
-      margin-bottom: 1rem;
-      color: black;
-      font-size: 1rem;
-      font-weight: 600;
-      margin-top: 2rem;
-    }
+      <div class="row">
+        <div class="col-6 p-0">
+          <img src="{{ .Params.block3_img1 }}" alt="" class="img-fluid">
+        </div>
+        <div class="col-3 p-0 mt-4">
+          <img src="{{ .Params.block3_img2 }}" alt="" class="img-fluid">
+        </div>
+        <div class="col-3 p-0">
+          <div class="row align-items-center">
+            <div class="col-4">
+              <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
+            </div>
+            <div class="col-8 block-content">
+              <h3 class="block-title m-0" style="width: 130%;">
+                {{ .Params.block3_title }}
+              </h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
 
-    .footer .footer-socials a {
-      margin-right: 5px;
-    }
-  </style>
-</head>
 
-<body>
-  {{ partial "navbar.html" . }}
-  <main>
-    <section class="header">
+    <!-- <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 ">
@@ -80,18 +116,17 @@
         <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">
+    </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">
+    </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="">
@@ -103,7 +138,7 @@
           <p>{{ .Params.block1_text | markdownify }}</p>
         </div>
       </div>
-    </section>
+    </section> -->
     <!-- <section class="category container text-center img-block">
             <div class="row row-cols-1 row-cols-md-2">
                 <div class="col my-auto">
@@ -130,7 +165,7 @@
                 </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.block4_title }}</h4>
@@ -146,8 +181,8 @@
           <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
         </div>
       </div>
-    </section>
-    <div class="container loaded pageForm">
+    </section> -->
+    <div class="container loaded pageForm pt-5">
       <div class="row">
         <div class="col-12 col-md-6">
           <div class="pageForm-p">
@@ -185,39 +220,7 @@
 
     </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>
+  {{ partial "footer.html" . }}
   <script type="application/javascript">
     var doNotTrack = false;
     if (!doNotTrack) {

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 227 - 184
static/css/custom.css


+ 30 - 4
static/css/style.css

@@ -29,7 +29,7 @@
 
 .header-title {
   font-size: 3rem;
-  font-weight: 400;
+  font-weight: bold;
 }
 
 .header__sub {
@@ -621,12 +621,13 @@
 }
 
 .ai-training__action__btn {
-  padding: 1.2rem 3rem;
+  padding: 0.5rem 2rem;
   border: none;
   outline: none;
   border-radius: 4rem;
-  background: #fca25e;
-  font-size: 1.5rem;
+  background: #ea5413;
+  font-size: 1.3rem;
+  color: white;
 }
 
 .ai-training__action__img {
@@ -1136,6 +1137,31 @@
 }
 
 /* blog-traffic End */
+/* seo Start */
+#seo-dm {
+  overflow: hidden;
+}
+#seo-dm .stock-01 {
+  position: absolute;
+  z-index: -1;
+  width: 800px;
+  top: -180px;
+  left: -300px;
+}
+#seo-dm .block-content {
+  margin-left: -35px;
+}
+#seo-dm .block-content h3 {
+  color: #f6ab1c;
+  font-size: 2.2rem;
+  font-weight: bold;
+}
+#seo-dm .block-content p {
+  color: #656565;
+  font-weight: bold;
+}
+
+/* seo End */
 /* youtube-views Start */
 #youtube-views {
   overflow-x: hidden;

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 0 - 0
static/css/style.css.map


+ 1 - 1
static/css/style.default.css

@@ -365,7 +365,7 @@ ul.list-style-none {
   left: 0;
 }
 .navbar ul.dropdown-menu li a:hover {
-  color: #38a7bb;
+  color: #ea5413;
   text-decoration: none;
   background: none;
   left: 2px;

+ 32 - 4
static/css/style.scss

@@ -33,8 +33,8 @@
 
 .header-title {
   font-size: 3rem;
+  font-weight: bold;
   // color: #20616d;
-  font-weight: 400;
 }
 
 .header__sub {
@@ -640,12 +640,13 @@
 }
 
 .ai-training__action__btn {
-  padding: 1.2rem 3rem;
+  padding: 0.5rem 2rem;
   border: none;
   outline: none;
   border-radius: 4rem;
-  background: #fca25e;
-  font-size: 1.5rem;
+  background: #ea5413;
+  font-size: 1.3rem;
+  color: white;
 }
 
 .ai-training__action__img {
@@ -1133,6 +1134,33 @@
 
 /* blog-traffic End */
 
+/* seo Start */
+
+#seo-dm {
+  overflow: hidden;
+  .stock-01 {
+    position: absolute;
+    z-index: -1;
+    width: 800px;
+    top: -180px;
+    left: -300px;
+  }
+  .block-content {
+    margin-left: -35px;
+    h3 {
+      color: #f6ab1c;
+      font-size: 2.2rem;
+      font-weight: bold;
+    }
+    p {
+      color: #656565;
+      font-weight: bold;
+    }
+  }
+}
+
+/* seo End */
+
 /* youtube-views Start */
 
 #youtube-views {

BIN
static/imgs/dm/seo-01.png


BIN
static/imgs/dm/seo-02.png


+ 0 - 0
static/imgs/dm/data_seo_1.png → static/imgs/dm/seo-03.png


BIN
static/imgs/dm/seo-04.png


+ 0 - 0
static/imgs/dm/dm_seo_2.png → static/imgs/dm/seo-05.png


+ 0 - 0
static/imgs/dm/seo-image-05.webp → static/imgs/dm/seo-table.webp


BIN
static/imgs/dm/stock-img-01.png


BIN
static/imgs/dm/stock-img-02.png


BIN
static/imgs/dm/stock-img-03.png


+ 1 - 1
webSite/content/seo-image/dm.md

@@ -29,7 +29,7 @@ block3_strong = ""
 block3_text1 = "透過集仕多獨家自動大量引用 (PBN) 和自動大量點擊 (Organic CTR) 技術,集仕多形象 SEO 解決方案最快 14 天可見有效成果,是領先全球的形象 SEO 獨家技術。"
 block3_text2 = "有別於傳統 SEO 以寫手撰文方式,需要三到六個月時間發酵且不保證成效。"
 block3_text3 = "集仕多的形象 SEO 更能快速且有效率地達到,搶救負面評價於搜尋排序前茅的公關危機。"
-block3_img = "/imgs/dm/seo-image-05.webp"
+block3_img = "/imgs/dm/seo-table.webp"
 
 form_title = "您也想翻轉負評嗎?"
 form_subtitle = "一定要嘗試我們的形象 SEO"

+ 22 - 18
webSite/content/seo/dm.md

@@ -4,31 +4,35 @@ date = "2021-08-19T12:00:05+08:00"
 tags = ["seo"]
 categories = ["seo"]
 layout = "seo"
-banner = "https://i.imgur.com/ApmF3a9.jpg"
-packageTitle = "SEO搜尋排名優化服務"
-packageSub = "做好 SEO 網站訂單接不完,創造自然增長的免費流量,一定掌握 SEO 重要性"
-packageBg = "https://i.imgur.com/ApmF3a9.jpg"
-description = "茫茫網海之中想抓住消費者?企業網站經過 SEO 不斷的優化能提升品牌能見度,為企業省下大筆付費數位廣告預算,再者比起廣告頁,消費者更傾向於相信自然搜尋結果頁的價值。"
+banner = ""
+packageTitle = "SEO 搜尋排名優化"
+packageSub = ""
+packageBg = ""
+description = "做好 SEO 網站訂單接不完,創造自然增長的免費流量,一定掌握 SEO 重要性"
+descriptionSub = "經過 SEO 不斷的優化能提升品牌能見度,為企業省下大筆付費數位廣告預算,比起廣告,消費者更傾向相信自然搜尋結果的價值。"
 
-block1_title = "集仕多 SEO 流量增長專案服務"
+block1_title = "SEO = 搜尋引擎自然排名"
 block1_strong = ""
-block1_text = ""
-block1_img = "/imgs/dm/data_seo_1.png"
+block1_text = "從 Google 統計搜尋圖可得知,排名順位跟點擊率成正比,排名越前,點擊率越高。"
+block1_img = "/imgs/dm/seo-02.png"
 
 block2_title = ""
 block2_strong = ""
-block2_text = ""
-block2_img = ""
+block2_text1 = "集仕多 SEO"
+block2_text2 = "流量增長專案"
+block2_text3 = "服務三階段"
+block2_img = "/imgs/dm/seo-03.png"
 
-block3_title = ""
+block3_title = "How long does SEO take?"
 block3_strong = ""
 block3_text = ""
-block3_img = ""
+block3_img1 = "/imgs/dm/seo-table.webp"
+block3_img2 = "/imgs/dm/seo-04.png"
 
-block4_title = "集仕多獨家 SEO 顯微鏡健檢服務"
-block4_strong = "獨家 SEO 顯微鏡健檢服務"
-block4_list1 = "網站健檢:盤點網頁結構、速度"
-block4_list2 = "關鍵字研究:選擇適合你的關鍵字結合內容行銷,逐步提升排名"
-block4_list3 = "優化分析與策略: 提出 SEO 改善建議,偕同逐項優化,推動排名向前"
-block4_img = "/imgs/dm/dm_seo_2.png"
+block4_title = "獨家 SEO 顯微鏡健檢服務"
+block4_strong = ""
+block4_list1 = "盤點網頁結構、速度"
+block4_list2 = "精準抓取目標受眾關鍵字群組"
+block4_list3 = "提出 SEO 改善建議,協同逐項優化,推動排名向前"
+block4_img = "/imgs/dm/seo-05.png"
 +++

Niektoré súbory nie sú zobrazené, pretože je v týchto rozdielových dátach zmenené mnoho súborov