add content

layouts/ad-operation/single.html

@@ -194,7 +194,7 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">智慧投放Google廣告服務</h3>
@@ -214,7 +214,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/ai-training/single.html

@@ -85,7 +85,7 @@
           </section>
           <section class="category container-fluid text-center py-5" style="background-color: #FFEBE8;">
             <!-- <h2 class="category__sub_h2"></h2> -->
-            <p style="font-weight: 300;" class="px-5">{{ .Params.description_block3}}
+            <p style="font-weight: 300;" class="px-2 px-md-5">{{ .Params.description_block3}}
             </p>
           </section>
           <section class="category container text-center img-block">

layouts/amp/single.html

@@ -189,7 +189,7 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">高速行動網頁設計服務</h3>
@@ -209,7 +209,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/bigdata/single.html

@@ -186,7 +186,7 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">大數據蒐集與分析服務</h3>
@@ -206,7 +206,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/contact/single.html

@@ -179,7 +179,7 @@
       <main>
         <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
         <div class="container loaded">
-          <div style="padding: 40px;">
+          <div class="pageForm__p">
             <script>
               hbspt.forms.create({
               region: "na1",

layouts/crawler/single.html

@@ -186,15 +186,15 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">資訊爬蟲抓取專案服務</h3>
                     </div>
                   </div>
                   <div class="pageForm__txt mb-3 ">
-                    <p>集仕多擁有專業的AI資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，協助您在大量數據時代下，
-                      依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用網路，應用豐富多元，依您需求提供專案服務。
+                    <p>集仕多擁有專業的AI資料分析技術工程師，致力協助各類產業之業主從網路上自動化抓取資料，協助你在大量數據時代下，
+                      依然可以快速且準確找到自己所需的資料，提供資料庫數據串流接上開發端後台做應用網路，應用豐富多元，依你需求提供專案服務。
                     </p>
                   </div>
                   <div class="pageForm__notice">
@@ -206,7 +206,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/ip/single.html

@@ -186,7 +186,7 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">IP授權AI虛擬角色服務</h3>
@@ -207,7 +207,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/research/single.html

@@ -186,7 +186,7 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">企業系統研發委外方案</h3>
@@ -206,7 +206,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/seo/single.html

@@ -186,14 +186,14 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">SEO搜尋排名優化服務</h3>
                     </div>
                   </div>
                   <div class="pageForm__txt mb-3 ">
-                    <p>集仕多擁有獨家的SEO顯微鏡健檢服務，幫助您進行網站健檢，盤點網頁結構、速度及關鍵字研究，選擇適合您的關鍵字結合內容行銷，逐步提升排名
+                    <p>集仕多擁有獨家的SEO顯微鏡健檢服務，幫助你進行網站健檢，盤點網頁結構、速度及關鍵字研究，選擇適合你的關鍵字結合內容行銷，逐步提升排名
                       並且進行優化分析與策略，提出SEO改善建議，偕同逐項優化，推動排名向前。                   
                     </p>
                   </div>
@@ -206,7 +206,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

layouts/video-making/single.html

@@ -133,14 +133,14 @@
                 </div>
             </div>
           </section>
-          <section class="category container text-center py-5 dm__description">
+          <section class="category container text-center dm__description mt-xl">
             <h2 class="category__sub_h2"></h2>
             <h5 style="font-weight: 300;">{{ .Params.description }}</h5>
           </section>
           <section class="category container-fluid text-center py-5" style="background-color: #FFEBE8;">
             <h2 style="font-size: 1.8rem;"><i class="fas fa-volume-up me-2" style="color: #ff892e;"></i>{{ .Params.description_block3_title }}<i class="fas fa-volume-up ms-2" style="color: #ff892e;"></i></h2>
 
-            <p style="font-weight: 300;" class="px-5">{{ .Params.description_block3}}
+            <p style="font-weight: 300;" class="px-2 px-md-5">{{ .Params.description_block3}}
             </p>
           </section>
           <section class="category container text-center img-block">
@@ -212,7 +212,7 @@
           <div class="container loaded pageForm">
             <div class="row">
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <div class="mb-3">
                     <div class="pageForm__title">
                       <h3 class="pageForm__title-h3">影音製作服務</h3>
@@ -232,7 +232,7 @@
                 </div>
               </div>
               <div class="col-12 col-md-6">
-                <div style="padding: 40px;">
+                <div class="pageForm__p">
                   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
                   <script>
                     hbspt.forms.create({

static/css/contact/styles-contact.css

@@ -0,0 +1,14 @@
+.navbar .navbar-collapse {
+  -webkit-box-flex: 0;
+      -ms-flex-positive: 0;
+          flex-grow: 0;
+}
+
+.header {
+  margin-top: 77px;
+  padding-top: 6.5rem;
+  height: 75vh;
+  position: relative;
+  padding-bottom: 3rem;
+}
+/*# sourceMappingURL=styles-contact.css.map */

static/css/contact/styles-contact.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,OAAO,CAAC,gBAAgB,CAAC;EACvB,SAAS,EAAE,CAAC;CACb;;AAED,AAAA,OAAO,CAAC;EACN,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,IAAI;CAErB",
+    "sources": [
+        "styles-contact.scss"
+    ],
+    "names": [],
+    "file": "styles-contact.css"
+}

static/css/contact/styles-contact.scss

@@ -0,0 +1,12 @@
+.navbar .navbar-collapse {
+  flex-grow: 0;
+}
+
+.header {
+  margin-top: 77px;
+  padding-top: 6.5rem;
+  height: 75vh;
+  position: relative;
+  padding-bottom: 3rem;
+
+}

static/css/style.css

@@ -598,6 +598,9 @@
     color: grey;
     margin-top: 50px;
 }
+.pageForm__p {
+    padding: 40px;
+}
 .btn__detailForm {
     background-color: transparent;
     border: none;
@@ -765,6 +768,14 @@
         padding-top: 4rem;
         padding-left: 0;
         padding-right: 0;
+        margin-top: 4.5rem;
+    }
+    .category.mt-xl {
+        margin-top: 8.5rem;
+    }
+    .category.dm__description h5 {
+        padding-left: 1rem;
+        padding-right: 1rem;
     }
     .top3 {
         padding-bottom: 2rem;
@@ -830,6 +841,12 @@
     .footer {
         font-size: .9rem;
     }
+    .pageForm__p {
+        padding: 15px;
+    }
+    .pageForm {
+        width: 95%;
+    }
 }
 
 @media (max-width: 480px) {

webSite/content/blog/videomaking-101.md

@@ -1,7 +1,7 @@
 +++
 title = "想要進行影片行銷？先從影片製作開始"
 description = "影片行銷在現今不可或缺，但是要如何做出一部行銷影片，就必須先了解要如何製作影片開始，製作影片需要一定的規劃以及器材和軟體，本篇帶領你製作出一部影片。"
-date = "2022-03-02T13:39:46+02:00"
+date = "2022-03-04T13:39:46+02:00"
 tags = ["video"]
 categories = ["trends"]
 banner = "https://blog.zoom.us/wp-content/uploads/2021/03/Video-SDK-Image.png"
@@ -66,6 +66,29 @@ YouTube 和 Google 都有一個自動跑出的搜尋欄，它會告訴你人們
 ### 影片編輯
 完成影片拍攝後，你需要編輯最好的部分並將它們組合在一起，可以讓觀眾流暢的觀看，使用 Premiere Pro、First Cut Pro (FCP)、After Effects 和 Cinema 4D 等專業軟體進行影片編輯，剪輯可能非常繁瑣，所有這些軟體都適用於製作電影和電影。但是，有一些更簡單的編輯工具可以輕鬆地將你的素材轉換為專業影片，我們根據使用的簡單程度以及它們最適合的編輯類型列出了一些。
 
+1. Ai Spokesgirl
+無需花費大量預算或花費數小時進行影片編輯及後製，你所需要的只是文字及圖片素材和一點點雛形計劃，然後就可以開始製作影片，AI Spokesgirl只要相當低的花費，你就可以製作影片。
+此外，它還提供了大量資源，例如技術支援，可幫助你為成功行銷做好準備。
+
+運用 Ai Spokesgirl 製作影片，不需要昂貴的器材或是影片編輯專業，只需要遵循簡單的三個步驟，即可完成一部影片。
+
+1. 創建一個免費帳號
+使用 Ai Spokesgirl，你可以用相當合理的價錢和最少的成本製作影片，因此，要準備開始製作影片，你一開始需要做的就是註冊一個帳號，你所製作的影片內容即會存在該個帳號之中。
+
+2. 選擇Ai主播
+目前有超過10個Ai虛擬主播供選擇可使用，透過機器學習製作出的虛擬主播，可以配合內容展示出合適的嘴形、表情以及動作。
+
+3. 上傳你的標題、內容素材
+上傳要在影片中使用的影片片段和照片以及文字內容，Ai虛擬主播將會為你講出搭配著圖片的內容。
+
+
+2. Premiere & Final Cut Pro
+這兩者作為電影製作人和內容創作者的熱門選擇，這兩款軟體都用於編輯影片，如果你對電影製作和剪輯有基本的了解，並且想使用自己獨特的風格製作影片，那麼它們將是不錯的選擇，這兩款軟體都可以用高清和 4K 進行編輯，你可以選擇不同的格式來輸出影片，例如，YouTube 的 1080p 高清影片和電影的藍光。
+
+與 Ai Spokesgirl 不同，Premiere Pro 和 FCB 會要求你從頭開始並從頭開始編輯影片，你可以使用各種工具，這些工具不僅可以進行基本的影片編輯，還可以調整聲音、顏色等，你擁有許多功能、創意工具和預設的設定來幫助你，但你需要具備各式效果、顏色和設計方面的技術知識，以便你做出最佳編輯選擇，這對於剛入門的新手來說可能會比較難以操作，但你可以在 YouTube 上找到大量教程來幫助你更好地了解這些軟體。
+
+3. 如果你已經在製作影片並希望通過製作效果和令人驚嘆的圖形來更加吸引人，After Effects 是你的最佳選擇， After Effects 可用於輸入內容、追蹤、過場效果以及為你的影片添加動態圖形和動畫，與 Ai Spokesgirl 不同，你必須使用編輯工具的許多功能自行製作這些內容，但是，如果你熟悉 Premiere Pro，則該軟體會更容易理解及操作。如果你傾向於嘗試新事物並為影片製作新視覺效果，製作富有創意的影片，那麼沒有比 After Effects 更好的選擇了。
+
 ### 添加音效和音樂
 音效和背景配樂是影片的無聲推手，許多影片業餘創作者犯的最大錯誤之一就是不注意影片中的音效和，這會使得影片聽起來很平淡，這些簡單的配樂在吸引觀眾的注意力和創造記憶價值方面大有幫助，你可以在網路上找到許多音效和曲目，但重要的是要確保你可以在影片中直接使用它們，或者購買以使用它。
 

webSite/content/trenddetail/20220302_19.md

@@ -259,7 +259,7 @@ link32 = "news.google.com/./articles/CBMiMGh0dHBzOi8vbmV3cy5sdG4uY29tLnR3L25ld3M
 img32 = "https://lh3.googleusercontent.com/proxy/RjssjnT5D3QP6TtKbR_k3UGJITcZ3YkkxaMbJ5UJJaDYceb0eppvJe-F_vhX6wCLvAt0Qev30ktMiejdve76Xo69hDyT2zXvFDMale9XwGJpQhz8=s0-w100-h100-dcAWCIyTAG"
 media32 = "None"
 site32 = "即時"
-title33 = "俄軍圍攻基輔再遭重創5710俄兵陣亡軍心不穩（多視頻）"
+title33 = "俄軍圍攻基輔再遭重創5710俄兵陣亡軍心不穩（多影片）"
 desc33 = "bookmark_border"
 date33 = "13 小時前"
 datetime33 = "None"