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

update navbar & footer

SyuanYu 2 years ago
parent
f8c095d0cc
commit
2e366b8337
16 changed files with 1113 additions and 1898 deletions
Split View Show Diff Stats
  1. 97 157
      layouts/DM/single.html
  2. 124 245
      layouts/amp/single.html
  3. 3 82
      layouts/bigdata/single.html
  4. 10 92
      layouts/contact/single.html
  5. 3 83
      layouts/crawler/single.html
  6. 253 231
      layouts/home-ad/single.html
  7. 132 253
      layouts/ip/single.html
  8. 22 21
      layouts/page/single.html
  9. 3 83
      layouts/research/single.html
  10. 0 1
      layouts/seo-image/single.html
  11. 2 1
      layouts/seo/single.html
  12. 145 176
      layouts/trenddetail/single.html
  13. 314 341
      layouts/trends/single.html
  14. 3 83
      layouts/video-making/single.html
  15. 2 0
      layouts/youtube-views-zh/single.html
  16. 0 49
      layouts/youtube-views/single.html

+ 97 - 157
layouts/DM/single.html
View File 

@@ -1,170 +1,110 @@
 
 <!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">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/collaboration/info/">合作夥伴</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="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
 
-                </ul>
 
-              </li> -->
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-            </ul>
 
+  {{ partial "navbar.html" . }}
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header-right header-dm" style="background-image: url('{{ .Params.packageBg }}');">
 
+            <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header-right-video"> -->
 
+            <img class="header-right-magnifier" src="/imgs/放大鏡.webp" alt="">
 
+            <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header-right header-dm" style="background-image: url('{{ .Params.packageBg }}');">
 
-                        <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header-right-video"> -->
 
-                        <img class="header-right-magnifier" src="/imgs/放大鏡.webp" alt="">
 
-                        <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm-description">
 
-            <h2 class="category-sub-h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img " src="{{ .Params.block1_img }}" alt="">
 
-                    <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto">
 
-                  <h4>{{ .Params.block2_title }}</h4>
 
-                  <strong>{{ .Params.block2_strong }}</strong>
 
-                  <p>{{ .Params.block2_text | markdownify }}</p>
 
-                </div>
 
-                <div class="col position-relative">
 
-                  <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
 
-                  <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-              </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img" src="{{ .Params.block3_img }}" alt="">
 
-                    <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto">
 
-                  <h4>{{ .Params.block3_title }}</h4>
 
-                  <strong>{{ .Params.block3_strong }}</strong>
 
-                  <p>{{ .Params.block3_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto">
 
-                  <h4>{{ .Params.block4_title }}</h4>
 
-                  <strong>{{ .Params.block4_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block4_list1 }}</li>
 
-                        <li>{{ .Params.block4_list2 }}</li>
 
-                        <li>{{ .Params.block4_list3 }}</li>
 
-                    </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img" src="{{ .Params.block4_img }}" alt="">
 
-                    <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-            </div>
 
-          </section>
 
-      </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>
 
-            <!-- <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>
 
+    </section>
 
+    <section class="category container text-center py-5 dm-description">
 
+      <h2 class="category-sub-h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-img " src="{{ .Params.block1_img }}" alt="">
 
+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <strong>{{ .Params.block2_strong }}</strong>
 
+          <p>{{ .Params.block2_text | markdownify }}</p>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
 
+          <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
         </div>
 
-    </footer>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block3_img }}" alt="">
 
+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto">
 
+          <h4>{{ .Params.block3_title }}</h4>
 
+          <strong>{{ .Params.block3_strong }}</strong>
 
+          <p>{{ .Params.block3_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block4_img }}" alt="">
 
+          <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+  </main>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 124 - 245
layouts/amp/single.html
View File 

@@ -1,173 +1,77 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
 
-    <!-- End of HubSpot Embed Code -->
 
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
-
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
-
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
-
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
-
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
-
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
-
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
-
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
-
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
 </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="/collaboration/info/">合作夥伴</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="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
 
-                </ul>
 
-              </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>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+            <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header-right header-dm" style="background-image: url('/imgs/dm/dm_computer.jpeg');">
 
+            <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header-right-video"> -->
 
+            <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                    <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header-right header-dm" style="background-image: url('/imgs/dm/dm_computer.jpeg');">
 
-                        <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header-right-video"> -->
 
-                        <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm-description">
 
-            <h2 class="category-sub-h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description_block1}}
 
-            <br>
 
-            {{ .Params.description_block2}}
 
-            </h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img " src="{{ .Params.block1_img }}" alt="" style="width: 50%;">
 
-                    <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block2_title }}</h4>
 
-                  <strong>{{ .Params.block2_strong }}</strong>
 
-                  <p>{{ .Params.block2_text | markdownify }}</p>
 
-                </div>
 
-                <div class="col position-relative">
 
-                  <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
 
-                  <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-              </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm-description">
 
+      <h2 class="category-sub-h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description_block1}}
 
+        <br>
 
+        {{ .Params.description_block2}}
 
+      </h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-img " src="{{ .Params.block1_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <strong>{{ .Params.block2_strong }}</strong>
 
+          <p>{{ .Params.block2_text | markdownify }}</p>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
 
+          <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
             <div class="row row-cols-1 row-cols-md-2">
 
                 <div class="col position-relative">
 
                     <img class="img-block-img" src="{{ .Params.block3_img }}" alt="">
 
@@ -180,95 +84,70 @@
 
                 </div>
 
             </div>
 
           </section> -->
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-              <div class="col position-relative">
 
-                <img class="img-block-img" src="{{ .Params.block4_img }}" alt="" style="width: 50%;">
 
-                <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-              </div>
 
-              <div class="col my-auto pt-3 pt-md-0">
 
-                <h4>{{ .Params.block4_title }}</h4>
 
-                <strong>{{ .Params.block4_strong }}</strong>
 
-                  <ul class="text-start img-block-list">
 
-                    <li>{{ .Params.block4_list1 }}</li>
 
-                    <li>{{ .Params.block4_list2 }}</li>
 
-                    <li>{{ .Params.block4_list3 }}</li>
 
-                  </ul>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block4_img }}" alt="" style="width: 50%;">
 
+          <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm-p">
 
+            <div class="mb-3">
 
+              <div class="pageForm-title">
 
+                <h3 class="pageForm-title-h3">高速行動網頁設計服務</h3>
 
               </div>
 
             </div>
 
-          </section>
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm-p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm-title">
 
-                      <h3 class="pageForm-title-h3">高速行動網頁設計服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm-txt mb-3 ">
 
-                    <p>集仕多擁有Google AMP的專案經驗，Google AMP（Accelerated Mobile Pages）架構設計的網頁著重讓用戶有流暢閱讀體驗，有利大幅優化搜尋排名，吸引用戶目光，自然取得流量紅利，
 
-                      集仕多幫你打造SEO友好設計，打造絕佳行動瀏覽體驗，留住更多的訪客。
 
-                    </p>
 
-                  </div>
 
-                  <div class="pageForm-notice">
 
-                    <a class="btn-detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
-                    <p>填寫該表單將會有專人與你聯繫。<br>
 
-                      如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
-                    </p>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm-p">
 
-                  <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
 
-                  <script>
 
-                    hbspt.forms.create({
 
-                    region: "na1",
 
-                    portalId: "20485755",
 
-                    formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
 
-                  });
 
-                  </script>
 
-                </div>
 
-              </div>
 
+            <div class="pageForm-txt mb-3 ">
 
+              <p>集仕多擁有Google AMP的專案經驗，Google AMP（Accelerated Mobile
 
+                Pages）架構設計的網頁著重讓用戶有流暢閱讀體驗，有利大幅優化搜尋排名，吸引用戶目光，自然取得流量紅利，
 
+                集仕多幫你打造SEO友好設計，打造絕佳行動瀏覽體驗，留住更多的訪客。
 
+              </p>
 
             </div>
 
-            
-          </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+            <div 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>
 
-      </footer>
 
-    
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </main>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 3 - 82
layouts/bigdata/single.html
View File 

@@ -14,55 +14,6 @@
 
   <!-- Start of HubSpot Embed Code -->
 
   <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
   <!-- End of HubSpot Embed Code -->
 
-  <style>
 
-    .footer {
 
-      color: #656565;
 
-    }
 
-
 
-    .footer a {
 
-      color: #656565;
 
-      text-decoration: none;
 
-    }
 
-
 
-    .footer h5 {
 
-      color: black;
 
-      font-weight: 600;
 
-      padding-bottom: 15px;
 
-    }
 
-
 
-    .footer .link {
 
-      padding-bottom: 20px;
 
-    }
 
-
 
-    .footer {
 
-      background-color: #F0F0F0;
 
-      padding: 3rem;
 
-    }
 
-
 
-    .footer .right-column {
 
-      border-left: 1px solid black;
 
-    }
 
-
 
-    .footer .footer-aigirl {
 
-      font-weight: 600;
 
-      font-size: 2rem;
 
-      margin-top: 1rem;
 
-      margin-bottom: 1rem;
 
-    }
 
-
 
