Browse Source

update ad-operation page

SyuanYu 2 years ago
parent
commit
46cd8dfcf1

+ 11 - 0
layouts/DM/single.html

@@ -28,6 +28,17 @@
               <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>

+ 11 - 0
layouts/aboutus/single.html

@@ -41,6 +41,17 @@
               <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>

+ 363 - 74
layouts/ad-operation/single.html

@@ -62,6 +62,267 @@
     .footer .footer-socials a {
       margin-right: 5px;
     }
+
+    #ad-operation .header {
+      height: auto;
+    }
+
+    #ad-operation .header p {
+      font-weight: bold;
+      line-height: 32px;
+    }
+
+    #ad-operation .header p span {
+      font-size: 20px;
+      color: #ea5413;
+    }
+
+    #ad-operation .header__title {
+      color: #000;
+      font-weight: bold;
+      letter-spacing: 5px;
+    }
+
+    #ad-operation .dm__description h5 {
+      font-size: 16px;
+      line-height: 32px;
+    }
+
+    #ad-operation .dm__description h5 strong {
+      padding-bottom: 3px;
+      border-bottom: 3px solid rgb(248, 228, 72);
+    }
+
+    .card-content div {
+      display: flex;
+      flex-direction: column;
+      border: 2px solid #ea5413;
+    }
+
+    .card-content h3 {
+      width: 60%;
+      margin: -17px auto 0;
+      padding: 7px 0;
+      display: inline-block;
+      color: #fff;
+      background: #ea5413;
+      text-align: center;
+      font-size: 18px;
+      font-weight: bold;
+      border-radius: 10px;
+      letter-spacing: 2px;
+    }
+
+    @media (max-width: 576px) {
+      .card-content h3 {
+        width: auto;
+        padding: 7px 15px;
+        font-size: 16px;
+      }
+    }
+
+    .card-content h4 {
+      margin-top: 25px;
+      padding: 20px 10px;
+      font-size: 14px;
+      line-height: 32px;
+      background: #FFEBE2;
+    }
+
+    .card-content h4 strong {
+      font-size: 20px;
+    }
+
+    .content-box {
+      width: 65%;
+      margin: auto;
+      padding: 30px 0;
+      display: flex;
+      justify-content: center;
+      background: #FFEBE2;
+      position: relative;
+    }
+
+    .content-box p {
+      margin: 0;
+      line-height: 32px;
+    }
+
+    .content-box h4 {
+      font-size: 22px;
+      font-weight: bold;
+      margin-bottom: 20px;
+    }
+
+    @media (max-width: 991px) {
+      .content-box {
+        width: 90%;
+      }
+    }
+
+    @media (max-width: 767px) {
+      .content-box {
+        width: 100%;
+      }
+
+      .content-box h4 {
+        font-size: 18px;
+      }
+
+      .content-box p {
+        font-size: 14px;
+      }
+    }
+
+    @media (max-width: 475px) {
+      .content-box {
+        padding-left: 10px;
+      }
+
+      .content-box h4 {
+        font-size: 14px;
+        white-space: nowrap;
+      }
+
+      .content-box p {
+        font-size: 13px;
+      }
+    }
+
+    .content-box .line {
+      height: 3px;
+      background: #fff;
+      width: 950px;
+      position: absolute;
+      left: -200px;
+      top: 35px;
+    }
+
+    @media (max-width: 767px) {
+      .content-box .line {
+        top: 33px;
+      }
+    }
+
+    @media (max-width: 575px) {
+      .content-box .line {
+        top: 30px;
+      }
+    }
+
+    .content-badge {
+      position: absolute;
+      left: 0;
+      top: -53px;
+      padding: 5px 10px;
+      background: #ea5413;
+      border-radius: 10px;
+      font-size: 22px;
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .pageForm {
+      line-height: 32px;
+      letter-spacing: 1px;
+    }
+
+    #ad-operation {
+      overflow-x: hidden;
+    }
+
+    #ad-operation .header__lefttop {
+      width: 60%;
+      position: absolute;
+      left: 10vw;
+      top: -13vw;
+      z-index: -1;
+    }
+
+    #ad-operation .category.dm__description {
+      padding: 2rem 8rem;
+    }
+
+    @media (max-width: 991px) {
+      #ad-operation .category.dm__description {
+        padding: 2rem 3rem;
+      }
+    }
+
+    @media (max-width: 767px) {
+      #ad-operation .category.dm__description {
+        padding: 2rem 0rem;
+      }
+
+      #ad-operation .header__lefttop {
+        left: 20vw;
+      }
+    }
+
+    .video-box {
+      position: relative;
+      width: 70%;
+      height: 0;
+      padding-bottom: 40%;
+    }
+
+    @media (max-width: 1200px) {
+      .video-box {
+        width: 80%;
+        padding-bottom: 45%;
+      }
+    }
+
+    @media (max-width: 767px) {
+      .video-box {
+        margin: 50px auto 0;
+      }
+    }
+
+    @media (max-width: 576px) {
+      .video-box {
+        width: 90%;
+        padding-bottom: 50%;
+      }
+    }
+
+    .video-box iframe {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+
+    .accreditation p {
+      font-size: 24px;
+    }
+
+    .accreditation img {
+      width: 150px;
+      position: absolute;
+      top: -35px;
+      left: -25px;
+    }
+
+    @media (max-width: 767px) {
+      .accreditation img {
+        width: 135px;
+        left: -50px;
+      }
+    }
+
+    @media (max-width: 575px) {
+      .accreditation img {
+        width: 120px;
+        top: -80px;
+        left: -20px;
+      }
+
+      .accreditation p {
+        font-size: 20px;
+      }
+    }
   </style>
 </head>
 
@@ -100,6 +361,17 @@
           <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>
@@ -110,106 +382,123 @@
       </div>
     </div>
   </nav>
-  <main>
+  <main id="ad-operation">
     <section class="header">
-      <img src="/imgs/01.webp" alt="" class="header__lefttop">
-      <div class="row align-items-center g-0">
-        <div class="col-12 col-md-5 text-center ">
-          <h2 class="header__title">智慧投放 Google 廣告<br>提高轉換率</h2>
-          <p class="text-center px-3">只要 Google 廣告下得好,就能吸引新訪客光顧網站、
-            提高線上銷售量、提升客戶回訪率,<strong>現在早鳥方案代操費用僅 1%</strong>
+      <div class="row align-items-center justify-content-center g-0">
+        <div class="col-12 col-md-6 text-center position-relative">
+          <img src="/imgs/dm/operation_01.png" alt="" class="header__lefttop">
+          <h2 class="header__title">AI 廣告投手</h2>
+          <p class="text-center px-3">
+            大數據精準抓取目標受眾<br>
+            同時管理數百檔廣告<br>
+            工業局認證 AI 智慧廣告投放技術<br>
+            <span>僅 5% 服務費</span>
           <p>
             <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
         </div>
-        <div class="col-12 col-md-7">
-          <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_ad-operation_1.jpeg');">
-            <img src="/imgs/02.webp" alt="" class="header__right__cir">
-            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
-            <img class="header__right__bubble" src="/imgs/對話.webp" alt="">
-            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
+        <div class="col-12 col-md-6">
+          <div class="video-box">
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/oLVjPNguBCY"
+              title="YouTube video player" frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen></iframe>
           </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 }}
