Browse Source

add ai-anchor dm

andy 2 years ago
parent
commit
2490b0b3f3

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

@@ -0,0 +1,450 @@
+<!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">
+  <!-- Start of HubSpot Embed Code -->
+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
+  <!-- End of HubSpot Embed Code -->
+  <style>
+   .header__anchor_title{
+     font-size: 2rem;
+     color: #20616D;
+    font-weight: 400;
+
+   }
+    .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;
+    }
+
+    .ai-anchor {
+      overflow-x: hidden;
+    }
+
+    .ai-anchor .header {
+      padding-left: 6vw;
+      width: 80%;
+      margin: 0 auto;
+    }
+    @media (max-width: 767px) {
+      .ai-anchor .header{
+        width: 90%;
+        margin-top: 100px;
+      }
+    }
+    .ai-anchor .header__right {
+      width: 90%;
+    }
+
+    .ai-anchor .header__right__bubble {
+      width: 25%;
+      top: -13%;
+      right: -10%;
+      left: auto;
+    }
+
+    .header-sub {
+      font-size: 20px;
+      text-align: left;
+      font-weight: bold;
+      color: #f8a154;
+    }
+
+    .ai-description {
+      padding: 0 8vw;
+    }
+
+    .ai-description section {
+      padding-left: 8rem;
+    }
+
+    .triangle-item {
+      padding-left: 7rem;
+    }
+
+    .triangle-item img {
+      width: 40px;
+      height: 100%;
+      image-rendering: -webkit-optimize-contrast;
+    }
+
+    .ai-description div img {
+      width: 30px;
+    }
+
+    .ai-description h5 {
+      margin: 0;
+      font-size: 22px;
+      font-weight: bold;
+      color: #ea5413;
+    }
+
+    .ai-description span,
+    .ai-anchor .content {
+      font-weight: bold;
+      color: #3190da;
+    }
+
+    .ai-anchor .content {
+      width: 800px;
+      margin: 10rem auto;
+      padding: 2rem 8rem;
+      border-radius: 20px;
+      background-color: #fff2ec;
+      font-size: 20px;
+    }
+
+    .content .img-01 {
+      position: absolute;
+      top: -75px;
+      left: -30px;
+      z-index: 1;
+      width: 45%;
+      image-rendering: -webkit-optimize-contrast;
+    }
+
+    .ai-anchor .header__dm {
+      max-width: 500px;
+
+    }
+
+    .price-box p {
+      margin: 0;
+      font-size: 16px;
+    }
+
+    .price-box .item {
+      font-size: 50px;
+    }
+
+    @media (max-width: 991px) {
+      .header {
+        padding-left: 0;
+        padding: 5%;
+      }
+
+      .ai-anchor .content {
+        width: 90%;
+        padding: 2rem 5vw;
+      }
+
+      .ai-description {
+        margin-top: 250px;
+      }
+
+      .ai-description section {
+        padding-left: 0;
+        padding: 0 10%;
+      }
+
+      .ai-description section:first-child {
+        margin-top: 150px;
+      }
+
+      .triangle-item {
+        padding-left: 0;
+      }
+
+      .triangle-item img {
+        transform: rotate(90deg);
+      }
+    }
+
+
+    @media (max-width: 767px) {
+      .ai-anchor .header__dm {
+        width: 90%;
+      }
+
+      .ai-description section {
+        padding: 0 5%;
+      }
+    }
+
+    @media (max-width: 567px) {
+      .ai-anchor .content {
+        padding-top: 130px;
+      }
+
+      .content .img-01 {
+        top: -40%;
+        width: 250px;
+      }
+    }
+
+    @media (max-width: 375px) {
+      .ai-description h5 {
+        font-size: 20px;
+      }
+
+      .header__title {
+        font-size: 2rem;
+      }
+    }
+  </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="/contact/service/">聯絡我們</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="/aboutus/info/">關於我們</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <main class="ai-anchor">
+    <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-lg-5 text-center">
+          <h2 class="header__anchor_title text-start">集仕多ChoozMo新聞AI主播<br>媒體聯播網最佳方案</h2>
+
+          <p class="header-sub">圖文+影音+聯播<br>全方位媒體曝光,一次到位!</p>
+
+          <p class="text-start">
+            ChoozMo最強大的網路新聞聯播方案,將您的圖文報導製成Ai主播影音新聞影片,保證發佈曝光到包括yahoo新聞、新浪網、Pchome新聞、LineToday等十二家知名媒體平台!
+          <p>
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+        </div>
+        <div class="col-12 col-lg-7" style="padding-top: 50px;">
+          <div class="header__right header__dm" style="background-image: url('/imgs/圖層 5.png');">
+            <img src="/imgs/02.webp" alt="" class="header__right__cir">
+            <!-- <img src="imgs/影片.webp" alt="" class="header__right__video"> -->
+            <img class="header__right__bubble" src="/imgs/圖層 8.png" alt="">
+            <img class="header__right__linecir" src="/imgs/裝飾圓.webp" alt="">
+          </div>
+        </div>
+      </div>
+    </section>
+    <div class="d-flex align-items-center flex-column flex-lg-row ai-description">
+      <section class="category container text-center py-5">
+        <div class="d-flex align-items-center" style="margin-left: -30px;">
+          <img src="/imgs/資產 3.png" alt="">
+          <h5 class="ms-2">Ai 主播報導影片|提升知名度</h5>
+        </div>
+        <p class="text-start mt-3">透過Ai主播報導影片,客戶能短時間內透過影音獲取資訊,更能透過報導增加客戶的信心度,不論是公司宣傳/產品發表/品牌經營,都能透過新聞稿發布,提升曝光及知名度!</p>
+      </section>
+      <div class="triangle-item">
+        <img src="/imgs/三角形 1.png" alt="">
+      </div>
+      <section class="category container text-center py-5">
+        <div class="d-flex align-items-center" style="margin-left: -30px;">
+          <img src="/imgs/資產 3.png" alt="">
+          <h5 class="ms-2">您僅需提供:</h5>
+        </div>
+        <ul class="text-start mt-3">
+          <li>新聞報導使用照片5張</li>
+          <li>新聞稿內容文字1000字以內</li>
+        </ul>
+        <span class="d-block text-start mt-3">即可獲得總價值超過36000元的全方位媒體曝光方案!</span>
+      </section>
+    </div>
+    <!-- <section class="category container text-center py-5 dm__description">
+      <h2 class="category__sub_h2"></h2>
+      <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
+    </section> -->
+
+    <section
+      class="d-flex flex-column align-items-center align-items-sm-end justify-content-center position-relative content">
+      <div>
+        <img class="img-01" src="/imgs/群組 1.png" alt="">
+      </div>
+      <div>
+        <p class="text-end">圖文+影音+聯播 全方位媒體曝光<br>一次到位擁有!</p>
+        <div class="d-flex align-items-center justify-content-end price-box">
+          <div class="d-flex flex-column">
+            <p>優惠價</p>
+            <p class="text-decoration-line-through">36000</p>
+          </div>
+          <p class="item ms-3">17000元</p>
+        </div>
+      </div>
+
+      <div>
+        <img style="position: absolute; right: -13vw; bottom: -80px; width: 20%; z-index: -1;" src="/imgs/裝飾圓.webp"
+          alt="">
+      </div>
+    </section>
+    <div class="container loaded pageForm">
+      <div class="row">
+        <div class="col-12 col-md-6">
+          <div class="pageForm__p">
+            <div class="mb-3">
+              <div class="pageForm__title">
+                <h3 class="pageForm__title-h3">大集仕多ChoozMo新聞AI主播媒體聯播網最佳方案</h3>
+              </div>
+            </div>
+            <div class="pageForm__txt mb-3 ">
+              <p>
+                ChoozMo最強大的網路新聞聯播方案,將您的圖文報導製成Ai主播影音新聞影片,保證發佈曝光到包括yahoo新聞、新浪網、Pchome新聞、LineToday等十二家知名媒體平台!
+              </p>
+            </div>
+            <div class="pageForm__notice">
+              <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
+              <p>填寫該表單將會有專人與你聯繫。<br>
+                如有問題歡迎來信 service@choozmo.com 或來電 036670804
+              </p>
+            </div>
+          </div>
+        </div>
+        <div class="col-12 col-md-6">
+          <div class="pageForm__p">
+            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
+            <script>
+              hbspt.forms.create({
+              region: "na1",
+              portalId: "20485755",
+              formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
+            });
+            </script>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+
+  <footer class="footer">
+    <div class="container">
+      <div class="row">
+        <div class="col-xs-12 col-sm-6">
+          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+          <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+          <div class="footer-follow">關注我們</div>
+          <div class="footer-socials">
+            <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt=""
+                width="32px" height="32px"></a>
+            <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
+                height="48px"></a>
+            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
+                width="32px" height="32px"></a>
+            <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
+                src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+            <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt=""
+                width="48px" height="48px"></a>
+            <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px"
+                height="32px"></a>
+          </div>
+        </div>
+        <div class="col-xs-12 col-sm-6">
+          <div class="footer-contacts" style="margin-top: 2rem;">
+            <h5>CONTACT</h5>
+            <div>
+              集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <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="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>

+ 0 - 1
layouts/bigdata/single.html

@@ -218,7 +218,6 @@
                 </div>
               </div>
             </div>
-            
           </div>
       </main>
       <footer class="footer">

BIN
static/imgs/三角形 1.png


BIN
static/imgs/圖層 5.png


BIN
static/imgs/圖層 8.png


BIN
static/imgs/群組 1.png


BIN
static/imgs/資產 3.png


+ 7 - 1
webSite/config.toml

@@ -1,4 +1,4 @@
-baseurl = "https://ai.choozmo.com/"
+baseurl = "https://example.org"
 title = "AI Spokesgirl | 台灣第一個AI合成主播"
 theme = "AI_Video_LP"
 themesDir = "../.."
@@ -77,6 +77,12 @@ page = ["HTML"]
     weight = 6
     parent = "home"
 
+[[menu.main]]
+    identifier="seo"
+    name = "新聞ai主播媒體聯播網"
+    url = "/ai-anchor/dm/"
+    weight = 7
+    parent = "home"
 [[menu.main]]
     identifier="login"
     name = "特色"

+ 30 - 0
webSite/content/ai-anchor/dm.md

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