-    .footer .footer-follow {
 
-      font-size: 1.6rem;
 
-      margin-bottom: 1rem;
 
-      color: black;
 
-      font-size: 1rem;
 
-      font-weight: 600;
 
-      margin-top: 2rem;
 
-    }
 
-
 
-    .footer .footer-socials a {
 
-      margin-right: 5px;
 
-    }
 
-  </style>
 
 </head>
 
 
 <body>
 
@@ -184,39 +135,9 @@
 
       </div>
 
     </div>
 
   </main>
 
-  <footer class="footer">
 
-    <div class="container">
 
-      <div class="row">
 
-        <div class="col-xs-12 col-sm-6">
 
-          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-          <div class="footer-follow">關注我們</div>
 
-          <div class="footer-socials">
 
-            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
-                height="48px"></a>
 
-            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
-                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
-                width="48px" height="48px"></a>
 
-            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
-                height="32px"></a>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6">
 
-          <div class="footer-contacts" style="margin-top: 2rem;">
 
-            <h5>CONTACT</h5>
 
-            <div>
 
-              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-            </div>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-  </footer>
 
+
 
+  {{ partial "footer.html" . }}
 
+  
   <script type="application/javascript">
 
     var doNotTrack = false;
 
     if (!doNotTrack) {

+ 10 - 92
layouts/contact/single.html
View File 

@@ -16,8 +16,6 @@
 
   <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
 
   <link rel="stylesheet" href="/css/style.css">
 
   <link rel="stylesheet" href="/css/contact/styles-contact.css">
 
-
 
-
 
   <!-- Start of HubSpot Embed Code -->
 
   <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
   <!-- End of HubSpot Embed Code -->
 
@@ -71,54 +69,6 @@
 
       margin-bottom: 4rem;
 
     }
 
 
-    .footer {
 
-      color: #656565;
 
-    }
 
-
 
-    .footer a {
 
-      color: #656565;
 
-      text-decoration: none;
 
-    }
 
-
 
-    .footer h5 {
 
-      color: black;
 
-      font-weight: 600;
 
-      padding-bottom: 15px;
 
-    }
 
-
 
-    .footer .link {
 
-      padding-bottom: 20px;
 
-    }
 
-
 
-    .footer {
 
-      background-color: #F0F0F0;
 
-      padding: 3rem;
 
-    }
 
-
 
-    .footer .right-column {
 
-      border-left: 1px solid black;
 
-    }
 
-
 
-    .footer .footer-aigirl {
 
-      font-weight: 600;
 
-      font-size: 2rem;
 
-      margin-top: 1rem;
 
-      margin-bottom: 1rem;
 
-    }
 
-
 
-    .footer .footer-follow {
 
-      font-size: 1.6rem;
 
-      margin-bottom: 1rem;
 
-      color: black;
 
-      font-size: 1rem;
 
-      font-weight: 600;
 
-      margin-top: 2rem;
 
-    }
 
-
 
-    .footer .footer-socials a {
 
-      margin-right: 5px;
 
-    }
 