+    <section class="category container py-5 dm__description">
+      <h5>
+        廣告品質越好, 廣告付費就越少!
+        <br><br>
+        集仕多擁有專業投放廣告的豐富經驗,利用 <strong>獨家SEO顯微鏡健檢服務</strong> 和綁定 <strong>Google My Business</strong> 兩大分析系統。
+        <br><br>
+        完整收集數據與分析報告, 為各大企業、 商家以最有效的廣告策略<br>
+        <strong>精準鎖定目標客群, 並適時地調整廣告策略。</strong>
+        <br><br>
+        透過 LINE 就能即時查詢分析報告, 以達到出色的廣告效益, 提高品牌曝光量和知名度!
       </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>
-          <ul class="text-start img-block-list">
-            <li>{{ .Params.block2_list1 }}</li>
-            <li>{{ .Params.block2_list2 }}</li>
-            <li>{{ .Params.block2_list3 }}</li>
-          </ul>
+    <div class="container">
+      <div class="row my-5 justify-content-center card-content px-3 px-sm-0">
+        <div class="col-12 col-md-5 mx-3">
+          <h3>獨家 SEO 顯微鏡健檢服務</h3>
+          <h4>
+            <strong>網站健檢</strong>:盤點網頁結構、速度 <br>
+            <strong>關鍵字研究</strong>:選擇適合的關鍵字結合內容行銷,逐步提升排名 <br>
+            <strong>優化分析與策略</strong>:<br>
+            提出 SEO 改善建議,協同逐項優化,推動排名向前
+          </h4>
+          <img class="img-fluid my-4" src="/imgs/dm/operation_02.png" alt="">
         </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 class="col-12 col-md-5 mx-3 mt-5 mt-md-0">
