add simple form

layouts/ad-operation/single.html

@@ -191,9 +191,43 @@
               </div>
             </div>
           </section>
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <div class="mb-3">
+                    <div class="pageForm__title">
+                      <h3 class="pageForm__title-h3">智慧投放Google廣告服務</h3>
+                    </div>
+                  </div>
+                  <div class="pageForm__txt mb-3 ">
+                    <p>集仕多擁有專業投放廣告的豐富經驗，利用獨家SEO顯微鏡健檢服務和綁定Google My Business兩大分析系統，完整收集數據與分析報告，
+                      為各大企業、商家以最有效的廣告策略，精準鎖定目標客群，並適時地調整廣告策略。
+                    </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 style="padding: 40px;">
+                  <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">

layouts/amp/single.html

@@ -186,9 +186,43 @@
               </div>
             </div>
           </section>
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <div class="mb-3">
+                    <div class="pageForm__title">
+                      <h3 class="pageForm__title-h3">高速行動網頁設計服務</h3>
+                    </div>
+                  </div>
+                  <div class="pageForm__txt mb-3 ">
+                    <p>集仕多擁有Google AMP的專案經驗，Google AMP（Accelerated Mobile Pages）架構設計的網頁著重讓用戶有流暢閱讀體驗，有利大幅優化搜尋排名，吸引用戶目光，自然取得流量紅利，
+                      集仕多幫你打造SEO友好設計，打造絕佳行動瀏覽體驗，留住更多的訪客。
+                    </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 style="padding: 40px;">
+                  <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">

layouts/bigdata/single.html

@@ -183,9 +183,43 @@
                 </div>
             </div>
           </section> -->
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <div class="mb-3">
+                    <div class="pageForm__title">
+                      <h3 class="pageForm__title-h3">大數據蒐集與分析服務</h3>
+                    </div>
+                  </div>
+                  <div class="pageForm__txt mb-3 ">
+                    <p>集仕多團隊擁有紮實Machine Learning 與Deep Learning技術，大數據專案經驗豐富，
+                      包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用，除此之外，我們也提供文字探勘服務。
+                    </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 style="padding: 40px;">
+                  <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">

layouts/crawler/single.html

@@ -183,9 +183,43 @@
                 </div>
             </div>
           </section>
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <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>
+                  </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 style="padding: 40px;">
+                  <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">

layouts/ip/single.html

@@ -183,9 +183,44 @@
                 </div>
             </div>
           </section>
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <div class="mb-3">
+                    <div class="pageForm__title">
+                      <h3 class="pageForm__title-h3">IP授權AI虛擬角色服務</h3>
+                    </div>
+                  </div>
+                  <div class="pageForm__txt mb-3 ">
+                    <p>集仕多擁有集AI技術獨立研發SaaS快速影片創作平台，用戶輸入文稿即有虛擬代言角色在旁提供中、英文等多種語言講解，且自動上字幕。
+                      透過AI變臉技術，讓IP角色模擬真人發音嘴形、生動代言主講攻佔用戶螢幕，其製作出的影片更易於讓消費者理解。
+
+                    </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 style="padding: 40px;">
+                  <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">

layouts/research/single.html

@@ -183,9 +183,43 @@
                 </div>
             </div>
           </section>
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <div class="mb-3">
+                    <div class="pageForm__title">
+                      <h3 class="pageForm__title-h3">企業系統研發委外方案</h3>
+                    </div>
+                  </div>
+                  <div class="pageForm__txt mb-3 ">
+                    <p>集仕多擁有前瞻技術及強大研發工程師團隊，以科技為導向提供解決方案或提供多種資訊研發服務，提供企業節省人力開銷的資訊委外解決方案。
+                      並依照企業用戶的情況提供的需求，透過評估及分析後，補強用戶在資訊規劃上的不足，提升企業運作效率。
+                    </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 style="padding: 40px;">
+                  <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">

layouts/seo/single.html

@@ -183,9 +183,43 @@
                 </div>
             </div>
           </section>
-          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
-            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
-          </section>
+          <div class="container loaded pageForm">
+            <div class="row">
+              <div class="col-12 col-md-6">
+                <div style="padding: 40px;">
+                  <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顯微鏡健檢服務，幫助您進行網站健檢，盤點網頁結構、速度及關鍵字研究，選擇適合您的關鍵字結合內容行銷，逐步提升排名
+                      並且進行優化分析與策略，提出SEO改善建議，偕同逐項優化，推動排名向前。                   
+                    </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 style="padding: 40px;">
+                  <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">

layouts/video-making/single.html

@@ -66,29 +66,10 @@
         font-weight: 600;
         margin-top: 2rem;
       }
-
+      
       .footer .footer-socials a {
         margin-right: 5px;
       }
-      .loaded {
-        box-shadow: 0 4px 8px 0 rgb(53, 105, 128, .3), 0 6px 20px 0 rgb(165, 200, 213, .41);
-        margin-bottom: 4rem;
-      }
-      .pageForm__title {
-        padding: 0 0 0 40px;
-        background-image: url(/imgs/dm/accept.png);
-        background-position: 0 0;
-        background-repeat: no-repeat;
-        background-size: 30px auto;
-      }
-      .pageForm__txt {
-        padding-left: 40px;
-      }
-      .pageForm__notice {
-        padding-left: 40px;
-        color: grey;
-        margin-top: 50px;
-      }
     </style>
 </head>
 <body>
@@ -243,6 +224,7 @@
                     </p>
                   </div>
                   <div class="pageForm__notice">
+                    <a class="btn__detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
                     <p>填寫該表單將會有專人與你聯繫。<br>
                       如有問題歡迎來信 service@choozmo.com 或來電 036670804
                     </p>

static/css/style.css

@@ -577,8 +577,45 @@
     border-radius: 3rem;
     font-size: 1.1rem;
     box-shadow: 1px 1px 5px 1px rgba(201, 201, 201, 0.637);
-  }
+}
 
+.loaded {
+    box-shadow: 0 4px 8px 0 rgb(53, 105, 128, .3), 0 6px 20px 0 rgb(165, 200, 213, .41);
+    margin-bottom: 4rem;
+}
+.pageForm__title {
+    padding: 0 0 0 40px;
+    background-image: url(/imgs/dm/accept.png);
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    background-size: 30px auto;
+}
+.pageForm__txt {
+    padding-left: 40px;
+}
+.pageForm__notice {
+    padding-left: 40px;
+    color: grey;
+    margin-top: 50px;
+}
+.btn__detailForm {
+    background-color: transparent;
+    border: none;
+    outline: none;
+    color: #ff892e;
+    padding: 0 0;
+    padding-bottom: .1rem;
+    margin-bottom: .8rem;
+    display: inline-block;
+    border-bottom: 1px dotted #ff892e;
+    transition: all .4s;
+    text-decoration: none;
+}
+.btn__detailForm:hover {
+    transform: translate(2px, 2px);
+    text-decoration: none;
+    color: #ff892e;
+}
 @media (max-width: 1300px) {
     .header__right__video {
         position: absolute;