소스 검색

fix dm template

huai-sian 3 년 전
부모
커밋
5c6e30bb1b

+ 15 - 11
layouts/DM/single.html

@@ -60,13 +60,14 @@
           </section>
           <section class="category container text-center img-block">
             <div class="row row-cols-1 row-cols-md-2">
-                <div class="col">
-                    <img src="{{ .Params.block1_img }}" alt="">
+                <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 }}</p>
+                      <p>{{ .Params.block1_text | markdownify }}</p>
                 </div>
             </div>
           </section>
@@ -75,22 +76,24 @@
                 <div class="col my-auto">
                   <h4>{{ .Params.block2_title }}</h4>
                   <strong>{{ .Params.block2_strong }}</strong>
-                  <p>{{ .Params.block2_text }}</p>
+                  <p>{{ .Params.block2_text | markdownify }}</p>
                 </div>
-                <div class="col">
-                  <img src="{{ .Params.block2_img }}" alt="">
+                <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 ">
-                    <img src="{{ .Params.block3_img }}" alt="">
+                <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 }}</p>
+                  <p>{{ .Params.block3_text | markdownify }}</p>
                 </div>
             </div>
           </section>
@@ -105,8 +108,9 @@
                         <li>{{ .Params.block4_list3 }}</li>
                     </ul>
                 </div>
-                <div class="col">
-                    <img src="{{ .Params.block4_img }}" alt="">
+                <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>

+ 162 - 0
layouts/amp/single.html

@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+    <link rel="stylesheet" href="/css/style.css">
+</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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform">聯絡我們</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <main>
+          <section class="header">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 col-md-5 text-center ">
+                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
+                </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">
+            <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="">
+                    <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 position-relative">
+                <img class="img-block__img" src="{{ .Params.block4_img }}" alt="">
+                <img class="img-block__linecir right" src="/imgs/裝飾圓.webp" alt="">
+              </div>
+              <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>
+          </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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" 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>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+    crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+    crossorigin="anonymous"></script>
+</body>
+</html>
+

+ 159 - 0
layouts/bigdata/single.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+    <link rel="stylesheet" href="/css/style.css">
+</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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform">聯絡我們</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <main>
+          <section class="header">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 col-md-5 text-center ">
+                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
+                </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">
+            <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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" 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>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+    crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+    crossorigin="anonymous"></script>
+</body>
+</html>
+

+ 159 - 0
layouts/crawler/single.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+    <link rel="stylesheet" href="/css/style.css">
+</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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform">聯絡我們</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <main>
+          <section class="header">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 col-md-5 text-center ">
+                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
+                </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">
+            <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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" 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>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+    crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+    crossorigin="anonymous"></script>
+</body>
+</html>
+

+ 159 - 0
layouts/ip/single.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+    <link rel="stylesheet" href="/css/style.css">
+</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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform">聯絡我們</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <main>
+          <section class="header">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 col-md-5 text-center ">
+                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
+                </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">
+            <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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" 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>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+    crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+    crossorigin="anonymous"></script>
+</body>
+</html>
+

+ 159 - 0
layouts/research/single.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+    <link rel="stylesheet" href="/css/style.css">
+</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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform">聯絡我們</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <main>
+          <section class="header">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 col-md-5 text-center ">
+                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
+                </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">
+            <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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" 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>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+    crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+    crossorigin="anonymous"></script>
+</body>
+</html>
+

+ 159 - 0
layouts/seo/single.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
+    <link rel="stylesheet" href="/css/style.css">
+</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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform">聯絡我們</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <main>
+          <section class="header">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 col-md-5 text-center ">
+                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <p class="text-center px-3">{{ .Params.packageSub }}<p>
+                </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">
+            <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="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" 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>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+    crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+    crossorigin="anonymous"></script>
+</body>
+</html>
+

+ 19 - 1
static/css/style.css

