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

add content / home-ad page

huai-sian 3 years ago
parent
2290845a43
commit
52c105afa8
9 changed files with 140 additions and 31 deletions
Unified View Show Diff Stats
  1. 97 0
      layouts/home-ad/single.html
  2. 3 0
      layouts/index.html
  3. 13 13
      layouts/partials/LP_components/features.html
  4. 6 6
      layouts/partials/LP_components/hero.html
  5. 3 3
      layouts/partials/LP_components/steps.html
  6. 4 4
      layouts/partials/LP_components/use_cases.html
  7. 0 3
      layouts/partials/head.html
  8. 2 2
      webSite/config.toml
  9. 12 0
      webSite/content/home-ad/dm.md

+ 97 - 0
layouts/home-ad/single.html
View File 

@@ -0,0 +1,97 @@
 
+<!DOCTYPE html>
 
+<html lang="{{ .Site.LanguageCode }}">
 
+
 
+  {{ partial "head.html" . }}
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
 
+  <!-- End of HubSpot Embed Code -->
 
+
 
+  <body>
 
+
 
+    <div id="all" style="overflow-x:hidden;">
 
+
 
+        {{ partial "nav.html" . }}
 
+
 
+        {{ partial "LP_components/hero.html" . }}
 
+
 
+       {{ partial "LP_components/use_cases.html" . }}
 
+
 
+       {{ partial "LP_components/steps.html" . }}
 
+
 
+       {{ partial "LP_components/features.html" . }}
 
+
 
+       {{ partial "LP_components/blogs_tab.html" . }}
 
+
 
+       {{ partial "LP_components/action.html" . }}
 
+
 
+       {{ partial "LP_components/Footer.html" . }}
 
+
 
+       {{ partial "LP_components/news.html" . }}
 
+
 
+    </div>
 
+    <!-- /#all -->
 
+
 
+    {{ partial "scripts.html" . }}
 
+    <script>
 
+      function tabLP () {
 
+            console.log('pass');
 
+            if(('.m-tabs').length){
 
+                  // Show the first tab by default
 
+              $('.blog-tabs-stage>div').hide();
 
+              $('.blog-tabs-stage>div:first').show();
 
+              $('.blog-tabs-nav li:first').addClass('blog-tab-active');
 
+
 
+              // Change tab class and display content
 
+              $('.blog-tabs-nav a').on('click', function(event){
 
+                  event.preventDefault();
 
+                  $('.blog-tabs-nav li').removeClass('blog-tab-active');
 
+                  $(this).parent().addClass('blog-tab-active');
 
+                  $('.blog-tabs-stage>div').hide();
 
+                  $($(this).attr('href')).show();
 
+              });
 
+            }
 
+        }
 
+        tabLP();
 
+
 
+        function debounce(func, wait = 20, immediate = true) {
 
+          var timeout;
 
+          return function() {
 
+            var context = this, args = arguments;
 
+            var later = function() {
 
+              timeout = null;
 
+              if (!immediate) func.apply(context, args);
 
+            };
 
+            var callNow = immediate && !timeout;
 
+            clearTimeout(timeout);
 
+            timeout = setTimeout(later, wait);
 
+            if (callNow) func.apply(context, args);
 
+          };
 
+      };
 
+      const featuresBlock = document.querySelectorAll('.features-block');
 
+      const featuresRow = document.querySelectorAll('.sec-features .row');
 
+      function checkSlide() {
 
+        console.log('pass');
 
+        featuresRow.forEach((block, i) => {
 
+        // half way through the image
 
+        const slideInAt = (window.scrollY + window.innerHeight) - block.offsetHeight / 2;
 
+        console.log(slideInAt);
 
+        console.log(block.offsetTop);
 
+        // bottom of the image
 
+        const isHalfShown = slideInAt > block.offsetTop;
 
+        if (isHalfShown) {
 
+          console.log('active');
 
+          featuresBlock[i].classList.add('active');
 
+        }
 
+      });
 
+      }
 
+      window.addEventListener('scroll', debounce(checkSlide));
 
+
 
+      $('.navbar-nav .dropdown:nth-of-type(2)').click(function() {
 
+        $('html, body').animate({
 
+            scrollTop: $("#sec-features").offset().top
 
+        }, 1000);
 
+      })
 
+    </script>
 
+
 
+  </body>
 
+</html>

+ 3 - 0
layouts/index.html
View File 

@@ -2,6 +2,9 @@
 
 <html lang="{{ .Site.LanguageCode }}">
 
 <html lang="{{ .Site.LanguageCode }}">
 
 
 
   {{ partial "head.html" . }}
 
   {{ partial "head.html" . }}
 
+  <!-- Start of HubSpot Embed Code -->
 
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
+  <!-- End of HubSpot Embed Code -->  
 
 
   <body>
 
   <body>

+ 13 - 13
layouts/partials/LP_components/features.html
View File 

@@ -2,11 +2,11 @@
 
     <div class="container text-center">
 
     <div class="container text-center">
 
         <h2 class="features-title"><strong>5</strong>大特色</h2>
 
         <h2 class="features-title"><strong>5</strong>大特色</h2>
 
         <div class="row" style="position: relative;">
 
         <div class="row" style="position: relative;">
 