-
 
     @media (max-width: 576px) {
 
       .container.loaded {
 
         width: 90%;
 
@@ -129,7 +79,7 @@
 
 
 <body>
 
   {{ partial "navbar.html" . }}
 
-  
+
 
   <!-- <div id="heading-breadcrumbs" style="margin-top: 77px;">
 
     <div class="container">
 
       <div class="row">
 
@@ -144,12 +94,13 @@
 
           <div>專業團隊Ｘ提高流量Ｘ增加營收</div>
 
         </div>
 
         <div class="col-md-4 blog_social">
 
-                  <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/u2MFY3U.png" alt=""></a>
 
-                  <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/LNAJtkO.png" alt=""></a>
 
-                  <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/ImYZfgI.png" alt=""></a>
 
-                  <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg"><img src="https://i.imgur.com/A8EG8wf.png" width="32" height="32" alt=""></a>
 
-                  <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/0t496B3.png"></a>
 
-              </div>
 
+          <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/u2MFY3U.png" alt=""></a>
 
+          <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/LNAJtkO.png" alt=""></a>
 
+          <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/ImYZfgI.png" alt=""></a>
 
+          <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg"><img src="https://i.imgur.com/A8EG8wf.png"
 
+              width="32" height="32" alt=""></a>
 
+          <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/0t496B3.png"></a>
 
+        </div>
 
       </div>
 
     </div>
 
   </div> -->
 
@@ -478,44 +429,11 @@
 
         </div>
 
       </section>
 
     </div>
 
-
 
     <img class="circle" src="/img/ContactUsImg/背景-紫.png" alt="">
 
-
 
   </div>
 
 
-  <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) {

+ 3 - 83
layouts/crawler/single.html
View File 

@@ -14,55 +14,6 @@
 
   <!-- Start of HubSpot Embed Code -->
 
   <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
   <!-- End of HubSpot Embed Code -->
 
-  <style>
 
-    .footer {
 
-      color: #656565;
 
-    }
 
-
 
-    .footer a {
 
-      color: #656565;
 
-      text-decoration: none;
 
-    }
 
-
 
-    .footer h5 {
 
-      color: black;
 
-      font-weight: 600;
 
-      padding-bottom: 15px;
 
-    }
 
-
 
-    .footer .link {
 
-      padding-bottom: 20px;
 
-    }
 
-
 
-    .footer {
 
-      background-color: #F0F0F0;
 
-      padding: 3rem;
 
-    }
 
-
 
-    .footer .right-column {
 
-      border-left: 1px solid black;
 
-    }
 
-
 
-    .footer .footer-aigirl {
 
-      font-weight: 600;
 
-      font-size: 2rem;
 
-      margin-top: 1rem;
 
-      margin-bottom: 1rem;
 
-    }
 
-
 
-    .footer .footer-follow {
 
-      font-size: 1.6rem;
 
-      margin-bottom: 1rem;
 
-      color: black;
 
-      font-size: 1rem;
 
-      font-weight: 600;
 
-      margin-top: 2rem;
 
-    }
 
-
 
-    .footer .footer-socials a {
 
-      margin-right: 5px;
 
-    }
 
-  </style>
 
 </head>
 
 
 <body>
 
@@ -182,42 +133,11 @@
 
           </div>
 
         </div>
 
       </div>
 
-
 
     </div>
 
   </main>
 
-  <footer class="footer">
 
-    <div class="container">
 
-      <div class="row">
 
-        <div class="col-xs-12 col-sm-6">
 
-          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-          <div class="footer-follow">關注我們</div>
 
-          <div class="footer-socials">
 
-            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
-                height="48px"></a>
 
-            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
-                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
-                width="48px" height="48px"></a>
 
-            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
-                height="32px"></a>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6">
 
-          <div class="footer-contacts" style="margin-top: 2rem;">
 
-            <h5>CONTACT</h5>
 
-            <div>
 
-              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-            </div>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-  </footer>
 
+
 
+  {{ partial "footer.html" . }}
 
+  
   <script type="application/javascript">
 
     var doNotTrack = false;
 
     if (!doNotTrack) {

+ 253 - 231
layouts/home-ad/single.html
View File 

@@ -1,233 +1,254 @@
 
 <!DOCTYPE html>
 
 <html lang="{{ .Site.LanguageCode }}">
 
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <meta name="robots" content="all,follow">
 
-    <meta name="googlebot" content="index,follow,snippet,archive">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    {{ $title_plain := .Title | markdownify | plainify }}
 
-    <title>{{ $title_plain }}</title>
 
-    <meta name="author" content="{{ .Param "author" }}" />
 
-    {{ $keywords := .Site.Params.defaultKeywords | default (slice "" | first 0) }}
 
-    {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
 
-    {{ if isset .Params "keywords" }}{{ range .Params.keywords }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
 
-    {{ if gt (len $keywords) 0 }}
 
-    <meta name="keywords" content="{{ delimit (uniq $keywords) ", " }}">
 
-    {{ end }}
 
-    {{ $description_plain := default .Site.Params.defaultDescription .Description | markdownify | plainify }}
 
-    <meta name="description" content="{{ $description_plain }}">
 
-  
-    {{ hugo.Generator }}
 
-  
-    <!-- Font -->
 
-    <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
 
-  
-    <!-- Bootstrap and Font Awesome CSS -->
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
-  
-    <!-- CSS animations  -->
 
-    <link href="{{ "css/animate.css" | relURL}}" rel="stylesheet">
 
-  
-    <!-- Theme stylesheet, if possible do not edit this stylesheet -->
 
-    {{ with .Site.Params.style }}
 
-      <link href="{{ "css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
 
-    {{ else }}
 
-      <link href="{{ "css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
 
-    {{ end }}
 
-  
-    <!-- Custom stylesheet - for your changes -->
 
-    <link href="{{ "css/custom.css" | relURL}}" rel="stylesheet">
 
-    <link href="{{ "css/customnft.css" | relURL}}" rel="stylesheet">
 
-  
-    <!-- Responsivity for older IE -->
 
-    {{ `
 
-      <!--[if lt IE 9]>
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="robots" content="all,follow">
 
+  <meta name="googlebot" content="index,follow,snippet,archive">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  {{ $title_plain := .Title | markdownify | plainify }}
 
+  <title>{{ $title_plain }}</title>
 
+  <meta name="author" content="{{ .Param " author" }}" />
 
+  {{ $keywords := .Site.Params.defaultKeywords | default (slice "" | first 0) }}
 
+  {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
 
+  {{ if isset .Params "keywords" }}{{ range .Params.keywords }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
 
+  {{ if gt (len $keywords) 0 }}
 
+  <meta name="keywords" content="{{ delimit (uniq $keywords) " , " }}">
 
+  {{ end }}
 
+  {{ $description_plain := default .Site.Params.defaultDescription .Description | markdownify | plainify }}
 
+  <meta name="description" content="{{ $description_plain }}">
 
+
 
+  {{ hugo.Generator }}
 
+
 
+  <!-- Font -->
 
+  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet'
 
+    type='text/css'>
 
+
 
+  <!-- Bootstrap and Font Awesome CSS -->
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
 
+    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
+
 
+  <!-- CSS animations  -->
 
+  <link href="{{ " css/animate.css" | relURL}}" rel="stylesheet">
 
+
 
+  <!-- Theme stylesheet, if possible do not edit this stylesheet -->
 
+  {{ with .Site.Params.style }}
 
+  <link href="{{ " css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
 
+  {{ else }}
 
+  <link href="{{ " css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
 
+  {{ end }}
 
+
 
+  <!-- Custom stylesheet - for your changes -->
 
+  <link href="{{ " css/custom.css" | relURL}}" rel="stylesheet">
 
+  <link href="{{ " css/customnft.css" | relURL}}" rel="stylesheet">
 
+
 
+  <!-- Responsivity for older IE -->
 
+  {{ `
 
+  <!--[if lt IE 9]>
 
           <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
           <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
       <![endif]-->
 
-    ` | safeHTML }}
 
-  
-  
-    <!-- Favicon and Apple touch icons-->
 
-    <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />
 
-    <link rel="apple-touch-icon" href="{{ "img/apple-touch-icon.png" | relURL }}" />
 
-  
-    <!-- owl carousel CSS -->
 
-    <link href="{{ "css/owl.carousel.css" | relURL}}" rel="stylesheet">
 
-    <link href="{{ "css/owl.theme.css" | relURL}}" rel="stylesheet">
 
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
 
-  
-    <!-- RSS feed -->
 
-    <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
 
-  
-    <!-- Facebook OpenGraph tags -->
 
-    {{ $is_blog := and (eq .Type "blog") (eq .Kind "page") }}
 
-    {{ $has_image :=  isset .Params "banner" }}
 
-    {{ $image := cond $has_image .Params.banner (.Site.Params.default_sharing_image | default "img/sharing-default.png") }}
 
-    {{ $is_valid_image := print "static/" $image | fileExists }}
 
-    {{ if $is_valid_image }}
 
-    {{ $image_ext := path.Ext $image }}
 
-    <meta property="og:locale" content="{{ replace .Site.LanguageCode "-" "_" }}">
 
-    <meta property="og:site_name" content="{{ .Site.Title }}">
 
-    <meta property="og:title" content="{{ $title_plain }}">
 
-    <meta property="og:type" content="{{ cond $is_blog "article" "website" }}">
 
-    <meta property="og:url" content="{{ .Permalink }}" />
 
-    <meta property="og:description" content="{{ $description_plain }}">
 
-    <meta property="og:image" content="{{ $image | absURL }}">
 
-    <meta property="og:image:type" content="image/{{ if eq $image_ext ".svg" }}svg+xml{{ else }}{{ trim $image_ext "." }}{{ end }}">
 
-    {{ with .Params.banner_alt }}<meta property="og:image:alt" content="{{ . | markdownify | plainify }}">{{ end }}
 
-    {{ $image_local :=  printf "/static/%s" $image}}
 
-    {{ with (imageConfig $image_local) }}
 
-      <meta property="og:image:width" content="{{ .Width }}">
 
-      <meta property="og:image:height" content="{{ .Height }}">
 
-    {{ end }}
 
-    {{ end }}
 
-    {{ with .Lastmod }}<meta property="og:updated_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-    {{ if $is_blog }}
 
-      {{ with .Param "facebook_site" }}<meta property="article:publisher" content="https://www.facebook.com/{{ . }}/">{{ end }}
 
-      {{ with .Param "facebook_author" }}<meta property="article:author" content="https://www.facebook.com/{{ . }}/">{{ end }}
 
-      {{ with .Params.categories }}<meta property="article:section" content="{{ index . 0 }}">{{ end }}
 
-      {{ range .Params.tags }}<meta property="article:tag" content="{{ . }}">
 
-      {{ end }}
 
-      {{ if gt .ExpiryDate .PublishDate }}<meta property="article:expiration_time" content="{{ .ExpiryDate.Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-      {{ with .PublishDate }}<meta property="article:published_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-      {{ with .Lastmod }}<meta property="article:modified_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
 
-    {{ end }}
 
-  
-    <!-- Twitter Card meta tags -->
 
-    <meta name="twitter:card" content="summary{{ if (and $is_blog (and $has_image $is_valid_image)) }}_large_image{{ end }}">
 
-    {{ with .Param "twitter_site" }}<meta name="twitter:site" content="@{{ . }}">{{ end }}
 
-    <meta name="twitter:title" content="{{ $title_plain | truncate 70 }}">
 
-    {{ if $is_valid_image }}
 
-    <meta name="twitter:image" content="{{ $image | absURL }}">
 
-    {{ end }}
 
-    <meta name="twitter:description" content="{{ $description_plain | truncate 200 }}">
 
-    {{ with .Param "twitter_author" }}<meta name="twitter:creator" content="@{{ . }}">{{ end }}
 
-    
-    <meta name="facebook-domain-verification" content="3xipgs46lfxeohb6sq2xw3ulmq94ew" />
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
 
-    <!-- End of HubSpot Embed Code -->
 
-    
-    <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
 
-    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
 
-    <script>
 
-      window.dataLayer = window.dataLayer || [];
 
-      function gtag(){dataLayer.push(arguments);}
 
-      gtag('js', new Date());
 
-
 
-      gtag('config', 'AW-474336061');
 
-    </script>
 
-
 
-    <!-- Google Tag Manager -->
 
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
 
-      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
 
-      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 
-      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 
-    })(window,document,'script','dataLayer','GTM-MTWWP3G');</script>
 
-    <!-- End Google Tag Manager -->
 
-
 
-    <!-- Global site tag (gtag.js) - Google Analytics -->
 
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9JHSFXZ4TT"></script>
 
-    <script>
 
-      window.dataLayer = window.dataLayer || [];
 
-      function gtag(){dataLayer.push(arguments);}
 
-      gtag('js', new Date());
 
-
 
-      gtag('config', 'G-9JHSFXZ4TT');
 
-    </script>
 
-
 
-    <!-- Event snippet for ChoozMo video marking conversion page -->
 
-    <script>
 
-      gtag('event', 'conversion', {'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB'});
 
-    </script>
 
-    
-  </head>
 
-  
-
 
-  <body>
 
-
 
-    <!-- Google Tag Manager (noscript) -->
 
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G"
 
-      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
-    <!-- End Google Tag Manager (noscript) -->
 
-
 
-    <div id="all" style="overflow-x:hidden;">
 
-
 
-        {{ partial "nav.html" . }}
 
-
 
-        {{ partial "LP_components/hero.html" . }}
 
-
 
-       {{ partial "LP_components/use_cases.html" . }}
 
-
 
-       {{ partial "LP_components/steps.html" . }}
 
-
 
-       {{ partial "LP_components/features.html" . }}
 
-
 
-       {{ partial "LP_components/blogs_tab.html" . }}
 
-
 
-       {{ partial "LP_components/action.html" . }}
 
-
 
-       {{ partial "LP_components/Footer.html" . }}
 
-
 
-       {{ partial "LP_components/news.html" . }}
 
-
 
-    </div>
 
-    <!-- /#all -->
 
-
 
-    {{ partial "scripts.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');
 
+  ` | safeHTML }}
 
+
 
+
 
+  <!-- Favicon and Apple touch icons-->
 
+  <link rel="shortcut icon" href="{{ " img/favicon.ico" | relURL }}" type="image/x-icon" />
 
+  <link rel="apple-touch-icon" href="{{ " img/apple-touch-icon.png" | relURL }}" />
 
+
 
+  <!-- owl carousel CSS -->
 
+  <link href="{{ " css/owl.carousel.css" | relURL}}" rel="stylesheet">
 
+  <link href="{{ " css/owl.theme.css" | relURL}}" rel="stylesheet">
 
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
 
+
 
+  <!-- RSS feed -->
 
+  <link rel="alternate" href="{{ " /index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
 
+
 
+  <!-- Facebook OpenGraph tags -->
 
+  {{ $is_blog := and (eq .Type "blog") (eq .Kind "page") }}
 
+  {{ $has_image := isset .Params "banner" }}
 
+  {{ $image := cond $has_image .Params.banner (.Site.Params.default_sharing_image | default "img/sharing-default.png")
 
+  }}
 
+  {{ $is_valid_image := print "static/" $image | fileExists }}
 
+  {{ if $is_valid_image }}
 
+  {{ $image_ext := path.Ext $image }}
 
+  <meta property="og:locale" content="{{ replace .Site.LanguageCode " -" "_" }}">
 
+  <meta property="og:site_name" content="{{ .Site.Title }}">
 
+  <meta property="og:title" content="{{ $title_plain }}">
 
+  <meta property="og:type" content="{{ cond $is_blog " article" "website" }}">
 
+  <meta property="og:url" content="{{ .Permalink }}" />
 
+  <meta property="og:description" content="{{ $description_plain }}">
 
+  <meta property="og:image" content="{{ $image | absURL }}">
 
+  <meta property="og:image:type" content="image/{{ if eq $image_ext " .svg" }}svg+xml{{ else }}{{ trim $image_ext "."
 
+    }}{{ end }}">
 
+  {{ with .Params.banner_alt }}
 
+  <meta property="og:image:alt" content="{{ . | markdownify | plainify }}">{{ end }}
 
+  {{ $image_local := printf "/static/%s" $image}}
 
+  {{ with (imageConfig $image_local) }}
 
+  <meta property="og:image:width" content="{{ .Width }}">
 
+  <meta property="og:image:height" content="{{ .Height }}">
 
+  {{ end }}
 
+  {{ end }}
 
+  {{ with .Lastmod }}
 
+  <meta property="og:updated_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
 
+  {{ if $is_blog }}
 
+  {{ with .Param "facebook_site" }}
 
+  <meta property="article:publisher" content="https://www.facebook.com/{{ . }}/">{{ end }}
 
+  {{ with .Param "facebook_author" }}
 
+  <meta property="article:author" content="https://www.facebook.com/{{ . }}/">{{ end }}
 
+  {{ with .Params.categories }}
 
+  <meta property="article:section" content="{{ index . 0 }}">{{ end }}
 
+  {{ range .Params.tags }}
 
+  <meta property="article:tag" content="{{ . }}">
 
+  {{ end }}
 
+  {{ if gt .ExpiryDate .PublishDate }}
 
+  <meta property="article:expiration_time" content="{{ .ExpiryDate.Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
 
+  {{ with .PublishDate }}
 
+  <meta property="article:published_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
 
+  {{ with .Lastmod }}
 
+  <meta property="article:modified_time" content="{{ .Format " 2006-01-02T15:04:05Z0700" }}">{{ end }}
 
+  {{ end }}
 
+
 
+  <!-- Twitter Card meta tags -->
 
+  <meta name="twitter:card"
 
+    content="summary{{ if (and $is_blog (and $has_image $is_valid_image)) }}_large_image{{ end }}">
 
+  {{ with .Param "twitter_site" }}
 
+  <meta name="twitter:site" content="@{{ . }}">{{ end }}
 
+  <meta name="twitter:title" content="{{ $title_plain | truncate 70 }}">
 
+  {{ if $is_valid_image }}
 
+  <meta name="twitter:image" content="{{ $image | absURL }}">
 
+  {{ end }}
 
+  <meta name="twitter:description" content="{{ $description_plain | truncate 200 }}">
 
+  {{ with .Param "twitter_author" }}
 
+  <meta name="twitter:creator" content="@{{ . }}">{{ end }}
 
+
 
+  <meta name="facebook-domain-verification" content="3xipgs46lfxeohb6sq2xw3ulmq94ew" />
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+
 
+  <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
 
+  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
 
+  <script>
 
+    window.dataLayer = window.dataLayer || [];
 
+    function gtag() { dataLayer.push(arguments); }
 
+    gtag('js', new Date());
 
+
 
+    gtag('config', 'AW-474336061');
 
+  </script>
 
+
 
+  <!-- Google Tag Manager -->
 
+  <script>(function (w, d, s, l, i) {
 
+      w[l] = w[l] || []; w[l].push({
 
+        'gtm.start':
 
+          new Date().getTime(), event: 'gtm.js'
 
+      }); var f = d.getElementsByTagName(s)[0],
 
+        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
 
+          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
 
+    })(window, document, 'script', 'dataLayer', 'GTM-MTWWP3G');</script>
 
+  <!-- End Google Tag Manager -->
 
+
 
+  <!-- Global site tag (gtag.js) - Google Analytics -->
 
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-9JHSFXZ4TT"></script>
 
+  <script>
 
+    window.dataLayer = window.dataLayer || [];
 
+    function gtag() { dataLayer.push(arguments); }
 
+    gtag('js', new Date());
 
+
 
+    gtag('config', 'G-9JHSFXZ4TT');
 
+  </script>
 
+
 
+  <!-- Event snippet for ChoozMo video marking conversion page -->
 
+  <script>
 
+    gtag('event', 'conversion', { 'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB' });
 
+  </script>
 
+
 
+</head>
 
+
 
+
 
+<body>
 
+
 
+  <!-- Google Tag Manager (noscript) -->
 
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G" height="0" width="0"
 
+      style="display:none;visibility:hidden"></iframe></noscript>
 
+  <!-- End Google Tag Manager (noscript) -->
 
+
 
+  <div id="all" style="overflow-x:hidden;">
 
+
 
+    {{ partial "nav.html" . }}
 
+
 
+    {{ partial "LP_components/hero.html" . }}
 
+
 
+    {{ partial "LP_components/use_cases.html" . }}
 
+
 
+    {{ partial "LP_components/steps.html" . }}
 
+
 
+    {{ partial "LP_components/features.html" . }}
 
+
 
+    {{ partial "LP_components/blogs_tab.html" . }}
 
+
 
+    {{ partial "LP_components/action.html" . }}
 
+
 
+    {{ partial "LP_components/Footer.html" . }}
 
+
 
+    {{ partial "LP_components/news.html" . }}
 
+
 
+  </div>
 
+  <!-- /#all -->
 
+
 
+  {{ partial "scripts.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>
 
+    function tabLP() {
 
+      if (('.m-tabs').length) {
 
+        // Show the first tab by default
 
+        $('.blog-tabs-stage>div').hide();
 
+        $('.blog-tabs-stage>div:first').show();
 
+        $('.blog-tabs-nav li:first').addClass('blog-tab-active');
 
+
 
+        // Change tab class and display content
 
+        $('.blog-tabs-nav a').on('click', function (event) {
 
+          event.preventDefault();
 
+          $('.blog-tabs-nav li').removeClass('blog-tab-active');
 
+          $(this).parent().addClass('blog-tab-active');
 
+          $('.blog-tabs-stage>div').hide();
 
+          $($(this).attr('href')).show();
 
+        });
 
       }
 
-      </script>
 
-    <script>
 
-      function tabLP () {
 
-            if(('.m-tabs').length){
 
-                  // Show the first tab by default
 
-              $('.blog-tabs-stage>div').hide();
 
-              $('.blog-tabs-stage>div:first').show();
 
-              $('.blog-tabs-nav li:first').addClass('blog-tab-active');
 
-
 
-              // Change tab class and display content
 
-              $('.blog-tabs-nav a').on('click', function(event){
 
-                  event.preventDefault();
 
-                  $('.blog-tabs-nav li').removeClass('blog-tab-active');
 
-                  $(this).parent().addClass('blog-tab-active');
 
-                  $('.blog-tabs-stage>div').hide();
 
-                  $($(this).attr('href')).show();
 
-              });
 
-            }
 
-        }
 
-        tabLP();
 
-
 
-        function debounce(func, wait = 20, immediate = true) {
 
-          var timeout;
 
-          return function() {
 
-            var context = this, args = arguments;
 
-            var later = function() {
 
-              timeout = null;
 
-              if (!immediate) func.apply(context, args);
 
-            };
 
-            var callNow = immediate && !timeout;
 
-            clearTimeout(timeout);
 
-            timeout = setTimeout(later, wait);
 
-            if (callNow) func.apply(context, args);
 
-          };
 
+    }
 
+    tabLP();
 
+
 
+    function debounce(func, wait = 20, immediate = true) {
 
+      var timeout;
 
+      return function () {
 
+        var context = this, args = arguments;
 
+        var later = function () {
 
+          timeout = null;
 
+          if (!immediate) func.apply(context, args);
 
+        };
 
+        var callNow = immediate && !timeout;
 
+        clearTimeout(timeout);
 
+        timeout = setTimeout(later, wait);
 
+        if (callNow) func.apply(context, args);
 
       };
 
-      const featuresBlock = document.querySelectorAll('.features-block');
 
-      const featuresRow = document.querySelectorAll('.sec-features .row');
 
-      function checkSlide() {
 
-        featuresRow.forEach((block, i) => {
 
+    };
 
+    const featuresBlock = document.querySelectorAll('.features-block');
 
+    const featuresRow = document.querySelectorAll('.sec-features .row');
 
+    function checkSlide() {
 
+      featuresRow.forEach((block, i) => {
 
         // half way through the image
 
         const slideInAt = (window.scrollY + window.innerHeight) - block.offsetHeight / 2;
 
         // bottom of the image
 
@@ -236,15 +257,16 @@
 
           featuresBlock[i].classList.add('active');
 
         }
 
       });
 
-      }
 
-      window.addEventListener('scroll', debounce(checkSlide));
 
+    }
 
+    window.addEventListener('scroll', debounce(checkSlide));
 
+
 
+    $('.navbar-nav .dropdown:nth-of-type(2)').click(function () {
 
+      $('html, body').animate({
 
+        scrollTop: $("#sec-features").offset().top
 
+      }, 1000);
 
+    })
 
+  </script>
 
 
-      $('.navbar-nav .dropdown:nth-of-type(2)').click(function() {
 
-        $('html, body').animate({
 
-            scrollTop: $("#sec-features").offset().top
 
-        }, 1000);
 
-      })
 
-    </script>
 
+</body>
 
 
-  </body>
 
 </html>

+ 132 - 253
layouts/ip/single.html
View File 

@@ -1,271 +1,150 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-    <!-- Start of HubSpot Embed Code -->
 
-    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-    <!-- End of HubSpot Embed Code -->  
-    <style>
 
-      .footer {
 
-        color: #656565;
 
-      }
 
-
 
-      .footer a {
 
-        color: #656565;
 
-        text-decoration: none;
 
-      }
 
-
 
-      .footer h5 {
 
-        color: black;
 
-        font-weight: 600;
 
-        padding-bottom: 15px;
 
-      }
 
-
 
-      .footer .link {
 
-        padding-bottom: 20px;
 
-      }
 
-
 
-      .footer {
 
-        background-color: #F0F0F0;
 
-        padding: 3rem;
 
-      }
 
-
 
-      .footer .right-column {
 
-        border-left: 1px solid black;
 
-      }
 
-
 
-      .footer .footer-aigirl {
 
-        font-weight: 600;
 
-        font-size: 2rem;
 
-        margin-top: 1rem;
 
-        margin-bottom: 1rem;
 
-      }
 
-
 
-      .footer .footer-follow {
 
-        font-size: 1.6rem;
 
-        margin-bottom: 1rem;
 
-        color: black;
 
-        font-size: 1rem;
 
-        font-weight: 600;
 
-        margin-top: 2rem;
 
-      }
 
-
 
-      .footer .footer-socials a {
 
-        margin-right: 5px;
 
-      }
 
-    </style>
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
 </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="/collaboration/info/">合作夥伴</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="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
 
-                </ul>
 
-              </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>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
+          <p class="text-center px-3">{{ .Params.packageSub }}
 
+          <p>
 
+            <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header-right header-dm" style="background-image: url('/imgs/dm/dm_ip.png');">
 
+            <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
+            <!-- <img src="imgs/影片.webp" alt="" class="header-right-video"> -->
 
+            <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
+            <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header-title">{{ .Params.packageTitle }}</h2>
 
-                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
 
-                    <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header-right header-dm" style="background-image: url('/imgs/dm/dm_ip.png');">
 
-                        <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
-                        <!-- <img src="imgs/影片.webp" alt="" class="header-right-video"> -->
 
-                        <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5 dm-description">
 
-            <h2 class="category-sub-h2"></h2>
 
-            <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img " src="{{ .Params.block1_img }}" alt="" style="width: 60%;">
 
-                    <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>{{ .Params.block1_title }}</h4>
 
-                      <strong>{{ .Params.block1_strong }}</strong>
 
-                      <p>{{ .Params.block1_text | markdownify }}</p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <!-- <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto">
 
-                  <h4>{{ .Params.block2_title }}</h4>
 
-                  <strong>{{ .Params.block2_strong }}</strong>
 
-                  <p>{{ .Params.block2_text | markdownify }}</p>
 
-                </div>
 
-                <div class="col position-relative">
 
-                  <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
 
-                  <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5 dm-description">
 
+      <h2 class="category-sub-h2"></h2>
 
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-img " src="{{ .Params.block1_img }}" alt="" style="width: 60%;">
 
+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block1_title }}</h4>
 
+          <strong>{{ .Params.block1_strong }}</strong>
 
+          <p>{{ .Params.block1_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto">
 
+          <h4>{{ .Params.block2_title }}</h4>
 
+          <strong>{{ .Params.block2_strong }}</strong>
 
+          <p>{{ .Params.block2_text | markdownify }}</p>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block2_img }}" alt="">
 
+          <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block3_img }}" alt="">
 
+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto">
 
+          <h4>{{ .Params.block3_title }}</h4>
 
+          <strong>{{ .Params.block3_strong }}</strong>
 
+          <p>{{ .Params.block3_text | markdownify }}</p>
 
+        </div>
 
+      </div>
 
+    </section> -->
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>{{ .Params.block4_title }}</h4>
 
+          <strong>{{ .Params.block4_strong }}</strong>
 
+          <ul class="text-start img-block-list">
 
+            <li>{{ .Params.block4_list1 }}</li>
 
+            <li>{{ .Params.block4_list2 }}</li>
 
+            <li>{{ .Params.block4_list3 }}</li>
 
+          </ul>
 
+        </div>
 
+        <div class="col position-relative">
 
+          <img class="img-block-img" src="{{ .Params.block4_img }}" alt="">
 
+          <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <div class="container loaded pageForm">
 
+      <div class="row">
 
+        <div class="col-12 col-md-6">
 
+          <div class="pageForm-p">
 
+            <div class="mb-3">
 
+              <div class="pageForm-title">
 
+                <h3 class="pageForm-title-h3">IP授權AI虛擬角色服務</h3>
 
               </div>
 
             </div>
 
-          </section>
 
-          <section class="category container text-center img-block">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img" src="{{ .Params.block3_img }}" alt="">
 
-                    <img class="img-block-linecir left" 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">
 
-            <div class="row row-cols-1 row-cols-md-2">
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                  <h4>{{ .Params.block4_title }}</h4>
 
-                  <strong>{{ .Params.block4_strong }}</strong>
 
-                    <ul class="text-start img-block-list">
 
-                        <li>{{ .Params.block4_list1 }}</li>
 
-                        <li>{{ .Params.block4_list2 }}</li>
 
-                        <li>{{ .Params.block4_list3 }}</li>
 
-                    </ul>
 
-                </div>
 
-                <div class="col position-relative">
 
-                    <img class="img-block-img" src="{{ .Params.block4_img }}" alt="">
 
-                    <img class="img-block-linecir right" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <div class="container loaded pageForm">
 
-            <div class="row">
 
-              <div class="col-12 col-md-6">
 
-                <div class="pageForm-p">
 
-                  <div class="mb-3">
 
-                    <div class="pageForm-title">
 
-                      <h3 class="pageForm-title-h3">IP授權AI虛擬角色服務</h3>
 
-                    </div>
 
-                  </div>
 
-                  <div class="pageForm-txt mb-3 ">
 
-                    <p>集仕多擁有集AI技術獨立研發SaaS快速影片創作平台，用戶輸入文稿即有虛擬代言角色在旁提供中、英文等多種語言講解，且自動上字幕。
 
-                      透過AI變臉技術，讓IP角色模擬真人發音嘴形、生動代言主講攻佔用戶螢幕，其製作出的影片更易於讓消費者理解。
 
+            <div class="pageForm-txt mb-3 ">
 
+              <p>集仕多擁有集AI技術獨立研發SaaS快速影片創作平台，用戶輸入文稿即有虛擬代言角色在旁提供中、英文等多種語言講解，且自動上字幕。
 
+                透過AI變臉技術，讓IP角色模擬真人發音嘴形、生動代言主講攻佔用戶螢幕，其製作出的影片更易於讓消費者理解。
 
 
-                    </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>
 
+              </p>
 
             </div>
 
-            
-          </div>
 
-      </main>
 
-      <footer class="footer">
 
-        <div class="container">
 
-            <div class="row">
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-                    <div class="footer-follow">關注我們</div>
 
-                    <div class="footer-socials">
 
-                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
 
-                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
 
-                    </div>
 
-                </div>
 
-                <div class="col-xs-12 col-sm-6">
 
-                    <div class="footer-contacts" style="margin-top: 2rem;">
 
-                        <h5>CONTACT</h5>
 
-                        <div>
 
-                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+            <div class="pageForm-notice">
 
+              <a class="btn-detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
 
+              <p>填寫該表單將會有專人與你聯繫。<br>
 
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
 
+              </p>
 
             </div>
 
+          </div>
 
         </div>
 
-      </footer>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+        <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 src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
 
+</html>

+ 22 - 21
layouts/page/single.html
View File 

@@ -1,42 +1,43 @@
 
 <!DOCTYPE html>
 
 <html lang="{{ .Site.LanguageCode }}">
 
 
-  {{ partial "head.html" . }}
 
+{{ partial "head.html" . }}
 
 
-  <body>
 
+<body>
 
 
-    <div id="all">
 
+  <div id="all">
 
 
-        {{ partial "top.html" . }}
 
+    {{ partial "top.html" . }}
 
 
-        {{ partial "nav.html" . }}
 
+    {{ partial "nav.html" . }}
 
 
-        <!-- {{ partial "carousel.html" . }} -->
 
+    <!-- {{ partial "carousel.html" . }} -->
 
 
-        {{ partial "visualfeature.html" . }}
 
+    {{ partial "visualfeature.html" . }}
 
 
-        {{ partial "features.html" . }}
 
+    {{ partial "features.html" . }}
 
 
-        {{ partial "videos.html" . }}
 
+    {{ partial "videos.html" . }}
 
 
-        {{ partial "comparison.html" . }}
 
+    {{ partial "comparison.html" . }}
 
 
-        {{ partial "testimonials.html" . }}
 
+    {{ partial "testimonials.html" . }}
 
 
-        {{ partial "see_more.html" . }}
 
+    {{ partial "see_more.html" . }}
 
 
-        {{ partial "recent_posts.html" . }}
 
+    {{ partial "recent_posts.html" . }}
 
 
-        {{ partial "steps.html" . }}
 
+    {{ partial "steps.html" . }}
 
 
-        {{ partial "clients.html" . }}
 
+    {{ partial "clients.html" . }}
 
 
-        {{ partial "footer_default.html" . }}
 
+    {{ partial "footer_default.html" . }}
 
 
-    </div>
 
-    <!-- /#all -->
 
+  </div>
 
+  <!-- /#all -->
 
 
-    {{ partial "scripts.html" . }}
 
+  {{ partial "scripts.html" . }}
 
 
-  </body>
 
-</html>
 
+</body>
 
+
 
+</html>

+ 3 - 83
layouts/research/single.html
View File 

@@ -14,55 +14,6 @@
 
   <!-- Start of HubSpot Embed Code -->
 
   <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
   <!-- End of HubSpot Embed Code -->
 
-  <style>
 
-    .footer {
 
-      color: #656565;
 
-    }
 
-
 
-    .footer a {
 
-      color: #656565;
 
-      text-decoration: none;
 
-    }
 
-
 
-    .footer h5 {
 
-      color: black;
 
-      font-weight: 600;
 
-      padding-bottom: 15px;
 
-    }
 
-
 
-    .footer .link {
 
-      padding-bottom: 20px;
 
-    }
 
-
 
-    .footer {
 
-      background-color: #F0F0F0;
 
-      padding: 3rem;
 
-    }
 
-
 
-    .footer .right-column {
 
-      border-left: 1px solid black;
 
-    }
 
-
 
-    .footer .footer-aigirl {
 
-      font-weight: 600;
 
-      font-size: 2rem;
 
-      margin-top: 1rem;
 
-      margin-bottom: 1rem;
 
-    }
 
-
 
-    .footer .footer-follow {
 
-      font-size: 1.6rem;
 
-      margin-bottom: 1rem;
 
-      color: black;
 
-      font-size: 1rem;
 
-      font-weight: 600;
 
-      margin-top: 2rem;
 
-    }
 
-
 
-    .footer .footer-socials a {
 
-      margin-right: 5px;
 
-    }
 
-  </style>
 
 </head>
 
 
 <body>
 
@@ -182,42 +133,11 @@
 
           </div>
 
         </div>
 
       </div>
 
-
 
     </div>
 
   </main>
 
-  <footer class="footer">
 
-    <div class="container">
 
-      <div class="row">
 
-        <div class="col-xs-12 col-sm-6">
 
-          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-          <div class="footer-follow">關注我們</div>
 
-          <div class="footer-socials">
 
-            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
-                height="48px"></a>
 
-            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
-                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
-                width="48px" height="48px"></a>
 
-            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
-                height="32px"></a>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6">
 
-          <div class="footer-contacts" style="margin-top: 2rem;">
 
-            <h5>CONTACT</h5>
 
-            <div>
 
-              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-            </div>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-  </footer>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
   <script type="application/javascript">
 
     var doNotTrack = false;
 
     if (!doNotTrack) {

+ 0 - 1
layouts/seo-image/single.html
View File 

@@ -140,7 +140,6 @@
 
           </div>
 
         </div>
 
       </div>
 
-
 
     </div>
 
   </main>

+ 2 - 1
layouts/seo/single.html
View File 

@@ -188,10 +188,11 @@
 
           </div>
 
         </div>
 
       </div>
 
-
 
     </div>
 
   </main>
 
+
 
   {{ partial "footer.html" . }}
 
+  
   <script type="application/javascript">
 
     var doNotTrack = false;
 
     if (!doNotTrack) {

+ 145 - 176
layouts/trenddetail/single.html
View File 

@@ -1,194 +1,163 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <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">
 
+  <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>
 
-    <div style="overflow: hidden;">
 
-        <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-            <div class="container-fluid">
 
-                <a class="navbar-brand" href="#">
 
-                    <img src="/imgs/logo@2x.webp" alt="" width="200" height="52" 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">
 
-                    <a class="nav-link" href="#">登入</a>
 
-                </li>
 
-                <li class="nav-item">
 
-                    <a class="nav-link" href="#">聯絡我們</a>
 
-                </li>
 
-                </ul>
 
+  <div style="overflow: hidden;">
 
+    {{ partial "navbar.html" . }}
 
+    <main>
 
+      <section class="cntheader">
 
+        <img src="/imgs/01.png" alt="" class="header-lefttop">
 
+        <div class="container">
 
+          <div class="row align-items-center g-0">
 
+            <div class="col-12 col-md-3 text-center ">
 
+              <h2 class="header-title ">趨勢日報</h2>
 
+              <h4 class="cntheader__sub">熱門排行</h4>
 
             </div>
 
+            <div class="col-12 col-md-9 align-self-end">
 
+              <div class="d-flex justify-content-around category__btngrp flex-wrap">
 
+                <button class="category__btn active ctncategory__btn">分類</button>
 
+                <button class="category__btn ctncategory__btn">分類</button>
 
+                <button class="category__btn ctncategory__btn">分類</button>
 
+                <button class="category__btn ctncategory__btn">分類</button>
 
+                <button class="category__btn ctncategory__btn">分類</button>
 
+              </div>
 
             </div>
 
-        </nav>
 
-        <main>
 
-            <section class="cntheader">
 
-                <img src="/imgs/01.png" alt="" class="header-lefttop">
 
-                <div class="container">
 
-                    <div class="row align-items-center g-0">
 
-                        <div class="col-12 col-md-3 text-center ">
 
-                            <h2 class="header-title ">趨勢日報</h2>
 
-                            <h4 class="cntheader__sub">熱門排行</h4>
 
-                        </div>
 
-                        <div class="col-12 col-md-9 align-self-end">
 
-                            <div class="d-flex justify-content-around category__btngrp flex-wrap">
 
-                                <button class="category__btn active ctncategory__btn">分類</button>
 
-                                <button class="category__btn ctncategory__btn">分類</button>
 
-                                <button class="category__btn ctncategory__btn">分類</button>
 
-                                <button class="category__btn ctncategory__btn">分類</button>
 
-                                <button class="category__btn ctncategory__btn">分類</button>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
+          </div>
 
+        </div>
 
+      </section>
 
+      <section class="top3">
 
+        <div class="container">
 
+          <div class="row">
 
+            <div class="col-12 col-md-8 col-xl-9">
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title1 }}</h4>
 
+                <p class="card__text"><a href="{{ .Params.link1 }}" class="card__link">東森新聞</a>{{
 
+                  .Params.desc1 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link1 }}" class="card__rank__link">查看完整新聞 ></a>
 
+                </div>
 
+              </div>
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title2 }}</h4>
 
+                <p class="card__text"><a href="{{ .Params.link2 }}" class="card__link">東森新聞</a>{{
 
+                  .Params.desc2 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link2 }}" class="card__rank__link">查看完整新聞 ></a>
 
+                </div>
 
+              </div>
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title3 }}</h4>
 
