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

update

SyuanYu 2 years ago
parent
23dd868294
commit
b5008fa9ad
44 changed files with 547 additions and 467 deletions
Unified View Show Diff Stats
  1. 91 128
      layouts/aboutus/single.html
  2. 126 0
      layouts/ai-presenter/single.html
  3. 45 170
      layouts/collaboration/single.html
  4. 2 55
      layouts/contact/single.html
  5. 1 0
      layouts/index.html
  6. 106 0
      layouts/partials/components/ai-video.html
  7. 0 109
      layouts/partials/components/serve.html
  8. 5 2
      layouts/partials/navbar.html
  9. 87 1
      static/css/style.css
  10. 0 0
      static/css/style.css.map
  11. 84 2
      static/css/style.scss
  12. BIN
      static/imgs/ai-presenter/AI主播-10.png
  13. BIN
      static/imgs/ai-presenter/AI主播-11.png
  14. BIN
      static/imgs/ai-presenter/AI主播-14.png
  15. BIN
      static/imgs/ai-presenter/AI主播-15.png
  16. BIN
      static/imgs/ai-presenter/AI主播-16.png
  17. BIN
      static/imgs/ai-presenter/AI主播-28.png
  18. BIN
      static/imgs/ai-presenter/AI主播-31.png
  19. BIN
      static/imgs/ai-presenter/AI主播-32.png
  20. BIN
      static/imgs/ai-presenter/AI主播-35.png
  21. BIN
      static/imgs/ai-presenter/banner.png
  22. BIN
      static/imgs/ai-presenter/demo-01.png
  23. BIN
      static/imgs/ai-presenter/presenter-01.png
  24. BIN
      static/imgs/ai-presenter/presenter-02.png
  25. BIN
      static/imgs/ai-presenter/presenter-03.png
  26. BIN
      static/imgs/ai-presenter/presenter-04.png
  27. BIN
      static/imgs/ai-presenter/step-01.png
  28. BIN
      static/imgs/ai-presenter/step-02.png
  29. BIN
      static/imgs/ai-presenter/step-03.png
  30. BIN
      static/imgs/ai-presenter/step-04.png
  31. BIN
      static/imgs/ai-presenter/step-05.png
  32. BIN
      static/imgs/ai-presenter/step-06.png
  33. BIN
      static/imgs/ai-presenter/usecace-01.png
  34. BIN
      static/imgs/ai-presenter/usecace-02.png
  35. BIN
      static/imgs/ai-presenter/usecace-03.png
  36. BIN
      static/imgs/ai-presenter/usecace-04.png
  37. BIN
      static/imgs/ai-presenter/全身.png
  38. BIN
      static/imgs/ai-presenter/全身2.png
  39. BIN
      static/imgs/ai-presenter/裝飾-01.png
  40. BIN
      static/imgs/ai-presenter/裝飾-02.png
  41. BIN
      static/imgs/ai-presenter/裝飾-03.png
  42. BIN
      static/imgs/ai-presenter/裝飾-04.png
  43. BIN
      static/imgs/ai-presenter/裝飾-05.png
  44. 0 0
      webSite/content/ai-presenter/info.md

+ 91 - 128
layouts/aboutus/single.html
View File 

@@ -1,150 +1,113 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
+
 
 <head>
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
-    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
 </head>
 
 </head>
 
+
 
 <body>
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 
-        <div class="container-fluid">
 
-            <a class="navbar-brand" href="/">
 
-                <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48" class="d-inline-block align-text-top">
 
-            </a>
 
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
-            <span class="navbar-toggler-icon"></span>
 
-          </button>
 
-          <div class="collapse navbar-collapse ms-auto" id="navbarNav">
 
-            <ul class="navbar-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" aria-current="page" href="/">Home</a>
 
-              </li>
 
-              <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  服務
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/ad-operation/dm/">廣告代操</a></li>
 
-                  <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
 
-                  <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
 
-                  <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
 
-                  <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
 
-                  <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
 
-                </ul>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/collaboration/info/">合作夥伴</a>
 
-              </li>
 
-              <!-- <li class="nav-item dropdown">
 
-                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                  合作夥伴
 
-                </a>
 
-                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                  <li><a class="dropdown-item" href="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
 
-                </ul>
 
-              </li> -->
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/contact/service/">聯絡我們</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" href="/aboutus/info/">關於我們</a>
 
-              </li>
 
-            </ul>
 
+  {{ partial "navbar.html" . }}
 