+          <h3>Google My Business</h3>
+          <h4>
+            經營 <strong>Local SEO</strong>, 能更有效地曝光自己的品牌及商品。 <br>
+            <strong>我的商家</strong>串接 Google My Business <br>
+            從眾多競爭對手中脫穎而出,吸引顧客上門;隨時視需要輕鬆更新商家檔案。
+          </h4>
+          <img class="img-fluid my-auto" src="/imgs/dm/operation_04.png" 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 class="row mb-5" style="margin-top: 100px;">
+        <div class="col-12">
+          <div class="row">
+            <div class="col-12">
+              <div class="content-box">
+                <span class="content-badge">內容包含</span>
+                <section class="position-relative">
+                  <div class="line"></div>
+                  <h4 class="me-2">Google Ads + </h4>
+                  <p>
+                    搜尋關鍵字
+                    <br>
+                    GDN多媒體
+                    <br>
+                    區域地標廣告
+                  </p>
+                </section>
+                <section>
+                  <h4>LINE即時報告 + 成效週報/月報</h4>
+                  <p>
+                    利用獨家SEO顯微鏡健檢服務結合
+                    <br>
+                    綁定Google My Business兩大分析系統
+                    <br>
+                    完整收集數據與分析報告
+                  </p>
+                </section>
+              </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>
-        <div class="col my-auto pt-3 pt-md-0">
-          <h4>{{ .Params.block4_title }}</h4>
-          <strong>{{ .Params.block4_strong }}</strong>
-          <ul class="text-start img-block-list">
-            <li>{{ .Params.block4_list1 }}</li>
-            <li>{{ .Params.block4_list2 }}</li>
-
-          </ul>
+        <div class="col-12 col-sm-11 col-lg-8 mx-auto position-relative" style="margin-top: 100px;">
+          <section class="accreditation">
+            <img src="/imgs/dm/operation_05.png" alt="">
+            <p class="m-0 text-center fw-bold">工業局認證 AI智慧廣告投放技術</p>
+          </section>
+          <img class="img-fluid" src="/imgs/dm/operation_06.png" alt="">
+          <img class="img-fluid mt-5 mb-3 d-none d-sm-block" src="/imgs/dm/operation_07.png" alt="">
+          <img class="img-fluid mt-5 mb-3 d-block d-sm-none mx-auto" src="/imgs/dm/operation_08.png" alt=""
+            style="width: 60%;">
         </div>
       </div>
-    </section>
+    </div>
     <div class="container loaded pageForm">
       <div class="row">
         <div class="col-12 col-md-6">
           <div class="pageForm__p">
             <div class="mb-3">
               <div class="pageForm__title">
-                <h3 class="pageForm__title-h3">智慧投放 Google 廣告服務</h3>
+                <h3 class="pageForm__title-h3">
+                  免費獲取專業的 <br>
+                  廣告投放建議書!
+                </h3>
               </div>
             </div>
             <div class="pageForm__txt mb-3 ">
-              <p>集仕多擁有專業投放廣告的豐富經驗,利用獨家 SEO 顯微鏡健檢服務和綁定 Google My Business 兩大分析系統,完整收集數據與分析報告,
-                為各大企業、商家以最有效的廣告策略,精準鎖定目標客群,並適時地調整廣告策略。
+              <p>
+                讓我們帶您深入 AI 廣告的世界 <br>
+                只剩下幾個步驟
               </p>
             </div>
             <div class="pageForm__notice">

+ 11 - 0
layouts/ai-anchor/single.html

@@ -282,6 +282,17 @@
           <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>

+ 11 - 0
layouts/amp/single.html