+                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc3 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link3 }}" class="card__rank__link">查看完整新聞 ></a>
 
+                </div>
 
+              </div>
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title4 }}</h4>
 
+                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc4 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link4 }}" class="card__rank__link">查看完整新聞 ></a>
 
                 </div>
 
-            </section>
 
-            <section class="top3">
 
-                <div class="container">
 
-                    <div class="row">
 
-                        <div class="col-12 col-md-8 col-xl-9">
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title1 }}</h4>
 
-                                <p class="card__text"><a href="{{ .Params.link1 }}" class="card__link">東森新聞</a>{{ .Params.desc1 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link1 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title2 }}</h4>
 
-                                <p class="card__text"><a href="{{ .Params.link2 }}" class="card__link">東森新聞</a>{{ .Params.desc2 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link2 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title3 }}</h4>
 
-                                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc3 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link3 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title4 }}</h4>
 
-                                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc4 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link4 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title5 }}</h4>
 
-                                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc5 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link5 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title6 }}</h4>
 
-                                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc6 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link6 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title7 }}</h4>
 
-                                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc7 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="https://{{ .Params.link7 }}" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                            <div class="card card__art">
 
-                                <h4 class="card__title">{{ .Params.title8 }}</h4>
 
-                                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc8 }}</p>
 