+  
+  <main class="container" style="overflow-x: hidden;">
 
+    <section class="header" 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">關於我們</h2>
 
+          <p class="text-center px-2 px-md-5" style="line-height: 32px;">
 
+            成員來自工研院巨量資料中心、台積電、中華電信研究院、台大、清大、交大；並曾獲選科技部「預見。新創計畫」代表團隊，赴矽谷加速器培訓；成員多為資訊工程／資訊管理相關背景。團隊成員曾獲得工研院傑出研究獎、資訊月百大產品獎、艾奇獎等等。優異技術獲得創投青睞。
 
+          <p>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <section class="category container text-center py-5">
 
+      <h2 class="category-sub-h2 pt-4 pb-3">我們的合作夥伴</h2>
 
+      <h5 style="font-weight: 300;">目前在資料分析與企業軟體領域
 
+        ，已累積中大型企業客戶
 
+      </h5>
 
+      <div class="container">
 
+        <div class="row row-cols-2 row-cols-md-4">
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo2.png" alt=""
 
+              class="aboutus_img"></div>
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo1.png" alt=""
 
+              class="aboutus_img"></div>
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo6.png" alt=""
 
+              class="aboutus_img"></div>
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo4.png" alt=""
 
+              class="aboutus_img"></div>
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo5.png" alt=""
 
+              class="aboutus_img"></div>
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo3.png" alt=""
 
+              class="aboutus_img"></div>
 
+          <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo7.png" alt=""
 
+              class="aboutus_img" style="width: 70%;"></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-img aboutus_prize_img" src="/imgs/aboutus/aboutus_prize.png" alt="" style="width: 60%;">
 
+          <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+        <div class="col my-auto pt-3 pt-md-0">
 
+          <h4>榮獲奇點獎殊榮</h4>
 
+          <strong>最佳科技創新獎</strong>
 
+          <p class="mt-2">我們運用科技的創新運用，有效提升產品效能和使用者體驗。</p>
 
+        </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>
 
           </div>
 
+          <hr class="d-block d-md-none">
 
         </div>
 
         </div>
 
-      </nav>
 
-      <main style="overflow-x: hidden;">
 
-          <section class="header" 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">關於我們</h2>
 
-                    <p class="text-center px-2 px-md-5">成員來自工研院巨量資料中心、台積電、中華電信研究院、台大、清大、交大；並曾獲選科技部「預見。新創計畫」代表團隊， 赴矽谷加速器培訓；成員多為資訊工程/資訊管理相關背景。
 
-                      團隊成員曾獲得工研院傑出研究獎、資訊月百大產品獎、艾奇獎等等。優異技術獲得創投青睞。
 
-                      <p>
 
-                </div>
 
-            </div>
 
-          </section>
 
-          <section class="category container text-center py-5">
 
-            <h2 class="category-sub-h2">我們的合作夥伴</h2>
 
-            <h5 style="font-weight: 300;">目前在資料分析與企業軟體領域
 
-              ，已累積中大型企業客戶
 
-              </h5>
 
-            <div class="container">
 
-              <div class="row row-cols-2 row-cols-md-4">
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo2.png" alt="" class="aboutus_img"></div>
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo1.png" alt="" class="aboutus_img"></div>
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo6.png" alt="" class="aboutus_img"></div>
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo4.png" alt="" class="aboutus_img"></div>
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo5.png" alt="" class="aboutus_img"></div>
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo3.png" alt="" class="aboutus_img"></div>
 
-                <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo7.png" alt="" class="aboutus_img" style="width: 70%;"></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-img aboutus_prize_img" src="/imgs/aboutus/aboutus_prize.png" alt="" style="width: 60%;">
 
-                    <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
 
-                </div>
 
-                <div class="col my-auto pt-3 pt-md-0">
 
-                      <h4>榮獲奇點獎殊榮</h4>
 
-                      <strong>最佳科技創新獎</strong>
 
-                      <p>我們運用科技的創新運用，有效提升產品效能和使用者體驗。</p>
 
-                </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 class="col-md-4 col-6">
 
                 <div>
 
                 <div>
 
                     <p class="footer__btn__text">想洽詢我們的專案製作嗎？</p>
 
                     <p class="footer__btn__text">想洽詢我們的專案製作嗎？</p>
 
                     <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
 
                     <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
 
                 </div>
 
                 </div>
 
             </div> -->
 
             </div> -->
 
-            <div class="col-6">
 
