Browse Source

remain ch url

huaisianhuang 3 years ago
parent
commit
613b06ba98

+ 76 - 0
content/AI國際代言人/_index.ch.md

@@ -0,0 +1,76 @@
+---
+title: "AI國際代言人"
+subtitle: "行銷全球無障礙<br>虛擬人像技術,不論是要以白人女性代言人銷售歐美,或是戴頭巾銷售中東都能達成"
+button: "了解更多"
+# meta description
+description: "行銷全球無障礙<br>虛擬人像技術,不論是要以白人女性代言人銷售歐美,或是戴頭巾銷售中東都能達成"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "多國語言AI短影片"
+      images:
+      content : "我們運用深度學習及神經網路技術創造虛擬主播,並幫你省下拍攝及人力成本,只需上傳圖片、文字稿及選擇主播,即可快速產出影片,且免人臉肖像授權"
+      button:
+        enable : true
+        label : "看更多範例影片"
+        link : "https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/oO-jIgBdYGA?autoplay=1"
+    - title : "Text To Video 技術"
+      images:
+      - "images/texttovideo.webp"
+      content : "融合 Text To Speech 及 Audio To Video 技術,只需要文字內容,幫您產生虛擬主播對嘴說話"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "表情自然生動"
+      images:
+      - "images/face_landmark.png"
+      content : "運用 Face Landmark Detection 精準掌握及控制人物表情動作"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "臉部合成技術"
+      images:
+      - "images/合成技術.png"
+      content : "運用獨家技術,將多人的局部特徵擷取並融合於目標人物之中,成為虛擬人主播"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "高超修容影像處理"
+      images:
+      content : "幫您修飾瑕疵部分,呈現出自然的效果"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+call_to_action:
+  enable : false
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

+ 77 - 0
content/AI國際代言人/_index.en.md

@@ -0,0 +1,77 @@
+---
+title: "AI Spokesgirl"
+subtitle: "Global marketing barrier-free<br>With virtual portrait, whether you want to enter to Europe market as a white female spokesperson, or in the middle east market woman with hijab, we can switch and make it."
+button: "Learn More"
+# meta description
+description: "Global marketing barrier-free<br>With virtual portrait, whether you want to enter to Europe market as a white female spokesperson, or in the middle east market woman with hijab, we can switch and make it."
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "Multilingual AI Video"
+      images:
+      content : "Our virtual presenters are created with deep learning and neural network, AI Video would help you save the costs of shooting and time. With just 3 steps, you can easily create video online. First, upload scripts. Second, upload background images. Last, choose the presenter you like. A fine video is ready in 3-5 minutes with everything all set."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/agLGyBiCUVQ?autoplay=1"
+    - title : "Text To Video Technique"
+      images:
+      - "images/texttovideo.webp"
+      content : "Combined with Text To Speech y Audio To Video. Only text content is needed to generate a virtual presenter speaking synchronously for you."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "Rich And Vivid Expression"
+      images:
+      - "images/face_landmark.png"
+      content : "Track and detect facial expression and head movement by Face Landmark Detection."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "Face Swap With High Fidelity"
+      images:
+      - "images/合成技術.png"
+      content : "Based on exclusive technology to capture and integrate the features of multiple people into the target person to create a virtual person."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "Superb 4K Video Retouching Service"
+      images:
+      content : "Help you retouch the blemishes in video and showing natural beauty look."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+ 
+
+call_to_action:
+  enable : false
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

+ 71 - 0
content/數據分析服務/_index.ch.md