-                                <div class="card__rank__goto">
 
-                                    <a href="" class="card__rank__link">查看完整新聞 ></a>
 
-                                </div>
 
-                            </div>
 
-                        </div>
 
-                        <div class="col-12 col-md-4 col-xl-3 row-right">
 
-                            <div class="toparticle mb-3">
 
-                                <div class="toparticle__title">熱門排行文章<img src="/imgs/放大鏡.webp" alt=""></div>
 
-                                <ul class="toparticle__list">
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num toparticle__top">1</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num toparticle__top">2</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num toparticle__top">3</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">4</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">5</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">6</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">7</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">8</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">9</strong>台灣民意基金會<small>></small></a></li>
 
-                                    <li class="toparticle__list-item"><a href=""><strong class="toparticle__num">10</strong>台灣民意基金會<small>></small></a></li>
 
-                                </ul>
 
-                            </div>
 
-                            <div style="width:100%;">
 
-                                <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fchoozmo&tabs=timeline&width=270&
 
-                                height=900&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=831591714123614" 
-                                class="fb__fr" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" 
-                                allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
 
-                            </div>
 
-                            <div class="cntsubscribe mt-3">
 
-                                <h3>掌握最新資訊</h3>
 
-                                <form class="d-flex header__form cntsubscribe__form">
 