-              <h4>Contact</h4>
 
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
 
+        <div class="col-6">
 
+          <h4>Contact</h4>
 
+          <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
 
             <br>新竹縣竹北市復興二路229號9樓之9
 
             <br>新竹縣竹北市復興二路229號9樓之9
 
             <br>聯絡電話：036670804
 
             <br>聯絡電話：036670804
 
             <br>聯絡信箱：service@choozmo.com
 
             <br>聯絡信箱：service@choozmo.com
 
           </p>
 
           </p>
 
-                <hr class="hidden-md hidden-lg hidden-sm">
 
-            </div>
 
-            </div>
 
+          <hr class="hidden-md hidden-lg hidden-sm">
 
         </div>
 
         </div>
 
-    </footer>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </div>
 
+  </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>
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
     crossorigin="anonymous"></script>
 
 </body>
 
 </body>
 
-</html>
 
 
 
+</html>

+ 126 - 0
layouts/ai-presenter/single.html
View File 

@@ -0,0 +1,126 @@
 
+<!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">
 
+    <link rel="stylesheet" href="/css/custom.css">
 
+</head>
 
+
 
+<body>
 
+    {{ partial "navbar.html" . }}
 
+
 
+    <div class="container ai-presenter">
 
+        <div id="home">
 
+            <div class="row justify-content-center align-items-center ai-content">
 
+                <div class="col-12 col-md-6 d-flex justify-content-center">
 
+                    <section>
 
+                        <h2 class="title">製作影片 一鍵合成</h2>
 
+                        <p>
 
+                            上傳文字與素材，即速產生影片<br>
 
+                            大幅省下時間、人力、器材成本<br>
 
+                            腳本內容直接上鏈，紀錄透明<br>
 
+                            可以使用集仕多的影片版型<br>
 
+                            也可以自己客製化
 
+                        </p>
 
+                    </section>
 
+                </div>
 
+                <div class="col-12 col-md-6 my-5 my-md-0">
 
+                    <div class="position-relative">
 
+                        <img src="/img/背景紫.png" alt="" class="hero-purple">
 
+                        <img src="/img/背景橘.png" alt="" class="hero-orange-s">
 
+                        <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
 
+                        <img src="/img/video.png" alt="" class="hero-video">
 
+                        <img src="/img/放大鏡.png" alt="" class="hero-amplify">
 
+                        <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
 
+                    </div>
 
+                </div>
 
+                <div class="col-12">
 
+                    <section class="position-relative img-item">
 
+                        <img src="/imgs/home/首頁-06.png" alt="">
 
+                        <p>2022 年集仕多的研發團隊 <br>
 
+                            在 AI 虛擬人像上有了技術突破 <br>
 
+                            第三代 AI 虛擬人像 <br>
 
+                            不僅是視覺、聽覺也更加擬真 <br>
 
+                            像真正的新聞播報員等級 <br>
 
+                            現在不只能用集仕多的模板 <br>
 
+                            可以諮詢我們客製化主播以及字幕邊框</p>
 
+                    </section>
 
+                </div>
 
+            </div>
 
+        </div>
 
+
 
+        <section class="title-item">
 
+            <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
 
+            <h4>應用方式</h4>
 
+        </section>
 
+
 
+        <section class="title-item">
 
+            <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
 
+            <h4>使用情境</h4>
 
+        </section>
 
+
 
+        <div class="row usecace-list">
 
+            <div class="col-6 col-md-3">
 
+                <img src="/imgs/ai-presenter/usecace-01.png" alt="">
 
+                <h5>產品介紹</h5>
 
+            </div>
 
+            <div class="col-6 col-md-3">
 
+                <img src="/imgs/ai-presenter/usecace-02.png" alt="">
 
+                <h5>教育培訓</h5>
 
+            </div>
 
+            <div class="col-6 col-md-3">
 
+                <img src="/imgs/ai-presenter/usecace-03.png" alt="">
 
+                <h5>資訊傳播</h5>
 
+            </div>
 
+            <div class="col-6 col-md-3">
 
+                <img src="/imgs/ai-presenter/usecace-04.png" alt="">
 
+                <h5>個人內容創作</h5>
 
+            </div>
 
+        </div>
 
+
 
+        <div class="row">
 
+            <div class="col-6">
 
+                <div class="video-left">
 
+                    <strong>快速模板範例</strong>
 
+                    <div class="video-box">
 