@@ -464,7 +464,7 @@
     width: 100%;
 }
 
-.img-block img {
+.img-block .img-block__img {
     width: 95%;
 }
 
@@ -472,6 +472,24 @@
     padding: 2rem 8rem;
 }
 
+.img-block__linecir {
+    position: absolute;
+    right: 10%;
+    bottom: 5%;
+    width: 30%;
+    z-index: -1;
+}
+
+.img-block__linecir.left {
+    right: -10%;
+    bottom: -5%;
+}
+
+.img-block__linecir.right {
+    left: -10%;
+    bottom: -5%;
+}
+
 
 @media (max-width: 1300px) {
     .header__right__video {

+ 2 - 2
webSite/config.toml

@@ -1,6 +1,6 @@
-baseurl = "https://ai.choozmo.com/"
+baseurl = "https://example.org"
 title = "AI Spokesgirl | 台灣第一個AI合成主播"
-theme = "AI_Video_LP"
+theme = "hugo-universal-theme"
 themesDir = "../.."
 languageCode = "zh-tw"
 # Site language. Available translations in the theme's `/i18n` directory.

+ 2 - 2
webSite/content/DM/amp.md

@@ -8,7 +8,7 @@ banner = "https://i.imgur.com/jdQb3ZH.jpg"
 packageTitle = "Google AMP 高速行動網頁設計"
 packageSub = "提高Google網速評分,加速行動版載入速度有利網頁質量SEO更具優勢"
 packageBg = "https://i.imgur.com/SOu53ii.jpg"
-description = "隨著行動裝置瀏覽比例增加,具Google研究顯示有40%的用戶,只願意用3秒等待網頁載入,否則就會直接離開網頁,再者網站下載速度每延遲一秒,就增加7%轉換率損失,若能加速瀏覽體驗,讓用戶更完整接受網頁資訊,更能夠增加被潛在客戶搜尋聯繫上的機會! 爲了讓用戶們有最好的使用體驗,采用Google AMP (Accelerated Mobile Pages) 架構設計的網頁著重讓用戶有流暢閲讀體驗、有利大幅優化搜尋排名、吸引用戶目光,自然取得流量紅利。"
+description = "隨著行動裝置瀏覽比例增加,具Google研究顯示有40%的用戶,只願意用3秒等待網頁載入,否則就會直接離開網頁,再者網站下載速度每延遲一秒,就增加7%轉換率損失,若能加速瀏覽體驗,讓用戶更完整接受網頁資訊,更能夠增加被潛在客戶搜尋聯繫上的機會!爲了讓用戶們有最好的使用體驗,采用Google AMP (Accelerated Mobile Pages) 架構設計的網頁著重讓用戶有流暢閲讀體驗、有利大幅優化搜尋排名、吸引用戶目光,自然取得流量紅利。"
 block1_title = "AMP 特色 抓住速度抓住客戶"
 block1_strong = "簡化程式語言讓網頁載入更快速"
 block1_text = "一般網站需大量程式才能完成網頁表現,而AMP架構能夠簡化程式語言,内容載入速度甚至可快達10倍。"
@@ -28,5 +28,5 @@ block4_list2 = "AMP一頁式 網站設計開發服務"
 block4_list3 = "RWD響應式設計 相容所有設備"
 block4_list4 = "SEO友好設計 增加搜尋曝光機會"
 block4_list5 = "打造絕佳行動瀏覽體驗 留住更多的訪客"
-block4_img = ""
+block4_img = "https://i.imgur.com/SOu53ii.jpg"
 +++

+ 9 - 9
webSite/content/DM/research.md

@@ -15,20 +15,20 @@ block1_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 
 block1_text = "提供企業節省人力開銷的資訊委外解決方案,專業提供資訊系統研發服務以及IT委外維護長期月租方案,企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
 block1_img = "https://i.imgur.com/SOu53ii.jpg"
 
-block2_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
-block2_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
-block2_text = "提供企業節省人力開銷的資訊委外解決方案,專業提供資訊系統研發服務以及IT委外維護長期月租方案,企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
+block2_title = "降低資訊研發、維護成本 | 完善的軟、硬體系統規劃"
+block2_strong = ""
+block2_text = "委託給專業人員做處理,企業不需額外花錢聘請技術人員,用最精簡的時間將問題排除,減少企業損失將省下的資金運用在其他規劃用途上;突發狀況透過遠端線上排除,省去人員到企業的時間。"
 block2_img = "https://i.imgur.com/SOu53ii.jpg"
 
-block3_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
-block3_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
-block3_text = "提供企業節省人力開銷的資訊委外解決方案,專業提供資訊系統研發服務以及IT委外維護長期月租方案,企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
+block3_title = "完善資訊備援規劃  | 伺服器建置"
+block3_strong = "專業的工程師團隊,提供全方位資訊服務,是您的資訊顧問、研發工程師、MIS  更是您的好夥伴"
+block3_text = "依照企業用戶的情況提供的需求,透過專業人員評估及分析後,補強用戶在資訊規劃上的不足,提升企業運作效率。也提供伺服器建置: WEB SERVER 架設、DNS SERVER 架設、MAIL SERVER 架設等。"
 block3_img = "https://i.imgur.com/SOu53ii.jpg"
 
 block4_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
 block4_strong = ""
-block4_list1 = "委外月費制"
-block4_list2 = "快速獲取多元人才"
-block4_list3 = "目標導向 積極溝通"
+block4_list1 = "委外月費制,降低研發人力"
+block4_list2 = "快速獲取多元人才,協助資訊開發"
+block4_list3 = "目標導向 積極溝通 降低專案風險"
 block4_img = "https://i.imgur.com/SOu53ii.jpg"
 +++

+ 33 - 0
webSite/content/amp/dm.md

@@ -0,0 +1,33 @@
++++
+title = "DM"
+date = "2021-08-19T12:00:05+08:00"
+tags = ["amp"]
+categories = ["amp"]
+layout = "amp"
+banner = "https://i.imgur.com/jdQb3ZH.jpg"
+packageTitle = "Google AMP 高速行動網頁設計"
+packageSub = "提高Google網速評分,加速行動版載入速度有利網頁質量SEO更具優勢"
+packageBg = "https://i.imgur.com/SOu53ii.jpg"
+description_block1 = "隨著行動裝置瀏覽比例增加,具Google研究顯示有40%的用戶,只願意用3秒等待網頁載入,否則就會直接離開網頁,再者網站下載速度每延遲一秒,就增加7%轉換率損失,若能加速瀏覽體驗,讓用戶更完整接受網頁資訊,更能夠增加被潛在客戶搜尋聯繫上的機會!"
+description_block2 = "爲了讓用戶們有最好的使用體驗,采用Google AMP (Accelerated Mobile Pages) 架構設計的網頁著重讓用戶有流暢閲讀體驗、有利大幅優化搜尋排名、吸引用戶目光,自然取得流量紅利。"
+block1_title = "AMP 特色 抓住速度抓住客戶"
+block1_strong = "簡化程式語言讓網頁載入更快速"
+block1_text = "一般網站需大量程式才能完成網頁表現,而AMP架構能夠簡化程式語言,内容載入速度甚至可快達10倍。"
+block1_img = "https://i.imgur.com/SOu53ii.jpg"
+block2_title = "AMP特色 抓住速度抓住客戶"
+block2_strong = "提高Google搜索的排名"
+block2_text = "導人AMP的網站在Google搜尋結果頁面有更好的曝光機會,有利在小預算下取得自然流量紅利。"
+block2_img = "https://i.imgur.com/SOu53ii.jpg"
+block3_title = ""
+block3_strong = ""
+block3_text = ""
+block3_img = ""
+block4_title = "集仕多服務特色 懂設計也懂您需求"
+block4_strong = ""
+block4_list1 = "專業服務您的需求規劃與設計諮詢"
+block4_list2 = "AMP一頁式 網站設計開發服務"
+block4_list3 = "RWD響應式設計 相容所有設備"
+block4_list4 = "SEO友好設計 增加搜尋曝光機會"
+block4_list5 = "打造絕佳行動瀏覽體驗 留住更多的訪客"
+block4_img = "https://i.imgur.com/SOu53ii.jpg"
++++

+ 30 - 0
webSite/content/bigdata/dm.md

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

+ 35 - 0
webSite/content/crawler/dm.md

@@ -0,0 +1,35 @@
++++
+title = "DM"
+date = "2021-08-19T12:00:05+08:00"
+tags = ["DM"]
+categories = ["DM"]
+layout = "DM"
+banner = "https://i.imgur.com/jdQb3ZH.jpg"
+packageTitle = "Web Crawler Services 資訊爬蟲抓取專案"
+packageSub = "工欲善其事,必先有「資料」AI資料科學家快速完成資料擷取,實現您的專案!"
+packageBg = "https://i.imgur.com/SOu53ii.jpg"
+description = "集仕多擁有專業的AI資料分析技術工程師,致力協助各類產業之業主從網路上自動化抓取資料,無論動、靜態各種類型網站一次爬好爬滿,協助您在大量數據時代下,依然可以快速且準確找到自己所需的資料,提供資料庫數據串流接上開發端後台做應用。"
+block1_title = "網路爬蟲應用豐富多元 依您需求提供專案服務"
+block1_strong = "搜索引擎 | 機票比價 | 動態製作頁面 | 大數據分析 人工智能的深度學習 | 不再讓你複製貼上"
+block1_text = ""
+block1_img = "https://i.imgur.com/SOu53ii.jpg"
+block2_title = ""
+block2_strong = ""
+block2_text = ""
+block2_img = ""
+block3_title = ""
+block3_strong = ""
+block3_text = ""
+block3_img = ""
+block4_title = "應用案例類型 | 客戶案例"
+block4_strong = ""
+block4_list1 = "自動擷取海量資料中的所需數據"
+block4_list2 = "資料數據蒐集與分析"
+block4_list3 = "開發與優化搜尋爬蟲程式"
+block4_list4 = "定期監測特定網站最新資訊"
+block4_list5 = "適應市場調查與用戶調研用途"
+block4_list6 = "*外送平台"
+block4_list7 = "*電商平台"
+block4_list8 = "*商家評論"
+block4_img = "https://i.imgur.com/SOu53ii.jpg"
++++

+ 34 - 0
webSite/content/ip/dm.md

@@ -0,0 +1,34 @@
++++
+title = "DM"
+date = "2021-08-19T12:00:05+08:00"
+tags = ["DM"]
+categories = ["DM"]
+layout = "DM"
+banner = "https://i.imgur.com/jdQb3ZH.jpg"
+packageTitle = "IP授權AI虛擬角色 內容變現"
+packageSub = "AI翻轉角色經濟創造IP價值普及化,IP虛擬角色成為用戶影片講解主播"
+packageBg = "https://i.imgur.com/SOu53ii.jpg"
+description = "看準角色經濟商機及短影音市場趨勢爆發,集仕多集AI技術獨立研發SaaS快速影片創作平台,用戶輸入文稿即有虛擬代言角色在旁提供中、英文等多種語言講解,且自動上字幕,讓影片清晰易懂。瞄準新世代年輕人推出【虛擬角色客製建模方案】,透過AI變臉技術,讓IP角色模擬真人發音嘴形、生動代言主講攻佔用戶螢幕,其製作出的影片更易於讓消費者理解。"
+
+block1_title = "IP角色虛擬化建模 | 角色應用觸及影音市場"
+block1_strong = "專業棚拍建模、技術工程師AI變臉建立角色模型"
+block1_text = "採專案式收費建模,無論享用動漫卡通IP或者真人角色做代言人,集仕多提供從設計面到工程面的全方位服務為您建立專屬虛擬角色做多元場景的影片行銷應用。"
+block1_img = "https://i.imgur.com/SOu53ii.jpg"
+
+block2_title = ""
+block2_strong = ""
+block2_text = ""
+block2_img = ""
+
+block3_title = ""
+block3_strong = ""
+block3_text = ""
+block3_img = ""
+
+block4_title = "AI Spokegirl 影片製作平台免費上架"
+block4_strong = "隨選授權 賺取IP角色授權分潤費"
+block4_list1 = "角色免費上架嵌入SaaS 影片製作平台,增加免費曝光宣傳機會"
+block4_list2 = "活絡IP角色形象,化身虛擬主播能說不同語言"
+block4_list3 = "SaaS影片製作平台訂閱用戶選擇角色使用將自動授權分潤"
+block4_img = "https://i.imgur.com/SOu53ii.jpg"
++++

+ 34 - 0
webSite/content/research/dm.md

@@ -0,0 +1,34 @@
++++
+title = "DM"
+date = "2021-08-19T12:00:05+08:00"
+tags = ["research"]
+categories = ["research"]
+layout = "research"
+banner = "https://i.imgur.com/jdQb3ZH.jpg"
+packageTitle = "企業系統研發委外方案"
+packageSub = "企業資訊系統選擇委外研發服務,大幅降低成本"
+packageBg = "https://i.imgur.com/SOu53ii.jpg"
+description = "擁有前瞻技術及強大研發工程師團隊,以科技為導向提供解決方案或提供多種資訊研發服務;作為企業研發後盾快速導入AI人工智慧技術,在節省工程研發人力成本下,有效率地數位轉型!"
+
+block1_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
+block1_strong = "Deep learning |  AI 人工智慧 | NLP | 爬蟲資訊抓取 | 資訊分析 | 語意分析 | 流量負載 | 專案服務"
+block1_text = "提供企業節省人力開銷的資訊委外解決方案,專業提供資訊系統研發服務以及IT委外維護長期月租方案,企業可針對其需求選擇符合預算與符合實際運作效益的合約模式。"
+block1_img = "https://i.imgur.com/SOu53ii.jpg"
+
+block2_title = "降低資訊研發、維護成本 | 完善的軟、硬體系統規劃"
+block2_strong = ""
+block2_text = "委託給專業人員做處理,企業不需額外花錢聘請技術人員,用最精簡的時間將問題排除,減少企業損失將省下的資金運用在其他規劃用途上;突發狀況透過遠端線上排除,省去人員到企業的時間。"
+block2_img = "https://i.imgur.com/SOu53ii.jpg"
+
+block3_title = "完善資訊備援規劃  | 伺服器建置"
+block3_strong = "專業的工程師團隊,提供全方位資訊服務,是您的資訊顧問、研發工程師、MIS  更是您的好夥伴"
+block3_text = "依照企業用戶的情況提供的需求,透過專業人員評估及分析後,補強用戶在資訊規劃上的不足,提升企業運作效率。也提供伺服器建置: WEB SERVER 架設、DNS SERVER 架設、MAIL SERVER 架設等。"
+block3_img = "https://i.imgur.com/SOu53ii.jpg"
+
+block4_title = "專業優秀的科技研發工程團隊 | 隨時當企業後盾"
+block4_strong = ""
+block4_list1 = "委外月費制,降低研發人力"
+block4_list2 = "快速獲取多元人才,協助資訊開發"
+block4_list3 = "目標導向 積極溝通 降低專案風險"
+block4_img = "https://i.imgur.com/SOu53ii.jpg"
++++

+ 34 - 0
webSite/content/seo/dm.md

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