-                                    <input class="form-control cntsubscribe__input" type="search" placeholder="輸入email" aria-label="Search">
 
-                                    <button class="btn cntsubscribe__sub" type="submit">訂閱</button>
 
-                                </form>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
+              </div>
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title5 }}</h4>
 
+                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc5 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link5 }}" class="card__rank__link">查看完整新聞 ></a>
 
                 </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>
 
-                        <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
 
-                    </div>
 
-                    <hr class="hidden-md hidden-lg hidden-sm">
 
+              </div>
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title6 }}</h4>
 
+                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc6 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link6 }}" class="card__rank__link">查看完整新聞 ></a>
 
                 </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 class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title7 }}</h4>
 
+                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc7 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="https://{{ .Params.link7 }}" class="card__rank__link">查看完整新聞 ></a>
 
                 </div>
 
+              </div>
 
+              <div class="card card__art">
 
+                <h4 class="card__title">{{ .Params.title8 }}</h4>
 
+                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc8 }}</p>
 
+                <div class="card__rank__goto">
 
+                  <a href="" class="card__rank__link">查看完整新聞 ></a>
 
                 </div>
 
+              </div>
 
             </div>
 
-        </footer>
 
-    </div>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+            <div class="col-12 col-md-4 col-xl-3 row-right">
 