+                        <iframe width="560" height="315" src="https://www.youtube.com/embed/js2y4fQciLw"
 
+                            title="YouTube video player" frameborder="0"
 
+                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 
+                            allowfullscreen></iframe>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="col-6">
 
+                <div class="video-right">
 
+                    <strong>客製化影片範例</strong>
 
+                    <div class="video-box">
 
+                        <iframe width="560" height="315" src="https://www.youtube.com/embed/rTML9TAsUS8"
 
+                            title="YouTube video player" frameborder="0"
 
+                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 
+                            allowfullscreen></iframe>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+
 
+    {{ partial "footer.html" . }}
 
+
 
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
+        crossorigin="anonymous"></script>
 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
+        crossorigin="anonymous"></script>
 
+</body>
 
+
 
+</html>

+ 45 - 170
layouts/collaboration/single.html
View File 

@@ -1,183 +1,58 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
+
 
 <head>
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
-    <meta http-equiv="Cache-Control" content="no-cache">
 
-    <title>Choozmo Marketing Cloud</title>
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
     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>
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
 </head>
 
 </head>
 
+
 
 <body>
 
 <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>
 
+  {{ partial "navbar.html" . }}
 
+
 
+  <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>
 
-      </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>
 
+    </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>
 
         </div>
 
-      </footer>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
-    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
+      </div>
 
+    </section>
 
+    <section class="category container text-center img-block">
 
+      <div class="row row-cols-1 row-cols-md-2">
 
+        <div class="col position-relative">
 
+          <img class="img-block-linecir left" style="right: -110%; left: unset;" src="/imgs/裝飾圓.webp" alt="">
 
+        </div>
 
+      </div>
 
+    </section>
 
+
 
+  </main>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
     crossorigin="anonymous"></script>
 
     crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" 
-    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
     crossorigin="anonymous"></script>
 
     crossorigin="anonymous"></script>
 
 </body>
 
 </body>
 
-</html>
 
 
 
+</html>

+ 2 - 55
layouts/contact/single.html
View File 

@@ -128,61 +128,8 @@
 
 </head>
 
 </head>
 
 
 
 <body>
 
 <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>
 
-              <li><a class="dropdown-item" href="/ai-anchor/dm/">新聞 AI 主播媒體聯播網</a></li>
 
-              <li><a class="dropdown-item" href="/blog-traffic/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>
 
+  {{ partial "navbar.html" . }}
 
+  
   <!-- <div id="heading-breadcrumbs" style="margin-top: 77px;">
 
   <!-- <div id="heading-breadcrumbs" style="margin-top: 77px;">
 
     <div class="container">
 
     <div class="container">
 
       <div class="row">
 
       <div class="row">

+ 1 - 0
layouts/index.html
View File 

@@ -16,6 +16,7 @@
 
       {{ partial "components/carousel.html" . }}
 
       {{ partial "components/carousel.html" . }}
 
       {{ partial "components/main.html" . }}
 
       {{ partial "components/main.html" . }}
 
       {{ partial "components/serve.html" . }}
 
       {{ partial "components/serve.html" . }}
 
+      {{ partial "components/ai-video.html" . }}
 
       {{ partial "components/progress.html" . }}
 
       {{ partial "components/progress.html" . }}
 
       {{ partial "LP_components/blogs_tab.html" . }}
 
       {{ partial "LP_components/blogs_tab.html" . }}
 
       {{ partial "LP_components/action.html" . }}
 
       {{ partial "LP_components/action.html" . }}

+ 106 - 0
layouts/partials/components/ai-video.html
View File 

@@ -0,0 +1,106 @@
 
+<div class="container-fluid position-relative px-0 ai-content" id="ai-video">
 
+  <div class="tag-item">
 
+    <img src="imgs/home/裝飾-01.png" alt="">
 
+    <h5 class="fw-bold" style="right: 40px;">AI 主播</h5>
 
+  </div>
 
+  <div class="container">
 
+    <h4>
 
+      AI 虛擬人像
 
+    </h4>
 
+
 
+    <div class="row my-5 py-0 py-md-5 justify-content-center align-items-center">
 
+      <div class="col-12 col-md-6 d-flex justify-content-center">
 
+        <section>
 
+          <h2 class="title">製作影片 一鍵合成</h2>
 
+          <p>
 
+            上傳文字與素材，即速產生影片<br>
 
+            大幅省下時間、人力、器材成本<br>
 
+            腳本內容直接上鏈，紀錄透明<br>
 