@@ -0,0 +1,71 @@
+---
+title: "數據分析服務"
+subtitle: "客製化且完整的分析專案協助您做出最佳決策"
+# meta description
+description: "客製化且完整的分析專案協助您做出最佳決策"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "數據分析專案經驗豐富"
+      images:
+      - "images/data_analysis.webp"
+      content : "紮實Machine Learning 與Deep Learning技術,大數據專案經驗豐富,包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : false
+        link : "https://www.youtube.com/watch?v=IR6yoAO9zZQ"
+    - title : "SEO顯微鏡"
+      images:
+      - "images/seo-1.webp"
+      - "images/seo-2.webp"
+      - "images/seo-3.webp"
+      - "images/seo-4.webp"
+      content : "全面觀察您的SEO,找出優化主題方向,吸引潛在消費者以獲取訂單<p><i class='ti-angle-right'></i>看清您目前SEO的全貌</p><p><i class='ti-angle-right'></i>幫您找出目前SEO的核心主題</p><p><i class='ti-angle-right'></i>幫您找出可延伸優化的SEO主題</p>"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+    - title : "找出潛在客戶以最大化您的廣告投遞效益"
+      images:
+      - "images/customer_analysis.webp"
+      content : "根據競業客群分析、輿情分析偵測出專屬於您的潛在客戶,以精準的投放廣告"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+    - title : "數據引導專屬於您的最佳策略"
+      images:
+      - "images/data_analysis_1.webp"
+      content : "高超Machine Learning 與Deep Learning技術,挖掘數據背後的秘密,輔助您進行決策"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+    - title : "報表整合 Google Data Studio 方便易用"
+      images: 
+      - "images/google_data_studio.webp"
+      content : "整合 Google Search Console 及 Google Analytics的數據儀表板,讓您輕鬆瀏覽成效數據"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+call_to_action:
+  enable : false
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

+ 71 - 0
content/數據分析服務/_index.en.md

@@ -0,0 +1,71 @@
+---
+title: "Data Analysis"
+subtitle: "Customized and complete analysis project would help you make the best decision."
+# meta description
+description: "Customized and complete analysis project would help you make the best decision"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "Rich Experiences in Customized Data Analysis Projects"
+      images:
+      - "images/data_analysis.webp"
+      content : "Our team is acquainted with uperb machine learning and deep learning technologies and has rich experience in data analysis projects, including beauty industry applications, advertising agency operations, election campaign analysis, public opinion analysis, and financial applications. Clients cooperating with the team members include Lion Travel Corporation, Sinyi Realty, Yung ching Reaklty, Les Enphants, etc."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : false
+        link : "https://www.youtube.com/watch?v=IR6yoAO9zZQ"
+    - title : "SEO Microscope"
+      images:
+      - "images/seo-1.webp"
+      - "images/seo-2.webp"
+      - "images/seo-3.webp"
+      - "images/seo-4.webp"
+      content : "Observing your SEO state comprehensively help you find out the optimization strategy for your company and to get in touch with prospective customers.<p><i class='ti-angle-right'></i>Find out core keyword groups</p><p><i class='ti-angle-right'></i>Keywords suggestion for better strategy on SEO</p>"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+    - title : "Find Out Prospective Customers"
+      images:
+      - "images/customer_analysis.webp"
+      content : "According to the analysis of competitors, target customers and social condition, we can detect your prospective customers and advertise with high precision"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+    - title : "Data Drives Decision Making"
+      images:
+      - "images/data_analysis_1.webp"
+      content : "With superb machine learning and deep learning technologies, mine the secrets behind the data, and assist you in making decisions"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+    - title : "View Results on Customized Dashboard"
+      images: 
+      - "images/google_data_studio.webp"
+      content : "Integrate Google Search Console and Google Analytics in Data Studio dashboard, allowing you to easily browse performance"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+call_to_action:
+  enable : false
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

+ 55 - 0
content/流量優化服務/_index.ch.md