@@ -94,6 +94,17 @@
               <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>

+ 11 - 0
layouts/bigdata/single.html

@@ -100,6 +100,17 @@
           <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>

+ 11 - 0
layouts/blog-traffic/single.html

@@ -100,6 +100,17 @@
           <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>

+ 183 - 0
layouts/collaboration/single.html

@@ -0,0 +1,183 @@
+<!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">
+    <style>
+       .footer {
+      color: #656565;
+    }
+
+    .footer a {
+      color: #656565;
+      text-decoration: none;
+    }
+
+    .footer h5 {
+      color: black;
+      font-weight: 600;
+      padding-bottom: 15px;
+    }
+
+    .footer .link {
+      padding-bottom: 20px;
+    }
+
+    .footer {
+      background-color: #F0F0F0;
+      padding: 3rem;
+    }
+
+    .footer .right-column {
+      border-left: 1px solid black;
+    }
+
+    .footer .footer-aigirl {
+      font-weight: 600;
+      font-size: 2rem;
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+    }
+
+    .footer .footer-follow {
+      font-size: 1.6rem;
+      margin-bottom: 1rem;
+      color: black;
+      font-size: 1rem;
+      font-weight: 600;
+      margin-top: 2rem;
+    }
+
+    .footer .footer-socials a {
+      margin-right: 5px;
+    }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/">
+                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
+            </a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
+            <ul class="navbar-nav">
+              <li class="nav-item">
+                <a class="nav-link active" aria-current="page" href="/">Home</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  服務
+                </a>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
+                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
+                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
+                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
+                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
+                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
+                </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>
+          </div>
+        </div>
+      </nav>
+      <main style="overflow-x: hidden;">
+          <section class="header pb-0" style="height: auto;">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 text-center ">
+                    <h2 class="header__title m-0">合作夥伴</h2>
+                </div>
+            </div>
+          </section>
+          <section class="category container text-center py-5">
+            <h2 class="category__sub_h2 pt-4"></h2>
+            <div class="container">
+              <div class="row">
+                <div class="col d-flex align-items-center mt-4">
+                  <!-- <img src="/imgs/dm/River_Cam_Consulting_Ltd.webp" alt="" class="aboutus_img"> -->
+                </div>
+              </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__linecir left" style="right: -110%; left: unset;" src="/imgs/裝飾圓.webp" alt="">
+                </div>
+            </div>
+          </section>
+          
+      </main>
+      <footer class="footer">
+        <div class="container">
+          <div class="row">
+            <div class="col-xs-12 col-sm-6">
+              <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+              <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+              <div class="footer-follow">關注我們</div>
+              <div class="footer-socials">
+                <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
+                    width="32px" height="32px"></a>
+                <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
+                    height="48px"></a>
+                <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
+                    width="32px" height="32px"></a>
+                <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
+                    src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
+                    width="48px" height="48px"></a>
+                <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
+                    height="32px"></a>
+              </div>
+            </div>
+            <div class="col-xs-12 col-sm-6">
+              <div class="footer-contacts" style="margin-top: 2rem;">
+                <h5>CONTACT</h5>
+                <div>
+                  集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    <script 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>
+

+ 11 - 0
layouts/contact/single.html

@@ -162,6 +162,17 @@
           <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>

+ 11 - 0
layouts/crawler/single.html

@@ -100,6 +100,17 @@
           <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>

+ 11 - 0
layouts/ip/single.html

@@ -94,6 +94,17 @@
               <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>

+ 11 - 0
layouts/research/single.html

@@ -100,6 +100,17 @@
           <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>

+ 11 - 0
layouts/seo/single.html

@@ -100,6 +100,17 @@
           <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>

+ 11 - 0
layouts/video-making/single.html

@@ -109,6 +109,17 @@
           <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>

BIN
static/imgs/dm/River_Cam_Consulting_Ltd.webp


BIN
static/imgs/dm/operation_01.png


BIN
static/imgs/dm/operation_02.png


BIN
static/imgs/dm/operation_03.png


BIN
static/imgs/dm/operation_04.png


BIN
static/imgs/dm/operation_05.png


BIN
static/imgs/dm/operation_06.png


BIN
static/imgs/dm/operation_07.png


BIN
static/imgs/dm/operation_08.png