+            可以使用集仕多的影片版型<br>
 
+            也可以自己客製化
 
+          </p>
 
+        </section>
 
+      </div>
 
+      <div class="col-12 col-md-6 my-5 my-md-0">
 
+        <div class="position-relative">
 
+          <img src="/img/背景紫.png" alt="" class="hero-purple">
 
+          <img src="/img/背景橘.png" alt="" class="hero-orange-s">
 
+          <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
 
+          <img src="/img/video.png" alt="" class="hero-video">
 
+          <img src="/img/放大鏡.png" alt="" class="hero-amplify">
 
+          <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
 
+        </div>
 
+      </div>
 
+      <div class="col-12">
 
+        <section class="position-relative img-item">
 
+          <img src="imgs/home/首頁-06.png" alt="">
 
+          <p>2022 年集仕多的研發團隊 <br>
 
+            在 AI 虛擬人像上有了技術突破 <br>
 
+            第三代 AI 虛擬人像 <br>
 
+            不僅是視覺、聽覺也更加擬真 <br>
 
+            像真正的新聞播報員等級 <br>
 
+            現在不只能用集仕多的模板 <br>
 
+            可以諮詢我們客製化主播以及字幕邊框</p>
 
+        </section>
 
+      </div>
 
+    </div>
 
+
 
+    <section class="sec-video">
 
+      <div class="container">
 
+        <h2 class="video-title">三代主播－客製化範例影片</h2>
 
+        <h2 class="video-mb-title">
 
+          三代主播
 
+          <br>
 
+          客製化範例影片
 
+        </h2>
 
+        <span class="line"></span>
 
+        <p class="video-text">
 
+          2022 年與藝點新聞合作之活動宣傳影片 <br>
 
+          歐美主播 ｘ 客製化字幕 ｘ 高解析度人像
 
+        </p>
 
+        <div class="video-box">
 
+          <iframe src="https://www.youtube.com/embed/rTML9TAsUS8" title="YouTube video player" frameborder="0"
 
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 
+            allowfullscreen></iframe>
 
+        </div>
 
+      </div>
 
+    </section>
 
+    <!-- <div class="d-flex justify-content-center mt-5">
 
+        <a href="" class="more-btn">
 
+          點我了解更多
 
+        </a>
 
+      </div> -->
 
+  </div>
 
+
 
+  <section class="sec-usecase">
 
+    <div class="container">
 
+      <h2 class="usecase-title">使用情境</h2>
 
+      <div class="row">
 
+        <div class="col-xs-12 col-sm-6 col-md-3">
 
+          <div class="usecase-block">
 
+            <div class="usecase-imgfr"><img src="/img/產品介紹.png" alt=""></div>
 
+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 產品介紹</h3>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6 col-md-3">
 
+          <div class="usecase-block">
 
+            <div class="usecase-imgfr"><img src="/img/教育.png" alt=""></div>
 
+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 教育培訓</h3>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6 col-md-3">
 
+          <div class="usecase-block">
 
+            <div class="usecase-imgfr"><img src="/img/A短影片_1.png" alt=""></div>
 
+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</h3>
 
+          </div>
 
+        </div>
 
+        <div class="col-xs-12 col-sm-6 col-md-3">
 
+          <div class="usecase-block">
 
+            <div class="usecase-imgfr"><img src="/img/內容創作.png" alt=""></div>
 
+            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 個人內容創作</h3>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </section>
 
+</div>

+ 0 - 109
layouts/partials/components/serve.html
View File 

@@ -126,113 +126,4 @@
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   <img src="imgs/home/首頁-05.png" alt="" class="bg-img">
 
   <img src="imgs/home/首頁-05.png" alt="" class="bg-img">
 
-</div>
 
-
 
-<!-- AI 主播 -->
 
-<div class="container-fluid position-relative px-0 ai-content" id="ai-video">
 
-  <div class="tag-item">
 
-    <img src="imgs/home/裝飾-01.png" alt="">
 
-    <h5 class="fw-bold" style="right: 40px;">AI 主播</h5>
 
-  </div>
 
-  <div class="container">
 
-    <h4>
 
-      AI 虛擬人像
 
-    </h4>
 
-
 
-    <div class="row my-5 py-0 py-md-5 justify-content-center align-items-center">
 
-      <div class="col-12 col-md-6 d-flex justify-content-center">
 
-        <section>
 
-          <h2 class="title">製作影片 一鍵合成</h2>
 