@@ -0,0 +1,55 @@
+---
+title: "流量優化服務"
+subtitle: "改善網站體質,獲取流量紅利"
+# meta description
+description: "改善網站體質,獲取流量紅利"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "AMP高速行動服務"
+      images: 
+      - "images/ampintro_new.webp"
+      content : "兼具速度與美觀的行動服務,採用 Google AMP 技術結合靜態網站架構,快速提升行動流量紅利"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : false
+        link : "https://www.youtube.com/watch?v=IR6yoAO9zZQ"
+    - title : "優化網頁速度"
+      images:
+      - "images/pageSpeed.webp"
+      content : "靜態網站架構,加速載入速度以提升使用者體驗,進而增加流量紅利"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "為何選擇高速行動服務"
+      images:
+      - "images/ampintro.webp"
+      content : "<p><i class='ti-angle-right'></i>大幅降低維運成本</p><p><i class='ti-angle-right'></i>抵禦DDoS攻擊</p><p><i class='ti-angle-right'></i>取得自然流量</p>"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : false
+        link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+call_to_action:
+  enable : false
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

+ 55 - 0
content/流量優化服務/_index.en.md

@@ -0,0 +1,55 @@
+---
+title: "Traffic Optimization"
+subtitle: "Improve your website and gain traffic bonus"
+# meta description
+description: "Improve your website and gain traffic bonus"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "AMP High Speed Mobile Page"
+      images: 
+      - "images/ampintro_new.webp"
+      content : "Built with Google AMP web component framework combined with static website framework, mobile pages are rendered at high speed and great experience which lead to mobile traffic bonus grows dependently."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : false
+        link : "https://www.youtube.com/watch?v=IR6yoAO9zZQ"
+    - title : "Page Speed Optimization"
+      images:
+      - "images/pageSpeed.webp"
+      content : "Static website structure significantly accelerate the speed of loading pages to improve user experience, and leads to increasing traffic bonus."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+    - title : "Why choose High Speed Mobile Page"
+      images:
+      - "images/ampintro.webp"
+      content : "<p><i class='ti-angle-right'></i>Less maintenance cost</p><p><i class='ti-angle-right'></i>Prevent DDoS Attacks</p><p><i class='ti-angle-right'></i>Better page loading speed</p>"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : false
+        link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+call_to_action:
+  enable : false
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

+ 102 - 0
layouts/AI國際代言人/list.html

@@ -0,0 +1,102 @@
+{{ define "main" }}
+
+{{ partial "page-header-video.html" . }}
+
+{{ if .Params.service.enable }}
+{{ with .Params.service }}
+{{ range $i,$p := .service_item }}
+{{if modBool $i 2}}
+<section class="section">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-6 order-2 order-md-1">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
+        {{ if .youtube.enable }}
+        {{ with .youtube }}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="{{ .link | absURL }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+        {{ end }}
+        {{ else }}
+        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+          {{ range .images }}
+          <img src="{{ . | absURL }}" class="img-fluid img-shadow">
+          {{ end }}
+        {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ else }}
+<!-- service (with background section)-->
+<section class="section bg-light">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-6 mb-4 mb-md-0">
+        {{ if .youtube.enable }}
+        {{ with .youtube }}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="{{ .link | absURL }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+        {{ end }}
+        {{ else }}
+        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+          {{ range .images }}
+          <img src="{{ . | absURL }}" class="img-fluid img-shadow">
+          {{ end }}
+        </div>
+        {{ end }}
+      </div>
+      <div class="col-md-6">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+{{ end }}
+{{ end }}
+
+
+<!-- call to action -->
+{{ if .Params.call_to_action.enable }}
+{{ with .Params.call_to_action }}
+<section class="section">
+  <div class="container section shadow rounded-lg px-4">
+    <div class="row align-items-center justify-content-center text-center text-md-left">
+      <div class="col-lg-4 col-md-5 mb-4 mb-md-0">
+        <img src="{{ .image | absURL }}" class="img-fluid">
+      </div>
+      <div class="col-lg-5 col-md-6">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        {{with .content }}<p class="mb-4">{{ . | markdownify }}</p>{{ end }}
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn btn-primary">{{ .label }}</a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- /call to action -->
+
+{{ end }}

+ 100 - 0
layouts/數據分析服務/list.html