-            <img src="img/背景-橘霧.png" alt="" width="300px" class="features-orangel">
 
+            <img src="/img/背景-橘霧.png" alt="" width="300px" class="features-orangel">
 
             <div class="col-xs-12 col-md-6">
 
             <div class="col-xs-12 col-md-6">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <video autoplay muted loop>
 
                     <video autoplay muted loop>
 
-                        <source src="img/官網1_加速.mp4" type="video/mp4">
 
+                        <source src="/img/官網1_加速.mp4" type="video/mp4">
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
@@ -25,11 +25,11 @@
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="row" style="position: relative;">
 
         <div class="row" style="position: relative;">
 
-            <img src="img/背景-紫霧.png" alt="" width="300px" class="features-purpler">
 
+            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purpler">
 
             <div class="col-xs-12 col-md-6 d-block">
 
             <div class="col-xs-12 col-md-6 d-block">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <video autoplay muted loop>
 
                     <video autoplay muted loop>
 
-                        <source src="img/官網2.mp4" type="video/mp4">
 
+                        <source src="/img/官網2.mp4" type="video/mp4">
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
@@ -49,17 +49,17 @@
 
             <div class="col-xs-12 col-md-6 d-md-block">
 
             <div class="col-xs-12 col-md-6 d-md-block">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <video autoplay muted loop>
 
                     <video autoplay muted loop>
 
-                        <source src="img/官網2.mp4" type="video/mp4">
 
+                        <source src="/img/官網2.mp4" type="video/mp4">
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="row" style="position: relative;">
 
         <div class="row" style="position: relative;">
 
-            <img src="img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
 
+            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
 
             <div class="col-xs-12 col-md-6">
 
             <div class="col-xs-12 col-md-6">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <video autoplay muted loop>
 
                     <video autoplay muted loop>
 
-                        <source src="img/官網3.mp4" type="video/mp4">
 
+                        <source src="/img/官網3.mp4" type="video/mp4">
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
@@ -79,11 +79,11 @@
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         <div class="row" style="position: relative;">
 
         <div class="row" style="position: relative;">
 
-            <img src="img/背景-橘霧.png" alt="" width="300px" class="features-oranger">
 
+            <img src="/img/背景-橘霧.png" alt="" width="300px" class="features-oranger">
 
             <div class="col-xs-12 col-md-6 d-block">
 
             <div class="col-xs-12 col-md-6 d-block">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <video autoplay muted loop>
 
                     <video autoplay muted loop>
 
-                        <source src="img/官網4.mp4" type="video/mp4">
 
+                        <source src="/img/官網4.mp4" type="video/mp4">
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
@@ -102,13 +102,13 @@
 
             <div class="col-xs-12 col-md-6 d-md-block">
 
             <div class="col-xs-12 col-md-6 d-md-block">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <video autoplay muted loop>
 
                     <video autoplay muted loop>
 
-                        <source src="img/官網4.mp4" type="video/mp4">
 
+                        <source src="/img/官網4.mp4" type="video/mp4">
 
                     </video>
 
                     </video>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
-        <div class="row" style="position: relative;">
 
-            <img src="img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
 
+        <!-- <div class="row" style="position: relative;">
 
+            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
 
             <div class="col-xs-12 col-md-6 d-block">
 
             <div class="col-xs-12 col-md-6 d-block">
 
                 <div class="features-imgfr">
 
                 <div class="features-imgfr">
 
                     <img src="/img/blockchain.jpg" alt="" style="width: 100%;">
 
                     <img src="/img/blockchain.jpg" alt="" style="width: 100%;">
 
@@ -132,7 +132,7 @@
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
-        </div>
 
+        </div> -->
 
         <button class="btn-dark" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
 
         <button class="btn-dark" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
 
     </div>
 
     </div>
 
 </section>
 
 </section>

+ 6 - 6
layouts/partials/LP_components/hero.html
View File 

@@ -11,13 +11,13 @@
 
                 <button class="hero-btn" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
 
                 <button class="hero-btn" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
 
             </div>
 
             </div>
 
             <div class="col-md-6 col-left" style="position: relative;">
 
             <div class="col-md-6 col-left" style="position: relative;">
 
-                <img src="img/背景紫.png" alt="" class="hero-purple">
 
+                <img src="/img/背景紫.png" alt="" class="hero-purple">
 
                 <!-- <img src="img/背景-橘.png" alt="" width="150px" class="hero-orange"> -->
 
                 <!-- <img src="img/背景-橘.png" alt="" width="150px" class="hero-orange"> -->
 
-                <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>
 
+                <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>
 
         </div>
 
     </div>
 
     </div>

+ 3 - 3
layouts/partials/LP_components/steps.html
View File 

@@ -4,7 +4,7 @@
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-xs-12 col-sm-4">
 
             <div class="col-xs-12 col-sm-4">
 
                 <div class="steps-block">
 
                 <div class="steps-block">
 
-                    <div class="steps-imgfr"><img src="img/aigirls.png" alt=""></div>
 