-          <p>
 
-            上傳文字與素材，即速產生影片<br>
 
-            大幅省下時間、人力、器材成本<br>
 
-            腳本內容直接上鏈，紀錄透明<br>
 
-            可以使用集仕多的影片版型<br>
 
-            也可以自己客製化
 
-          </p>
 
-        </section>
 
-      </div>
 
-      <div class="col-12 col-md-6 my-5 my-md-0">
 
-        <div class="position-relative">
 
-          <img src="/img/背景紫.png" alt="" class="hero-purple">
 
-          <img src="/img/背景橘.png" alt="" class="hero-orange-s">
 
-          <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
 
-          <img src="/img/video.png" alt="" class="hero-video">
 
-          <img src="/img/放大鏡.png" alt="" class="hero-amplify">
 
-          <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
 
-        </div>
 
-      </div>
 
-      <div class="col-12">
 
-        <section class="position-relative img-item">
 
-          <img src="imgs/home/首頁-06.png" alt="">
 
-          <p>2022 年集仕多的研發團隊 <br>
 
-            在 AI 虛擬人像上有了技術突破 <br>
 
-            第三代 AI 虛擬人像 <br>
 
-            不僅是視覺、聽覺也更加擬真 <br>
 
-            像真正的新聞播報員等級 <br>
 
-            現在不只能用集仕多的模板 <br>
 
-            可以諮詢我們客製化主播以及字幕邊框</p>
 
-        </section>
 
-      </div>
 
-    </div>
 
-
 
-    <section class="sec-video">
 
-      <div class="container">
 
-        <h2 class="video-title">三代主播－客製化範例影片</h2>
 
-        <h2 class="video-mb-title">
 
-          三代主播
 
-          <br>
 
-          客製化範例影片
 
-        </h2>
 
-        <span class="line"></span>
 
-        <p class="video-text">
 
-          2022 年與藝點新聞合作之活動宣傳影片 <br>
 
-          歐美主播 ｘ 客製化字幕 ｘ 高解析度人像
 
-        </p>
 
-        <div class="video-box">
 
-          <iframe src="https://www.youtube.com/embed/rTML9TAsUS8" title="YouTube video player" frameborder="0"
 
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 
-            allowfullscreen></iframe>
 
-        </div>
 
-      </div>
 
-    </section>
 
-    <!-- <div class="d-flex justify-content-center mt-5">
 
-      <a href="" class="more-btn">
 
-        點我了解更多
 
-      </a>
 
-    </div> -->
 
-  </div>
 
-
 
-  <section class="sec-usecase">
 
-    <div class="container">
 
-      <h2 class="usecase-title">使用情境</h2>
 
-      <div class="row">
 
-        <div class="col-xs-12 col-sm-6 col-md-3">
 
-          <div class="usecase-block">
 
-            <div class="usecase-imgfr"><img src="/img/產品介紹.png" alt=""></div>
 
-            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 產品介紹</h3>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6 col-md-3">
 
-          <div class="usecase-block">
 
-            <div class="usecase-imgfr"><img src="/img/教育.png" alt=""></div>
 
-            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 教育培訓</h3>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6 col-md-3">
 
-          <div class="usecase-block">
 
-            <div class="usecase-imgfr"><img src="/img/A短影片_1.png" alt=""></div>
 
-            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</h3>
 
-          </div>
 
-        </div>
 
-        <div class="col-xs-12 col-sm-6 col-md-3">
 
-          <div class="usecase-block">
 
-            <div class="usecase-imgfr"><img src="/img/內容創作.png" alt=""></div>
 
-            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 個人內容創作</h3>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-  </section>
 
-
 
 </div>
 
 </div>

+ 5 - 2
layouts/partials/navbar.html
View File 

@@ -13,6 +13,9 @@
 
         <li class="nav-item">
 
         <li class="nav-item">
 
           <a class="nav-link active" aria-current="page" href="/">Home</a>
 
           <a class="nav-link active" aria-current="page" href="/">Home</a>
 
         </li>
 
         </li>
 
+        <li class="nav-item">
 
+          <a class="nav-link" href="/ai-presenter/info/">AI 主播</a>
 
+        </li>
 
         <li class="nav-item dropdown">
 
         <li class="nav-item dropdown">
 
           <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
           <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
 
             aria-expanded="false">
 
             aria-expanded="false">
 