+              <div class="toparticle mb-3">
 
+                <div class="toparticle__title">熱門排行文章<img src="/imgs/放大鏡.webp" alt=""></div>
 
+                <ul class="toparticle__list">
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num toparticle__top">1</strong>台灣民意基金會<small>></small></a>
 
+                  </li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num toparticle__top">2</strong>台灣民意基金會<small>></small></a>
 
+                  </li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num toparticle__top">3</strong>台灣民意基金會<small>></small></a>
 
+                  </li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">4</strong>台灣民意基金會<small>></small></a></li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">5</strong>台灣民意基金會<small>></small></a></li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">6</strong>台灣民意基金會<small>></small></a></li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">7</strong>台灣民意基金會<small>></small></a></li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">8</strong>台灣民意基金會<small>></small></a></li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">9</strong>台灣民意基金會<small>></small></a></li>
 
+                  <li class="toparticle__list-item"><a href=""><strong
 
+                        class="toparticle__num">10</strong>台灣民意基金會<small>></small></a></li>
 
+                </ul>
 
+              </div>
 
+              <div style="width:100%;">
 
+                <iframe
 
+                  src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fchoozmo&tabs=timeline&width=270&
 
+                                height=900&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=831591714123614"
 
+                  class="fb__fr" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0"
 
+                  allowfullscreen="true"
 
+                  allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
 
+              </div>
 
+              <div class="cntsubscribe mt-3">
 
+                <h3>掌握最新資訊</h3>
 
+                <form class="d-flex header__form cntsubscribe__form">
 
+                  <input class="form-control cntsubscribe__input" type="search" placeholder="輸入email"
 
+                    aria-label="Search">
 
+                  <button class="btn cntsubscribe__sub" type="submit">訂閱</button>
 
+                </form>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </section>
 
+    </main>
 
+
 
+    {{ partial "footer.html" . }}
 
+
 
+  </div>
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 314 - 341
layouts/trends/single.html
View File 

@@ -1,360 +1,333 @@
 
 <!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="/imgs/logo@2x.webp" 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">
 
-                <a class="nav-link" href="#">登入</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="#">聯絡我們</a>
 
-              </li>
 
-            </ul>
 
+  {{ partial "navbar.html" . }}
 
+  <main>
 
+    <section class="header">
 
+      <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
+      <div class="row align-items-center g-0">
 
+        <div class="col-12 col-md-5 text-center ">
 
+          <h2 class="header-title">趨勢日報</h2>
 
+          <h4 class="header__sub">熱門排行</h4>
 
+          <form class="d-flex header__form">
 
+            <input class="form-control header__form__input" type="search" placeholder="輸入email 掌握最新資訊"
 
+              aria-label="Search">
 
+            <button class="btn header__form__sub" type="submit">訂閱</button>
 
+          </form>
 
+        </div>
 
+        <div class="col-12 col-md-7">
 
+          <div class="header-right">
 
+            <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
+            <div class="header-right-video">
 
+              <style>
 
+                .embed-container {
 
+                  position: relative;
 
+                  padding-bottom: 56.25%;
 
+                  height: 0;
 
+                  max-width: 100%;
 
+                  box-shadow: 1px 1px 8px 2px grey;
 
+                  border-radius: 1rem;
 
+                }
 
+
 
+                .embed-container iframe,
 
+                .embed-container object,
 
+                .embed-container embed {
 
+                  position: absolute;
 
+                  top: 0;
 
+                  left: 0;
 
+                  width: 100%;
 
+                  height: 100%;
 
+                }
 
+              </style>
 
+              <div class='embed-container'><iframe src='https://www.youtube.com/embed//IzHhpC_bD6g?autoplay=1&mute=1'
 
+                  frameborder='0' allowfullscreen></iframe></div>
 
+            </div>
 
+            <img class="header-right-magnifier" src="/imgs/放大鏡.webp" alt="">
 
+            <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">
 
+      <div class="d-flex justify-content-around category__btngrp">
 
+        <a class="category__btn active" href="#">分類</a>
 
+        <a class="category__btn" href="https://ai.choozmo.com/tags/vtuber/">Vtuber</a>
 
+        <a class="category__btn">分類</a>
 
+        <a class="category__btn">分類</a>
 
+        <a class="category__btn">分類</a>
 
+      </div>
 
+    </section>
 
+    <section class="top3">
 
+      <div class="backfill"></div>
 
+      <div class="container">
 
+        <div class="row">
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <span class="top3__num">1</span>
 
+              <strong class="card__rank__word">{{ .Params.no01 }}</strong>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_01/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <span class="top3__num">2</span>
 
+              <strong class="card__rank__word">{{ .Params.no02 }}</strong>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_02/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <span class="top3__num">3</span>
 
+              <strong class="card__rank__word">{{ .Params.no03 }}</strong>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_03/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
           </div>
 
         </div>
 
-      </nav>
 
-      <main>
 
-          <section class="header">
 
-            <img src="/imgs/01.webp" alt="" class="header-lefttop">
 
-            <div class="row align-items-center g-0">
 
-                <div class="col-12 col-md-5 text-center ">
 
-                    <h2 class="header-title">趨勢日報</h2>
 
-                    <h4 class="header__sub">熱門排行</h4>
 
-                    <form class="d-flex header__form">
 
-                        <input class="form-control header__form__input" type="search" placeholder="輸入email 掌握最新資訊" aria-label="Search">
 
-                        <button class="btn header__form__sub" type="submit">訂閱</button>
 
-                    </form>
 
-                </div>
 
-                <div class="col-12 col-md-7">
 
-                    <div class="header-right">
 
-                        <img src="/imgs/02.webp" alt="" class="header-right-cir">
 
-                        <div class="header-right-video">
 
-                            <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//IzHhpC_bD6g?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
 
-                        </div>
 
-                        <img class="header-right-magnifier" src="/imgs/放大鏡.webp" alt="">
 
-                        <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
 
-                        <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
 
-                    </div>
 
-                </div>
 
+      </div>
 
+    </section>
 
+    <section class="top20">
 
+      <div class="container">
 
+        <div class="row">
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">4</span>
 