+                    <div class="steps-imgfr"><img src="/img/aigirls.png" alt=""></div>
 
                     <div class="steps-txt">
 
                     <div class="steps-txt">
 
                         <span>1</span>
 
                         <span>1</span>
 
                         <h3 class="steps-sub">選擇AI人物</h3>
 
                         <h3 class="steps-sub">選擇AI人物</h3>
 
@@ -13,7 +13,7 @@
 
             </div>
 
             </div>
 
             <div class="col-xs-12 col-sm-4">
 
             <div class="col-xs-12 col-sm-4">
 
                 <div class="steps-block">
 
                 <div class="steps-block">
 
-                    <div class="steps-imgfr"><img src="img/textgrp.png" alt=""></div>
 
+                    <div class="steps-imgfr"><img src="/img/textgrp.png" alt=""></div>
 
                     <div class="steps-txt">
 
                     <div class="steps-txt">
 
                         <span>2</span>
 
                         <span>2</span>
 
                         <h3 class="steps-sub">輸入腳本文字</h3>
 
                         <h3 class="steps-sub">輸入腳本文字</h3>
 
@@ -22,7 +22,7 @@
 
             </div>
 
             </div>
 
             <div class="col-xs-12 col-sm-4">
 
             <div class="col-xs-12 col-sm-4">
 
                 <div class="steps-block">
 
                 <div class="steps-block">
 
-                    <div class="steps-imgfr"><img src="img/imagesgrp.png" alt=""></div>
 
+                    <div class="steps-imgfr"><img src="/img/imagesgrp.png" alt=""></div>
 
                     <div class="steps-txt">
 
                     <div class="steps-txt">
 
                         <span>3</span>
 
                         <span>3</span>
 
                         <h3 class="steps-sub">輸入背景圖片素材</h3>
 
                         <h3 class="steps-sub">輸入背景圖片素材</h3>

+ 4 - 4
layouts/partials/LP_components/use_cases.html
View File 

@@ -4,25 +4,25 @@
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
                 <div class="usecase-block">
 
                 <div class="usecase-block">
 
-                    <div class="usecase-imgfr"><img src="img/產品介紹.png" alt=""></div>
 
+                    <div class="usecase-imgfr"><img src="/img/產品介紹.png" alt=""></div>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 產品介紹</h3>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 產品介紹</h3>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
                 <div class="usecase-block">
 
                 <div class="usecase-block">
 
-                    <div class="usecase-imgfr"><img src="img/教育.png" alt=""></div>
 
+                    <div class="usecase-imgfr"><img src="/img/教育.png" alt=""></div>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 教育培訓</h3>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 教育培訓</h3>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
                 <div class="usecase-block">
 
                 <div class="usecase-block">
 
-                    <div class="usecase-imgfr"><img src="img/A短影片_1.png" alt=""></div>
 
+                    <div class="usecase-imgfr"><img src="/img/A短影片_1.png" alt=""></div>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</h3>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</h3>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
             <div class="col-xs-12 col-sm-6 col-md-3">
 
                 <div class="usecase-block">
 
                 <div class="usecase-block">
 
-                    <div class="usecase-imgfr"><img src="img/內容創作.png" alt=""></div>
 
+                    <div class="usecase-imgfr"><img src="/img/內容創作.png" alt=""></div>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 個人內容創作</h3>
 
                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 個人內容創作</h3>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

+ 0 - 3
layouts/partials/head.html
View File 

@@ -46,9 +46,6 @@
 
     <![endif]-->
 
     <![endif]-->
 
   ` | safeHTML }}
 
   ` | safeHTML }}
 
 
 
-  <!-- Start of HubSpot Embed Code -->
 
-  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
 
-<!-- End of HubSpot Embed Code -->
 
 
 
   <!-- Favicon and Apple touch icons-->
 
   <!-- Favicon and Apple touch icons-->
 
   <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />
 
   <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />

+ 2 - 2
webSite/config.toml
View File 

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

+ 12 - 0
webSite/content/home-ad/dm.md
View File 

@@ -0,0 +1,12 @@
 
++++
 
+title = "home-ad"
 
+date = "2021-08-19T12:00:05+08:00"
 
+tags = ["home-ad"]
 
+categories = ["home-ad"]
 
+layout = "home-ad"
 
+banner = "/imgs/dm/dm_ip.png"
 
+packageTitle = "IP授權AI虛擬角色 內容變現"
 
+packageSub = "AI翻轉角色經濟創造IP價值普及化，IP虛擬角色成為用戶影片講解主播"
 
+packageBg = "/imgs/dm/dm_ip.png"
 
+description = "看準角色經濟商機及短影音市場趨勢爆發，集仕多集AI技術獨立研發SaaS快速影片創作平台，用戶輸入文稿即有虛擬代言角色在旁提供中、英文等多種語言講解，且自動上字幕，讓影片清晰易懂。瞄準新世代年輕人推出【虛擬角色客製建模方案】，透過AI變臉技術，讓IP角色模擬真人發音嘴形、生動代言主講攻佔用戶螢幕，其製作出的影片更易於讓消費者理解。"
 
++++