@@ -35,9 +38,9 @@
 
         <li class="nav-item">
 
         <li class="nav-item">
 
           <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
           <a class="nav-link" href="/tags/vtuber/">部落格</a>
 
         </li>
 
         </li>
 
-        <li class="nav-item">
 
+        <!-- <li class="nav-item">
 
           <a class="nav-link" href="/collaboration/info/">合作夥伴</a>
 
           <a class="nav-link" href="/collaboration/info/">合作夥伴</a>
 
-        </li>
 
+        </li> -->
 
         <!-- <li class="nav-item dropdown">
 
         <!-- <li class="nav-item dropdown">
 
             <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
             <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
               合作夥伴
 
               合作夥伴

+ 87 - 1
static/css/style.css
View File 

@@ -3203,4 +3203,90 @@
 
   }
 
   }
 
 }
 
 }
 
 
 
-/* 共用 className End *//*# sourceMappingURL=style.css.map */
 
+/* 共用 className End */
 
+/* ai-presenter Start */
 
+.ai-presenter {
 
+  margin: 100px auto;
 
+  overflow: hidden;
 
+}
 
+.ai-presenter .title-item {
 
+  display: flex;
 
+  justify-content: center;
 
+  position: relative;
 
+}
 
+.ai-presenter .title-item img {
 
+  width: 450px;
 
+}
 
+.ai-presenter .title-item h4 {
 
+  position: absolute;
 
+  top: 36%;
 
+  right: 47%;
 
+  font-weight: bold;
 
+}
 
+@media (max-width: 1200px) {
 
+  .ai-presenter .title-item h4 {
 
+    right: 46%;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  .ai-presenter .title-item h4 {
 
+    right: 44%;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .ai-presenter .title-item h4 {
 
+    right: 42%;
 
+  }
 
+}
 
+.ai-presenter .usecace-list {
 
+  margin-bottom: 100px;
 
+}
 
+.ai-presenter .usecace-list img {
 
+  width: 100%;
 
+}
 
+.ai-presenter .usecace-list h5 {
 
+  font-size: 18px;
 
+  text-align: center;
 
+}
 
+.ai-presenter .usecace-list h5::before {
 
+  content: "";
 
+  font-weight: bold;
 
+  display: inline-block;
 
+  border: 5px solid #e0c3dd;
 
+  border-radius: 20px;
 
+  margin-right: 10px;
 
+  margin-bottom: 2px;
 
+}
 
+.ai-presenter .video-left,
 
+.ai-presenter .video-right {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: center;
 
+  padding: 20px;
 
+  background: #d8bbd9;
 
+  border-radius: 20px;
 
+}
 
+.ai-presenter .video-left strong,
 
+.ai-presenter .video-right strong {
 
+  width: 100%;
 
+  padding: 20px;
 
+  font-size: 24px;
 
+  text-align: center;
 
+  background: #fff;
 
+  border-radius: 15px 15px 0 0;
 
+}
 
+.ai-presenter .video-left .video-box,
 
+.ai-presenter .video-right .video-box {
 
+  width: 100%;
 
+  margin-top: 20px;
 
+  padding-bottom: 45%;
 
+}
 
+.ai-presenter .video-left {
 
+  background: #d8bbd9;
 
+}
 
+.ai-presenter .video-right {
 
+  background: #fde3d9;
 
+}
 
+
 
+/* ai-presenter End *//*# sourceMappingURL=style.css.map */

File diff suppressed because it is too large
+ 0 - 0
static/css/style.css.map


+ 84 - 2
static/css/style.scss
View File 

@@ -953,7 +953,7 @@
 
     position: fixed;
 
     position: fixed;
 
     z-index: 100;
 
     z-index: 100;
 
     top: 0;
 
     top: 0;
 
-    transition: all .3s;
 
+    transition: all 0.3s;
 
     @media (max-width: 767px) {
 
     @media (max-width: 767px) {
 
       display: none;
 
       display: none;
 
     }
 
     }
 
@@ -991,7 +991,7 @@
 
         transition: all 0.3s ease-in-out;
 
         transition: all 0.3s ease-in-out;
 
         @media (max-width: 991px) {
 
         @media (max-width: 991px) {
 
           height: 12px;
 
           height: 12px;
 
-        width: 12px;
 
+          width: 12px;
 
         }
 
         }
 
       }
 
       }
 
       .journey {
 
       .journey {
 
@@ -2968,3 +2968,85 @@
 
 }
 
 }
 
 
 
 /* 共用 className End */
 
 /* 共用 className End */
 