+ 8 - 2
webSite/config.toml

@@ -103,17 +103,23 @@ page = ["HTML"]
     url  = "/tags/vtuber/"
     weight = 3
 
+[[menu.main]]
+    identifier="合作夥伴"
+    name = "合作夥伴"
+    url  = "/collaboration/info/"
+    weight = 4
+
 [[menu.main]]
     identifier="聯絡我們"
     name = "聯絡我們"
     url  = "/contact/service/"
-    weight = 4
+    weight = 5
 
 [[menu.main]]
     identifier="關於我們"
     name = "關於我們"
     url  = "/aboutus/info/"
-    weight = 5
+    weight = 6
 
 # Top bar social links menu
 

+ 30 - 0
webSite/content/collaboration/info.md

@@ -0,0 +1,30 @@
++++
+title = ""
+date = "2021-08-19T12:00:05+08:00"
+tags = []
+categories = []
+layout = ""
+banner = ""
+packageTitle = ""
+packageSub = ""
+packageBg = ""
+description = ""
+block1_title = ""
+block1_strong = ""
+block1_text = ""
+block1_img = ""
+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_img = ""
++++

+ 666 - 0
webSite/var/www/html/collaboration/index.html

@@ -0,0 +1,666 @@
+<!DOCTYPE html>
+<html lang="zh-tw">
+
+<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>Aboutuses</title>
+  <meta name="author" content="DevCows" />
+
+
+
+
+  <meta name="keywords" content="devows, hugo, go">
+
+
+  <meta name="description" content="Site template made by devcows using hugo">
+
+  <meta name="generator" content="Hugo 0.91.2" />
+
+
+  <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet'
+    type='text/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">
+
+
+  <link href="/css/animate.css" rel="stylesheet">
+
+
+
+  <link href="/css/style.default.css" rel="stylesheet" id="theme-stylesheet">
+
+
+
+  <link href="/css/custom.css" rel="stylesheet">
+  <link href="/css/customnft.css" rel="stylesheet">
+
+
+
+  <!--[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]-->
+
+
+
+
+  <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
+  <link rel="apple-touch-icon" href="/img/apple-touch-icon.png" />
+
+
+  <link href="/css/owl.carousel.css" rel="stylesheet">
+  <link href="/css/owl.theme.css" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+
+
+  <link rel="alternate" href="https://ai.choozmo.com/index.xml" type="application/rss+xml"
+    title="AI Spokesgirl | 台灣第一個AI合成主播 | 集仕多">
+
+
+
+  <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>
+
+  <script>
+    gtag('event', 'conversion', { 'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB' });
+  </script>
+</head>
+
+<body>
+
+  <div id="all">
+
+    <header class="navbar-affixed-top navbar-fixed-top" data-spy="affix" data-offset-top="62">
+      <div class="navbar navbar-default yamm" role="navigation" id="navbar">
+        <div class="container-fluid">
+          <div class="navbar-header">
+            <a class="navbar-brand home" href="/">
+              <img src="/img/Choozmo%20cloud%20logo.png" alt="Aboutuses logo" class="hidden-xs hidden-sm logo">
+              <img src="/img/Choozmo%20cloud%20logo.png" alt="Aboutuses logo" class="visible-xs visible-sm logo-sm">
+              <span class="sr-only">Aboutuses - go to homepage</span>
+            </a>
+            <div class="navbar-buttons">
+              <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse"
+                data-target="#navigation">
+                <span class="sr-only">Toggle Navigation</span>
+                <i class="fas fa-align-justify"></i>
+              </button>
+            </div>
+
+          </div>
+
+
+          <div class="navbar-collapse collapse" id="navigation">
+            <ul class="nav navbar-nav navbar-left">
+
+
+
+              <li class="dropdown">
+
+                <a href="#" class="dropdown-toggle main-link" data-toggle="dropdown" role="button" aria-haspopup="true"
+                  aria-expanded="false">服務 <span class="caret"></span></a>
+                <ul class="dropdown-menu">
+
+                  <li><a href="/ad-operation/dm/">廣告代操</a></li>
+
+                  <li><a href="/video-making/dm/">影片製作服務</a></li>
+
+                  <li><a href="/bigdata/dm/">大數據分析</a></li>
+
+                  <li><a href="/crawler/dm/">資訊爬蟲</a></li>
+
+                  <li><a href="/research/dm/">企業系統研發委外</a></li>
+
+                  <li><a href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
+
+                  <li><a href="/blog-traffic/dm/">創業家專案</a></li>
+
+                </ul>
+
+              </li>
+
+
+              <li class="dropdown">
+
+                <a href="#sec-features" class="main-link">特色</a>
+
+              </li>
+
+
+              <li class="dropdown">
+
+                <a href="/tags/vtuber/" class="main-link">文章</a>
+
+              </li>
+
+
+              <li class="dropdown">
+
+                <a href="/contact/service/" class="main-link">聯絡我們</a>
+
+              </li>
+
+
+              <li class="dropdown">
+
+                <a href="/aboutus/info/" class="main-link">關於我們</a>
+
+              </li>
+
+            </ul>
+            <ul class="nav navbar-nav navbar-right">
+              <li><a href="https://video.choozmo.com/login.html" class="signin-link">登入</a></li>
+              <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li>
+            </ul>
+          </div>
+
+
+          <div class="collapse clearfix" id="search">
+            <form class="navbar-form" role="search">
+              <div class="input-group">
+                <input type="text" class="form-control" placeholder="Search">
+                <span class="input-group-btn">
+                  <button type="submit" class="btn btn-template-main"><i class="fas fa-search"></i></button>
+                </span>
+              </div>
+            </form>
+          </div>
+
+        </div>
+      </div>
+    </header>
+
+
+
+
+    <div id="heading-breadcrumbs" style="margin-top: 64px;">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h1 class="breadcrumbs_title">Aboutuses</h1>
+          </div>
+        </div>
+      </div>
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="row">
+              <div class="col col-xs-3 col-md-3">
+                <a href="/tags/vtuber">VTUBER</a>
+              </div>
+              <div class="col  col-xs-3 col-md-3">
+                <a href="/tags/nft">NFT</a>
+              </div>
+              <div class="col col-xs-3 col-md-3">
+                <a href="/tags/carbon">CARBON</a>
+              </div>
+              <div class="col col-xs-3 col-md-3">
+                <a href="/tags/defi">GAMEFI</a>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+
+    <div id="content">
+      <div class="container">
+        <div class="row">
+
+          <div class="col-md-9" id="blog-listing-medium">
+
+
+
+
+            <ul class="pager">
+
+              <li class="previous disabled"><a href="#">&larr; Newer</a></li>
+
+
+
+              <li class="next disabled"><a href="#">Older &rarr;</a></li>
+
+            </ul>
+          </div>
+
+
+
+
+
+
+          <div class="col-md-3">
+
+
+
+
+
+            <div class="panel panel-default sidebar-menu">
+
+              <div class="panel-heading">
+                <h3 class="panel-title">Search</h3>
+              </div>
+
+              <div class="panel-body">
+                <form action="//google.com/search" method="get" accept-charset="UTF-8" role="search">
+                  <div class="input-group">
+                    <input type="search" name="q" class="form-control" placeholder="Search">
+                    <input type="hidden" name="sitesearch" value="https://ai.choozmo.com/">
+                    <span class="input-group-btn">
+                      <button type="submit" class="btn btn-template-main"><i class="fas fa-search"></i></button>
+                    </span>
+                  </div>
+                </form>
+              </div>
+            </div>
+
+
+
+
+
+
+
+            <div class="panel panel-default sidebar-menu">
+
+              <div class="panel-heading">
+                <h3 class="panel-title">Categories</h3>
+              </div>
+
+              <div class="panel-body">
+                <ul class="nav nav-pills nav-stacked">
+
+
+                  <li>
+                    <a href="/categories/5g">5g (11)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/aboutus">aboutus (2)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/ad-operation">ad-operation (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/ai">ai (28)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/amp">amp (2)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/blog-traffic">blog-traffic (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/carbon">carbon (5)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/contact">contact (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/defi">defi (17)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/dm">dm (12)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/home-ad">home-ad (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/influencers">influencers (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/marketing">marketing (35)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/metaverse">metaverse (16)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/news">news (16)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/nft">nft (15)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/podcast">podcast (8)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/research">research (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/seo">seo (28)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/trends">trends (249)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/video">video (14)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/video-making">video-making (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/video-marketing">video-marketing (4)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/videos">videos (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/youtube">youtube (1)</a>
+                  </li>
+
+                  <li>
+                    <a href="/categories/youtube-marketing">youtube-marketing (1)</a>
+                  </li>
+
+                </ul>
+              </div>
+
+            </div>
+
+
+
+
+
+
+
+
+            <div class="panel sidebar-menu">
+
+              <div class="panel-heading">
+                <h3 class="panel-title">Tags</h3>
+              </div>
+
+              <div class="panel-body">
+                <ul class="tag-cloud">
+
+
+                  <li>
+                    <a href="/tags/5g"><i class="fas fa-tags"></i> 5g</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/aboutus"><i class="fas fa-tags"></i> aboutus</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/ad-operation"><i class="fas fa-tags"></i> ad-operation</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/ai"><i class="fas fa-tags"></i> ai</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/amp"><i class="fas fa-tags"></i> amp</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/blog-traffic"><i class="fas fa-tags"></i> blog-traffic</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/carbon"><i class="fas fa-tags"></i> carbon</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/contact"><i class="fas fa-tags"></i> contact</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/daily-trend-watch"><i class="fas fa-tags"></i>
+                      daily-trend-watch</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/defi"><i class="fas fa-tags"></i> defi</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/dm"><i class="fas fa-tags"></i> dm</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/home-ad"><i class="fas fa-tags"></i> home-ad</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/influencers"><i class="fas fa-tags"></i> influencers</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/marketing"><i class="fas fa-tags"></i> marketing</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/metaverse"><i class="fas fa-tags"></i> metaverse</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/news"><i class="fas fa-tags"></i> news</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/nft"><i class="fas fa-tags"></i> nft</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/pdf"><i class="fas fa-tags"></i> pdf</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/podcast"><i class="fas fa-tags"></i> podcast</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/research"><i class="fas fa-tags"></i> research</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/seo"><i class="fas fa-tags"></i> seo</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/slides-to-video"><i class="fas fa-tags"></i> slides-to-video</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/startup"><i class="fas fa-tags"></i> startup</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/static-website"><i class="fas fa-tags"></i> static-website</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/statistics"><i class="fas fa-tags"></i> statistics</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/text-to-slide"><i class="fas fa-tags"></i> text-to-slide</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/text-to-speech"><i class="fas fa-tags"></i> text-to-speech</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/text-to-video"><i class="fas fa-tags"></i> text-to-video</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/vaas"><i class="fas fa-tags"></i> vaas</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/video"><i class="fas fa-tags"></i> video</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/video-making"><i class="fas fa-tags"></i> video-making</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/video-marketing"><i class="fas fa-tags"></i> video-marketing</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/videos"><i class="fas fa-tags"></i> videos</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/vtuber"><i class="fas fa-tags"></i> vtuber</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/vtuber-list"><i class="fas fa-tags"></i> vtuber-list</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/youtube"><i class="fas fa-tags"></i> youtube</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/youtube-marketing"><i class="fas fa-tags"></i>
+                      youtube-marketing</a>
+                  </li>
+
+                  <li>
+                    <a href="/tags/%e5%be%ae%e5%ba%97%e4%b8%bb%e6%92%ad"><i class="fas fa-tags"></i>
+                      微店主播</a>
+                  </li>
+
+                </ul>
+              </div>
+
+            </div>
+
+
+
+
+
+
+
+
+          </div>
+
+
+
+
+        </div>
+
+      </div>
+
+    </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">
+              <h5>CONTACT</h5>
+              <div>
+                集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+  </div>
+
+
+
+  <script type="application/javascript">
+    var doNotTrack = false;
+    if (!doNotTrack) {
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+          (i[r].q = i[r].q || []).push(arguments)
+        }, i[r].l = 1 * new Date(); a = s.createElement(o),
+          m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+      ga('create', 'UA-153100602-5', 'auto');
+
+      ga('send', 'pageview');
+    }
+  </script>
+  <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
+    crossorigin="anonymous"></script>
+  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
+    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
+    crossorigin="anonymous"></script>
+
+
+  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
+
+  <script src="/js/front.js"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+  <script src="/js/vtubers.js"></script>
+
+
+  <script src="/js/owl.carousel.min.js"></script>
+
+
+</body>
+
+</html>

+ 20 - 0
webSite/var/www/html/collaboration/index.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Aboutuses on AI Spokesgirl | 台灣第一個AI合成主播 | 集仕多</title>
+    <link>https://ai.choozmo.com/aboutus/</link>
+    <description>Recent content in Aboutuses on AI Spokesgirl | 台灣第一個AI合成主播 | 集仕多</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh-tw</language>
+    <lastBuildDate>Mon, 29 Nov 2021 12:00:05 +0800</lastBuildDate><atom:link href="https://ai.choozmo.com/collaboration/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>About us</title>
+      <link>https://ai.choozmo.com/collaboration/river-cam/</link>
+      <pubDate>Mon, 29 Nov 2021 12:00:05 +0800</pubDate>
+      
+      <guid>https://ai.choozmo.com/collaboration/river-cam/</guid>
+      <description></description>
+    </item>
+    
+  </channel>
+</rss>

+ 183 - 0
webSite/var/www/html/collaboration/info/index.html

@@ -0,0 +1,183 @@
+<!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">
+    <style>
+       .footer {
+      color: #656565;
+    }
+
+    .footer a {
+      color: #656565;
+      text-decoration: none;
+    }
+
+    .footer h5 {
+      color: black;
+      font-weight: 600;
+      padding-bottom: 15px;
+    }
+
+    .footer .link {
+      padding-bottom: 20px;
+    }
+
+    .footer {
+      background-color: #F0F0F0;
+      padding: 3rem;
+    }
+
+    .footer .right-column {
+      border-left: 1px solid black;
+    }
+
+    .footer .footer-aigirl {
+      font-weight: 600;
+      font-size: 2rem;
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+    }
+
+    .footer .footer-follow {
+      font-size: 1.6rem;
+      margin-bottom: 1rem;
+      color: black;
+      font-size: 1rem;
+      font-weight: 600;
+      margin-top: 2rem;
+    }
+
+    .footer .footer-socials a {
+      margin-right: 5px;
+    }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/">
+                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
+            </a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
+            <ul class="navbar-nav">
+              <li class="nav-item">
+                <a class="nav-link active" aria-current="page" href="/">Home</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  服務
+                </a>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
+                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
+                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
+                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
+                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
+                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
+                </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>
+          </div>
+        </div>
+      </nav>
+      <main style="overflow-x: hidden;">
+          <section class="header pb-0" style="height: auto;">
+            <img src="/imgs/01.webp" alt="" class="header__lefttop">
+            <div class="row align-items-center g-0">
+                <div class="col-12 text-center ">
+                    <h2 class="header__title m-0">合作夥伴</h2>
+                </div>
+            </div>
+          </section>
+          <section class="category container text-center py-5">
+            <h2 class="category__sub_h2 pt-4"></h2>
+            <div class="container">
+              <div class="row">
+                <div class="col d-flex align-items-center mt-4">
+                  <!-- <img src="/imgs/dm/River_Cam_Consulting_Ltd.webp" alt="" class="aboutus_img"> -->
+                </div>
+              </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__linecir left" style="right: -110%; left: unset;" src="/imgs/裝飾圓.webp" alt="">
+                </div>
+            </div>
+          </section>
+          
+      </main>
+      <footer class="footer">
+        <div class="container">
+          <div class="row">
+            <div class="col-xs-12 col-sm-6">
+              <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+              <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+              <div class="footer-follow">關注我們</div>
+              <div class="footer-socials">
+                <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
+                    width="32px" height="32px"></a>
+                <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
+                    height="48px"></a>
+                <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
+                    width="32px" height="32px"></a>
+                <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
+                    src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
+                    width="48px" height="48px"></a>
+                <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
+                    height="32px"></a>
+              </div>
+            </div>
+            <div class="col-xs-12 col-sm-6">
+              <div class="footer-contacts" style="margin-top: 2rem;">
+                <h5>CONTACT</h5>
+                <div>
+                  集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    <script 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>
+

+ 1 - 0
webSite/var/www/html/collaboration/page/1/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>https://ai.choozmo.com/collaboration/</title><link rel="canonical" href="https://ai.choozmo.com/collaboration/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://ai.choozmo.com/collaboration/" /></head></html>