@@ -0,0 +1,100 @@
+{{ define "main" }}
+
+{{ partial "page-header.html" . }}
+{{ if .Params.service.enable }}
+{{ with .Params.service }}
+{{ range $i,$p := .service_item }}
+{{if modBool $i 2}}
+<section class="section">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-6 order-2 order-md-1">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
+        {{ if .youtube.enable }}
+        {{ with .youtube }}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="{{ .link | absURL }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+        {{ end }}
+        {{ else }}
+        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+          {{ range .images }}
+          <img src="{{ . | absURL }}" class="img-fluid">
+          {{ end }}
+        {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ else }}
+<!-- service (with background section)-->
+<section class="section bg-light">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-6 mb-4 mb-md-0">
+        {{ if .youtube.enable }}
+        {{ with .youtube }}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="{{ .link | absURL }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+        {{ end }}
+        {{ else }}
+        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+          {{ range .images }}
+          <img src="{{ . | absURL }}" class="img-fluid">
+          {{ end }}
+        </div>
+        {{ end }}
+      </div>
+      <div class="col-md-6">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+{{ end }}
+{{ end }}
+
+<!-- call to action -->
+{{ if .Params.call_to_action.enable }}
+{{ with .Params.call_to_action }}
+<section class="section">
+  <div class="container section shadow rounded-lg px-4">
+    <div class="row align-items-center justify-content-center text-center text-md-left">
+      <div class="col-lg-4 col-md-5 mb-4 mb-md-0">
+        <img src="{{ .image | absURL }}" class="img-fluid">
+      </div>
+      <div class="col-lg-5 col-md-6">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        {{with .content }}<p class="mb-4">{{ . | markdownify }}</p>{{ end }}
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn btn-primary">{{ .label }}</a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- /call to action -->
+
+{{ end }}

+ 100 - 0
layouts/流量優化服務/list.html

@@ -0,0 +1,100 @@
+{{ define "main" }}
+
+{{ partial "page-header.html" . }}
+{{ if .Params.service.enable }}
+{{ with .Params.service }}
+{{ range $i,$p := .service_item }}
+{{if modBool $i 2}}
+<section class="section">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-6 order-2 order-md-1">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-md-6 order-1 order-md-2 mb-4 mb-md-0">
+        {{ if .youtube.enable }}
+        {{ with .youtube }}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="{{ .link | absURL }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+        {{ end }}
+        {{ else }}
+        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+          {{ range .images }}
+          <img src="{{ . | absURL }}" class="img-fluid">
+          {{ end }}
+        {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ else }}
+<!-- service (with background section)-->
+<section class="section bg-light">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-6 mb-4 mb-md-0">
+        {{ if .youtube.enable }}
+        {{ with .youtube }}
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="{{ .link | absURL }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+        {{ end }}
+        {{ else }}
+        <div {{if gt (len .images) 1}}class="slider" {{end}}>
+          {{ range .images }}
+          <img src="{{ . | absURL }}" class="img-fluid">
+          {{ end }}
+        </div>
+        {{ end }}
+      </div>
+      <div class="col-md-6">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+{{ end }}
+{{ end }}
+
+<!-- call to action -->
+{{ if .Params.call_to_action.enable }}
+{{ with .Params.call_to_action }}
+<section class="section">
+  <div class="container section shadow rounded-lg px-4">
+    <div class="row align-items-center justify-content-center text-center text-md-left">
+      <div class="col-lg-4 col-md-5 mb-4 mb-md-0">
+        <img src="{{ .image | absURL }}" class="img-fluid">
+      </div>
+      <div class="col-lg-5 col-md-6">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        {{with .content }}<p class="mb-4">{{ . | markdownify }}</p>{{ end }}
+        {{ if .button.enable }}
+        {{ with .button }}
+        <a href="{{ .link | absURL }}" class="btn btn-primary">{{ .label }}</a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- /call to action -->
+
+{{ end }}