+
 
+/* ai-presenter Start */
 
+
 
+.ai-presenter {
 
+  margin: 100px auto;
 
+  overflow: hidden;
 
+  .title-item {
 
+    display: flex;
 
+    justify-content: center;
 
+    position: relative;
 
+    img {
 
+      width: 450px;
 
+    }
 
+    h4 {
 
+      position: absolute;
 
+      top: 36%;
 
+      right: 47%;
 
+      font-weight: bold;
 
+      @media (max-width: 1200px) {
 
+        right: 46%;
 
+      }
 
+      @media (max-width: 991px) {
 
+        right: 44%;
 
+      }
 
+      @media (max-width: 767px) {
 
+        right: 42%;
 
+      }
 
+    }
 
+  }
 
+  .usecace-list {
 
+    margin-bottom: 100px;
 
+    img {
 
+      width: 100%;
 
+    }
 
+    h5 {
 
+      font-size: 18px;
 
+      text-align: center;
 
+      &::before {
 
+        content: "";
 
+        font-weight: bold;
 
+        display: inline-block;
 
+        border: 5px solid #e0c3dd;
 
+        border-radius: 20px;
 
+        margin-right: 10px;
 
+        margin-bottom: 2px;
 
+      }
 
+    }
 
+  }
 
+  .video-left,
 
+  .video-right {
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    justify-content: center;
 
+    padding: 20px;
 
+    background: #d8bbd9;
 
+    border-radius: 20px;
 
+    strong {
 
+      width: 100%;
 
+      padding: 20px;
 
+      font-size: 24px;
 
+      text-align: center;
 
+      background: #fff;
 
+      border-radius: 15px 15px 0 0;
 
+    }
 
+    .video-box {
 
+      width: 100%;
 
+      margin-top: 20px;
 
+      padding-bottom: 45%;
 
+    }
 
+  }
 
+
 
+  .video-left {
 
+    background: #d8bbd9;
 
+  }
 
+
 
+  .video-right {
 
+    background: #fde3d9;
 
+  }
 
+}
 
+
 
+/* ai-presenter End */

BIN
static/imgs/ai-presenter/AI主播-10.png
View File


BIN
static/imgs/ai-presenter/AI主播-11.png
View File


BIN
static/imgs/ai-presenter/AI主播-14.png
View File


BIN
static/imgs/ai-presenter/AI主播-15.png
View File


BIN
static/imgs/ai-presenter/AI主播-16.png
View File


BIN
static/imgs/ai-presenter/AI主播-28.png
View File


BIN
static/imgs/ai-presenter/AI主播-31.png
View File


BIN
static/imgs/ai-presenter/AI主播-32.png
View File


BIN
static/imgs/ai-presenter/AI主播-35.png
View File


BIN
static/imgs/ai-presenter/banner.png
View File


BIN
static/imgs/ai-presenter/demo-01.png
View File


BIN
static/imgs/ai-presenter/presenter-01.png
View File


BIN
static/imgs/ai-presenter/presenter-02.png
View File


BIN
static/imgs/ai-presenter/presenter-03.png
View File


BIN
static/imgs/ai-presenter/presenter-04.png
View File


BIN
static/imgs/ai-presenter/step-01.png
View File


BIN
static/imgs/ai-presenter/step-02.png
View File


BIN
static/imgs/ai-presenter/step-03.png
View File


BIN
static/imgs/ai-presenter/step-04.png
View File


BIN
static/imgs/ai-presenter/step-05.png
View File


BIN
static/imgs/ai-presenter/step-06.png
View File


BIN
static/imgs/ai-presenter/usecace-01.png
View File


BIN
static/imgs/ai-presenter/usecace-02.png
View File


BIN
static/imgs/ai-presenter/usecace-03.png
View File


BIN
static/imgs/ai-presenter/usecace-04.png
View File


BIN
static/imgs/ai-presenter/全身.png
View File


BIN
static/imgs/ai-presenter/全身2.png
View File


BIN
static/imgs/ai-presenter/裝飾-01.png
View File


BIN
static/imgs/ai-presenter/裝飾-02.png
View File


BIN
static/imgs/ai-presenter/裝飾-03.png
View File


BIN
static/imgs/ai-presenter/裝飾-04.png
View File


BIN
static/imgs/ai-presenter/裝飾-05.png
View File


+ 0 - 0
webSite/content/ai-presenter/info.md
View File


Some files were not shown because too many files changed in this diff