+                <strong class="card__rank__word">{{ .Params.no04 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_04/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">5</span>
 
+                <strong class="card__rank__word">{{ .Params.no05 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_05/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">6</span>
 
+                <strong class="card__rank__word">{{ .Params.no06 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_06/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">7</span>
 
+                <strong class="card__rank__word">{{ .Params.no07 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_07/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">8</span>
 
+                <strong class="card__rank__word">{{ .Params.no08 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_08/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">9</span>
 
+                <strong class="card__rank__word">{{ .Params.no09 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_09/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">10</span>
 
+                <strong class="card__rank__word">{{ .Params.no10 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_10/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">11</span>
 
+                <strong class="card__rank__word">{{ .Params.no11 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_11/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">12</span>
 
+                <strong class="card__rank__word">{{ .Params.no12 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_12/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">13</span>
 
+                <strong class="card__rank__word">{{ .Params.no13 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_13/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
             </div>
 
-          </section>
 
-          <section class="category container">
 
-            <div class="d-flex justify-content-around category__btngrp">
 
-                <a class="category__btn active" href="#">分類</a>
 
-                <a class="category__btn" href="https://ai.choozmo.com/tags/vtuber/">Vtuber</a>
 
-                <a class="category__btn">分類</a>
 
-                <a class="category__btn">分類</a>
 
-                <a class="category__btn">分類</a>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">14</span>
 
+                <strong class="card__rank__word">{{ .Params.no14 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_14/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
             </div>
 
-          </section>
 
-          <section class="top3">
 
-            <div class="backfill"></div>
 
-            <div class="container">
 
-                <div class="row">
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <span class="top3__num">1</span>
 
-                            <strong class="card__rank__word">{{ .Params.no01 }}</strong>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_01/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <span class="top3__num">2</span>
 
-                            <strong class="card__rank__word">{{ .Params.no02 }}</strong>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_02/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <span class="top3__num">3</span>
 
-                            <strong class="card__rank__word">{{ .Params.no03 }}</strong>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_03/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">15</span>
 
+                <strong class="card__rank__word">{{ .Params.no15 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_15/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
             </div>
 
-          </section>
 
-          <section class="top20">
 
-            <div class="container">
 
-                <div class="row">
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">4</span>
 
-                                <strong class="card__rank__word">{{ .Params.no04 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_04/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">5</span>
 
-                                <strong class="card__rank__word">{{ .Params.no05 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_05/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">6</span>
 
-                                <strong class="card__rank__word">{{ .Params.no06 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_06/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">7</span>
 
-                                <strong class="card__rank__word">{{ .Params.no07 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_07/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">8</span>
 
-                                <strong class="card__rank__word">{{ .Params.no08 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_08/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">9</span>
 
-                                <strong class="card__rank__word">{{ .Params.no09 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_09/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">10</span>
 
-                                <strong class="card__rank__word">{{ .Params.no10 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_10/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">11</span>
 
-                                <strong class="card__rank__word">{{ .Params.no11 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_11/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">12</span>
 
-                                <strong class="card__rank__word">{{ .Params.no12 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_12/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">13</span>
 
-                                <strong class="card__rank__word">{{ .Params.no13 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_13/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">14</span>
 
-                                <strong class="card__rank__word">{{ .Params.no14 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_14/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">15</span>
 
-                                <strong class="card__rank__word">{{ .Params.no15 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_15/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">16</span>
 
-                                <strong class="card__rank__word">{{ .Params.no16 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_16/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">17</span>
 
-                                <strong class="card__rank__word">{{ .Params.no17 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_17/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">18</span>
 
-                                <strong class="card__rank__word">{{ .Params.no18 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_18/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">19</span>
 
-                                <strong class="card__rank__word">{{ .Params.no19 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_19/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                    <div class="col-md-4">
 
-                        <div class="card card__rank">
 
-                            <div class="d-flex align-items-center">
 
-                                <span class="top20__num">20</span>
 
-                                <strong class="card__rank__word">{{ .Params.no20 }}</strong>
 
-                            </div>
 
-                            <hr>
 
-                            <div class="card__rank__goto">
 
-                                <a href="/trenddetail/{{ .Params.date.Format "20060102"  }}_20/" class="card__rank__link">看新聞 ></a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">16</span>
 
+                <strong class="card__rank__word">{{ .Params.no16 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_16/" class="card__rank__link">看新聞 ></a>
 
+              </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>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">17</span>
 
+                <strong class="card__rank__word">{{ .Params.no17 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_17/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
             </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 class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">18</span>
 
+                <strong class="card__rank__word">{{ .Params.no18 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_18/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
             </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">19</span>
 
+                <strong class="card__rank__word">{{ .Params.no19 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_19/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="col-md-4">
 
+            <div class="card card__rank">
 
+              <div class="d-flex align-items-center">
 
+                <span class="top20__num">20</span>
 
+                <strong class="card__rank__word">{{ .Params.no20 }}</strong>
 
+              </div>
 
+              <hr>
 
+              <div class="card__rank__goto">
 
+                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_20/" class="card__rank__link">看新聞 ></a>
 
+              </div>
 
             </div>
 
+          </div>
 
         </div>
 
-    </footer>
 
-    <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 src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 3 - 83
layouts/video-making/single.html
View File 

@@ -23,55 +23,6 @@
 
 
     gtag('config', 'AW-474336061');
 
   </script>
 
-  <style>
 
-    .footer {
 
-      color: #656565;
 
-    }
 
-
 
-    .footer a {
 
-      color: #656565;
 
-      text-decoration: none;
 
-    }
 
-
 
-    .footer h5 {
 
-      color: black;
 
-      font-weight: 600;
 
-      padding-bottom: 15px;
 
-    }
 
-
 
-    .footer .link {
 
-      padding-bottom: 20px;
 
-    }
 
-
 
-    .footer {
 
-      background-color: #F0F0F0;
 
-      padding: 3rem;
 
-    }
 
-
 
-    .footer .right-column {
 
-      border-left: 1px solid black;
 
-    }
 
-
 
-    .footer .footer-aigirl {
 
-      font-weight: 600;
 
-      font-size: 2rem;
 
-      margin-top: 1rem;
 
-      margin-bottom: 1rem;
 
-    }
 
-
 
-    .footer .footer-follow {
 
-      font-size: 1.6rem;
 
-      margin-bottom: 1rem;
 
-      color: black;
 
-      font-size: 1rem;
 
-      font-weight: 600;
 
-      margin-top: 2rem;
 
-    }
 
-
 
-    .footer .footer-socials a {
 
-      margin-right: 5px;
 
-    }
 
-  </style>
 
 </head>
 
 
 <body>
 
@@ -208,42 +159,11 @@
 
           </div>
 
         </div>
 
       </div>
 
-
 
     </div>
 
   </main>
 
-  <footer class="footer">
 
-    <div class="container">
 
-      <div class="row">
 
-        <div class="col-xs-12 col-sm-6">
 
-          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
 
-          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
 
-          <div class="footer-follow">關注我們</div>
 
-          <div class="footer-socials">
 
-            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
 
-                height="48px"></a>
 
-            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
 
-                width="32px" height="32px"></a>
 
-            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
 
-                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
 
-            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
 
-                width="48px" height="48px"></a>
 
-            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
 
-                height="32px"></a>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6">
 
-          <div class="footer-contacts" style="margin-top: 2rem;">
 
-            <h5>CONTACT</h5>
 
-            <div>
 
-              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話：036670804<br>聯絡信箱：SERVICE@CHOOZMO.COM
 
-            </div>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-  </footer>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
   <script type="application/javascript">
 
     var doNotTrack = false;
 
     if (!doNotTrack) {

+ 2 - 0
layouts/youtube-views-zh/single.html
View File 

@@ -368,7 +368,9 @@
 
       </div>
 
     </div>
 
   </main>
 
+
 
   {{ partial "footer.html" . }}
 
+  
   <script type="application/javascript">
 
     var doNotTrack = false;
 
     if (!doNotTrack) {

+ 0 - 49
layouts/youtube-views/single.html
View File 

@@ -23,55 +23,6 @@
 
 
     gtag('config', 'AW-474336061');
 
   </script>
 
-  <style>
 
-    .footer {
 
-      color: #656565;
 
-    }
 
-
 
-    .footer a {
 
-      color: #656565;
 
-      text-decoration: none;
 
-    }
 
-
 
-    .footer h5 {
 
-      color: black;
 
-      font-weight: 600;
 
-      padding-bottom: 15px;
 
-    }
 
-
 
-    .footer .link {
 
-      padding-bottom: 20px;
 
-    }
 
-
 
-    .footer {
 
-      background-color: #F0F0F0;
 
-      padding: 3rem;
 
-    }
 
-
 
-    .footer .right-column {
 
-      border-left: 1px solid black;
 
-    }
 
-
 
-    .footer .footer-aigirl {
 
-      font-weight: 600;
 
-      font-size: 2rem;
 
-      margin-top: 1rem;
 
-      margin-bottom: 1rem;
 
-    }
 
-
 
-    .footer .footer-follow {
 
-      font-size: 1.6rem;
 
-      margin-bottom: 1rem;
 
-      color: black;
 
-      font-size: 1rem;
 
-      font-weight: 600;
 
-      margin-top: 2rem;
 
-    }
 
-
 
-    .footer .footer-socials a {
 
-      margin-right: 5px;
 
-    }
 
-  </style>
 
 </head>
 
 
 <body>