0330 updated

.forestry/front_matter/templates/new-page.yml

@@ -0,0 +1,13 @@
+---
+label: New Page
+hide_body: false
+fields:
+- type: text
+  name: title
+  label: title
+- type: text
+  name: subtitle
+  label: subtitle
+- type: text
+  name: description
+  label: meta description

.forestry/front_matter/templates/post.yml

@@ -0,0 +1,20 @@
+---
+label: Post
+hide_body: false
+fields:
+- type: text
+  name: title
+  label: title
+- type: datetime
+  name: date
+  label: date
+- type: file
+  name: image
+  label: image
+- type: text
+  name: type
+  label: type
+  description: 'Available type: featured/regular'
+- type: text
+  name: description
+  label: meta description

.forestry/settings.yml

@@ -0,0 +1,71 @@
+---
+new_page_extension: md
+auto_deploy: false
+admin_path: ''
+webhook_url: 
+sections:
+- type: heading
+  label: Homepage
+- type: document
+  path: exampleSite/data/homepage.yml
+  label: Homepage Data
+- type: heading
+  label: Blog Post
+- type: document
+  path: exampleSite/content/blog/_index.md
+  label: Blog Page
+- type: directory
+  path: exampleSite/content/blog
+  label: Blog Post
+  create: documents
+  match: "**/*"
+  exclude: _index.md
+  templates:
+  - post
+- type: heading
+  label: Others Page
+- type: document
+  path: exampleSite/content/faq/_index.md
+  label: FAQ
+- type: document
+  path: exampleSite/content/contact/_index.md
+  label: Contact
+- type: document
+  path: exampleSite/content/pricing/_index.md
+  label: Pricing
+- type: document
+  path: exampleSite/content/privacy-policy/_index.md
+  label: Privacy Policy
+- type: document
+  path: exampleSite/content/terms-conditions/_index.md
+  label: Terms & Conditions
+- type: heading
+  label: All Pages
+- type: directory
+  path: exampleSite/content
+  label: All Pages
+  create: all
+  match: "**/*"
+  templates:
+  - new-page
+- type: heading
+  label: Configuration
+- type: document
+  path: exampleSite/config.toml
+  label: Configuration
+upload_dir: exampleSite/static/images
+public_path: "/images"
+front_matter_path: ''
+use_front_matter_path: false
+file_template: ":filename:"
+build:
+  preview_env:
+  - HUGO_ENV=staging
+  - HUGO_VERSION=0.58.2
+  preview_output_directory: public
+  preview_docker_image: forestryio/hugo:latest
+  mount_path: "/srv"
+  working_dir: "/srv"
+  instant_preview_command: hugo server -D -E -F --port 8080 --bind 0.0.0.0 --renderToDisk
+    -d public
+version: 0.58.2

.gitignore

@@ -0,0 +1,10 @@
+Thumbs.db
+.DS_Store
+.dist
+.tmp
+.sass-cache
+npm-debug.log
+node_modules
+builds
+package-lock.json
+public

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/bigspring"]
+	path = themes/bigspring
+	url = https://github.com/themefisher/bigspring-hugo-startup-theme.git

LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 themefisher
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,101 @@
+# Easy Setup (Hugo + Netlify + Forestry)
+Build your website with bigspring theme by following this easy steps (No Coding Required)
+
+<a href="http://bit.ly/meghna-hugo-installation" target="_blank" title="meghna hugo installation" rel="nofollow"><img width="100%" src="https://user-images.githubusercontent.com/37659754/70844354-4028be00-1e6a-11ea-8d84-02e9a25e7db8.png"></a>
+
+In this tutorial we will show you to make your website live without buying any hosting and touching a single line of code. We made this tutorial based on [meghna hugo](https://github.com/themefisher/meghna-hugo) but you can setup everithing like this.
+
+### What you need !!
+
+1. Git acccount (Ex: Github, Gitlab etc ) . In our case we use github.
+2. [Netlify](https://bit.ly/netlify-account) account to host files and add custom domain .
+3. [Forestry](https://bit.ly/forestry-account) account to maintain whole project without code.
+
+
+### Step 1 : Fork or Clone repository
+
+First we will fork this [bigspring](https://github.com/themefisher/bigspring-hugo-startup-theme) template.
+
+### Step 2 : Add your repository in Forestry
+
+Go to your [forestry](https://bit.ly/forestry-account)  account and click on `import your site now`. declare your config.toml file [`exampleSite`] and fill up basic settings .
+
+**Or just click this button for one click installation** [![import to forestry](https://assets.forestry.io/import-to-forestryK.svg)](https://app.forestry.io/quick-start?repo=themefisher/bigspring-hugo-startup-theme&engine=hugo&version=0.60.1&config=exampleSite)
+
+Now mark everything as done, then go to configuration to change the base url . You can put any url but this have to similar as netlify . So for now put a name which you are going to put in netlify as netlify subdomain.
+
+### Step 3 : Setup and host website with Netlify
+
+Here comes the last step . Go to your [netlify](https://bit.ly/netlify-account) account and click add new site . Choose your git repository to import your website in netlify .  And now you can see the forked `bigspring` theme. select it and follow the steps. Then go to `site settings` for change the site name and put your subdoamin name here what you puted on forestry as base url. save it and go to `deploy` from top menu, Wait a while and click on `site preview` or just simply go to the subdomain you puted as base url. **BOOM! Your site is live.** Now you can go to forestry and add, remove or customize every setting and content.
+
+> If you face any issue regarding the installation feel free to onen [open a new issue](https://github.com/themefisher/bigspring-hugo-startup-theme/issues)
+
+
+## Table of Contents
+
+- [Demo](#demo)
+- [Quick Start](#quick-start)
+- [Installation](#installation)
+- [Reporting Issues](#reporting-issues)
+- [Technical Support or Questions](#technical-support-or-questions-(paid))
+- [Licensing](#licensing)
+- [More Hugo Themes](https://themefisher.com/hugo-themes/)
+
+## Demo
+
+[Live Preview](http://demo.themefisher.com/bigspring-hugo/).
+
+## Quick Start
+Quick start options:
+
+- Clone the repo: `git clone https://github.com/themefisher/bigspring-hugo-startup-theme.git`.
+- [Download from Github](https://github.com/themefisher/bigspring-hugo-startup-theme/archive/master.zip).
+- [Download from gethugothemes website](https://gethugothemes.com/products/bigspring/).
+
+## Installation
+At the top we have shown an easy hugo installation. but still if you think you want to go with the traditional way then use the following commands:
+
+```
+$ git clone git@github.com:themefisher/bigspring-hugo-startup-theme.git
+$ cd bigspring/exampleSite/
+$ hugo server --themesDir ../..
+```
+
+
+## Reporting Issues
+
+We use GitHub Issues as the official bug tracker for the **bigspringe**. Please Search [existing issues](https://github.com/themefisher/bigspring-hugo-startup-theme/issues). It’s possible someone has already reported the same problem.
+If your problem or idea is not addressed yet, [open a new issue](https://github.com/themefisher/bigspring-hugo-startup-theme/issues/new)
+
+## Technical Support or Questions (Paid)
+
+If you have questions or need help integrating the product please [contact us](mailto:mehedi@themefisher.com) instead of opening an issue.
+
+## Licensing
+
+- Copyright 2020 Designed by [Themefisher](https://themefisher.com/) & Developed by [Gethugothemes](https://gethugothemes.com/)
+- Licensed under MIT (https://github.com/themefisher/bigspring-hugo-startup-theme/blob/master/LICENSE)
+
+### Donate Us (Author) 
+This project needs you! If you would like to support this project's further development, the creator of this project or the continuous maintenance of this project, feel free to donate. Your donation is highly appreciated . Thank you!
+
+* **[Donate $10](https://www.paypal.me/themefisher/10USD)**: Thank's for creating this project, here's a tea (or some juice) for you!
+* **[Donate $20](https://www.paypal.me/themefisher/20USD)**: Wow, I am stunned. Let me take you to the movies!
+* **[Donate $30](https://www.paypal.me/themefisher/30USD)**: I really appreciate your work, let's grab some lunch!
+* **[Donate $40](https://www.paypal.me/themefisher/40USD)**: That's some awesome stuff you did right there, dinner is on me!
+* **[Donate $50](https://www.paypal.me/themefisher/50USD)**: I really really want to support this project, great job!
+* **[Donate $100](https://www.paypal.me/themefisher/100USD)**: You are the man! This project saved me hours (if not days) of struggle and hard work, simply awesome!
+* **[Donate $1500](https://www.paypal.me/themefisher/1500USD)**: Go buddy, buy Macbook Pro for yourself!
+
+Of course, you can also choose what you want to donate, all donations are awesome !
+
+
+## Premium Themes
+
+| [![Mega-Bundle-HUGO](https://gethugothemes.com/wp-content/uploads/edd/2019/09/Mega-Bundle-HUGO.png)](https://themefisher.com/products/hugo-mega-bundle/) | [![Phantop](https://gethugothemes.com/wp-content/uploads/edd/2019/06/Phantom.jpg)](https://gethugothemes.com/products/phantom-hugo-theme/) | [![redlab](https://gethugothemes.com/wp-content/uploads/edd/2019/09/redlab-hugo-thumbnail.jpg)](https://gethugothemes.com/products/redlab-hugo/) |
+|:---:|:---:|:---:|
+| **Hugo Mega Bundle**  | **Phantom**  | **Red Lab**  |
+| [![northendlab](https://gethugothemes.com/wp-content/uploads/2019/11/Blogplate-Blog-Template.png)](https://gethugothemes.com/products/northendlab/) | [![Influencer](https://gethugothemes.com/wp-content/uploads/2019/11/Influencer.png)](https://gethugothemes.com/products/influencer-hugo/) | [![Vex](https://gethugothemes.com/wp-content/uploads/edd/2019/07/Vex.jpg)](https://gethugothemes.com/products/vex-hugo-theme/) |
+| **Northendlab** | **Influencer** | **Vex** |
+| [![Timer](https://gethugothemes.com/wp-content/uploads/edd/2019/07/Timer.jpg)](https://gethugothemes.com/products/timer-hugo-theme/) | [![Parsa](https://gethugothemes.com/wp-content/uploads/edd/2019/07/parsa-768x576.jpg)](https://gethugothemes.com/products/parsa-hugo-theme/) | [![all](https://gethugothemes.com/wp-content/uploads/2019/12/get-more-hugo-themes.png)](https://gethugothemes.com/shop/) |
+| **Timer** | **Parsa** | **More Hugo Themes** |

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

assets/js/script.js

@@ -0,0 +1,26 @@
+(function ($) {
+  'use strict';
+
+  // Preloader js    
+  $(window).on('load', function () {
+    $('.preloader').fadeOut(100);
+  });
+  
+  // Accordions
+  $('.collapse').on('shown.bs.collapse', function () {
+    $(this).parent().find('.ti-angle-right').removeClass('ti-angle-right').addClass('ti-angle-down');
+  }).on('hidden.bs.collapse', function () {
+    $(this).parent().find('.ti-angle-down').removeClass('ti-angle-down').addClass('ti-angle-right');
+  });
+
+  
+	//slider
+	$('.slider').slick({
+		slidesToShow: 1,
+		slidesToScroll: 1,
+		autoplay: true,
+		dots: true,
+		arrows: false
+	});
+
+})(jQuery);

assets/scss/_buttons.scss

@@ -0,0 +1,100 @@
+/* Button style */
+.btn {
+  font-size: 16px;
+  font-family: $primary-font;
+  font-weight: 600;
+  text-transform: capitalize;
+  padding: 15px 30px;
+  border-radius: 30px;
+  border: 0;
+  position: relative;
+  z-index: 1;
+  transition: .2s ease;
+  white-space: nowrap;
+
+  &::before {
+    position: absolute;
+    content: "";
+    height: 100%;
+    width: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: -1;
+    border-radius: inherit;
+    transition: inherit;
+    background-color: inherit;
+    border: 1px solid transparent;
+  }
+
+  &:hover,
+  &:active,
+  &:focus {
+    outline: 0;
+    @extend .shadow;
+
+    &::before {
+      height: 110%;
+      width: 110%;
+    }
+  }
+
+  &-sm {
+    padding: 12px 30px;
+    font-size: 15px;
+  }
+}
+
+.btn-primary {
+  background-color: $primary-color;
+  color: $white;
+  border-color: $primary-color;
+
+  &:active,
+  &:hover,
+  &.focus,
+  &.active {
+    background-color: $primary-color !important;
+    border-color: $primary-color !important;
+  }
+}
+
+.btn-outline-primary {
+  background-color: transparent;
+  color: $text-color-dark;
+  border-color: transparent;
+
+  &:active,
+  &:hover,
+  &.focus,
+  &.active {
+    background-color: transparent !important;
+    border-color: $primary-color !important;
+    color: $primary-color;
+  }
+  &::before{
+    border-color: $primary-color;
+  }
+}
+
+.btn-link {
+  color: $primary-color;
+
+  i {
+    font-size: 12px;
+    margin-left: 5px;
+    transition: .2s ease;
+  }
+
+  &:active,
+  &:hover,
+  &.focus,
+  &.active {
+    color: $primary-color;
+    text-decoration: none;
+
+    i {
+      margin-left: 10px;
+    }
+  }
+}

assets/scss/_common.scss

@@ -0,0 +1,177 @@
+body {
+  background-color: $body-color;
+  overflow-x: hidden;
+}
+
+::selection {
+  background-color:darken($color: $primary-color, $amount: 10);
+  color: $white;
+}
+
+body::-webkit-scrollbar {
+  width: .5rem;
+}
+
+body::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+
+body::-webkit-scrollbar-thumb {
+  background-color: $primary-color;
+  outline: 2px solid #fff;
+}
+
+
+/* preloader */
+
+.preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #fff;
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+ol,
+ul {
+  margin: 0px;
+}
+
+img {
+  vertical-align: middle;
+  border: 0;
+}
+
+a,
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+
+a,
+button,
+select {
+  cursor: pointer;
+  transition: .2s ease;
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+a:hover {
+  color: $primary-color;
+}
+
+.slick-slide {
+  outline: 0;
+}
+
+.section {
+  padding-top: 70px;
+  padding-bottom: 70px;
+
+  &-title {
+    margin-bottom: 30px;
+  }
+}
+
+.bg-cover {
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.border-default {
+  border-color: $border-color !important;
+}
+
+/* overlay */
+
+.overlay {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '';
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    background-color: $black;
+    opacity: .5;
+  }
+}
+
+.bg-primary {
+  background-color: $primary-color !important;
+}
+
+.bg-light {
+  background-color: $light !important;
+}
+
+.text-primary {
+  color: $primary-color !important;
+}
+
+.rounded-lg{
+  border-radius: 10px !important;
+}
+
+.shadow{
+  box-shadow: 0 12px 24px -6px rgba(45,67,121,.10) !important;
+}
+
+// form control
+
+.form-control {
+  &:focus {
+    outline: 0;
+    border-color: $primary-color;
+    box-shadow: none;
+  }
+
+  &::placeholder {
+    color: $text-color;
+  }
+}
+
+textarea.form-control {
+  height: 100px !important;
+}
+
+.list-unstyled{
+  li{
+    margin-bottom: 10px;
+  }
+}
+
+.check-mark{
+  position: relative;
+  padding-left: 0px;
+  &::before{
+    position: absolute;
+    content: "\e64c";
+    font-family: $icon-font;
+    color: $white;
+    height: 25px;
+    width: 25px;
+    line-height: 25px;
+    background-color: $primary-color;
+    border-radius: 50%;
+    font-size: 15px;
+    text-align: center;
+    left: -30px;
+    top: 3px;
+  }
+}
+
+.shadow_action {
+  box-shadow: 10px 12px 24px 0px rgba(45,67,121,.10);
+}

assets/scss/_mixins.scss

@@ -0,0 +1,29 @@
+@mixin mobile-xs{
+  @media(max-width:400px){
+    @content;
+  }
+}
+@mixin mobile{
+  @media(max-width:575px){
+    @content;
+  }
+}
+@mixin tablet{
+  @media(max-width:767px){
+    @content;
+  }
+}
+@mixin desktop{
+  @media(max-width:991px){
+    @content;
+  }
+}
+@mixin desktop-lg{
+  @media(max-width:1200px){
+    @content;
+  }
+}
+
+@mixin size($size){
+  width: $size; height: $size;
+}

assets/scss/_typography.scss

@@ -0,0 +1,85 @@
+/*  typography */
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
+
+body {
+  line-height: 1.2;
+  font-family: $primary-font;
+  -webkit-font-smoothing: antialiased;
+  font-size: 1rem;
+  color: $text-color;
+}
+
+p,
+.paragraph {
+  font-weight: 400;
+  color: $text-color;
+  font-size: 1.1rem;
+  line-height: 1.7;
+  font-family: $primary-font;
+}
+
+small {
+  font-size: 88%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $text-color-dark;
+  font-family: $primary-font;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+h1,
+.h1 {
+  font-size: 48px;
+
+  @include tablet {
+    font-size: 40px;
+  }
+}
+
+h2,
+.h2 {
+  font-size: 38px;
+
+  @include tablet {
+    font-size: 30px;
+  }
+}
+
+h3,
+.h3 {
+  font-size: 24px;
+}
+
+h4,
+.h4 {
+  font-size: 20px;
+}
+
+h5,
+.h5 {
+  font-size: 16px;
+}
+
+h6,
+.h6 {
+  font-size: 15px;
+}
+
+.display-3{
+  font-size: 3.5rem;
+}
+
+.linkedin_sec {
+  display: block;
+  border: 1px solid $text-color;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+}

assets/scss/_variables.scss

@@ -0,0 +1,13 @@
+// Color Variables
+$primary-color: #f69b1b;
+$text-color: #777;
+$text-color-dark: #222;
+$body-color: #fff;
+$border-color: #ECECEC;
+$black: #000;
+$white: #fff;
+$light: rgba(#f9b61a, 0.15);
+
+// Font Variables
+$primary-font: 'Lato', sans-serif;
+$icon-font: 'themify';

assets/scss/style.scss

@@ -0,0 +1,24 @@
+/*!------------------------------------------------------------------
+[MAIN STYLESHEET]
+
+PROJECT:	Project Name
+VERSION:	Versoin Number
+-------------------------------------------------------------------*/
+
+/*------------------------------------------------------------------
+[TABLE OF CONTENTS]
+-------------------------------------------------------------------*/
+
+@import 'variables';
+
+@import 'mixins';
+
+@import '_typography';
+
+@import 'buttons';
+
+@import '_common';
+
+@import 'templates/navigation.scss';
+
+@import 'templates/_main.scss';

assets/scss/templates/_main.scss

@@ -0,0 +1,363 @@
+// banner
+.banner {
+  min-height: 50vh;
+  padding: 100px 0 100px;
+  background: linear-gradient(105deg, rgba(255, 255, 255, 0.438) 0%, rgba(255, 255, 255, 0.5) 100%, transparent 100%), url('https://images.unsplash.com/photo-1526628953301-3e589a6a8b74?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=2947&q=80');
+  background-size: cover;
+  &__p {
+    color: $body-color;
+    text-shadow: 1px 1px grey;
+    font-weight: 400;
+  }
+}
+
+.feature-card {
+  border-radius: 10px;
+  padding: 20px;
+  transition: .2s ease;
+  background-color: $white;
+
+  &:hover {
+    @extend .shadow;
+  }
+
+  i {
+    font-size: 30px;
+    color: $primary-color;
+    display: inline-block;
+  }
+}
+
+.footer-list a {
+  display: block;
+  padding: 5px 0;
+  font-size: 16px;
+  color: $text-color;
+  margin: 8px 0;
+
+  &:hover {
+    color: $primary-color;
+  }
+}
+
+.social-icons a {
+  color: $primary-color;
+  text-align: center;
+  height: 35px;
+  width: 35px;
+  line-height: 35px;
+  border: 1px solid $primary-color;
+  border-radius: 50%;
+  display: block;
+
+  &:hover {
+    color: $white;
+    background-color: $primary-color;
+  }
+}
+
+// blog post
+a.post-title {
+  color: $text-color-dark;
+  display: block;
+
+  &:hover {
+    color: $primary-color;
+  }
+}
+
+.content {
+
+  * {
+    word-break: break-word;
+    overflow-wrap: break-word;
+    margin-bottom: 20px;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-bottom: 15px;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  a {
+    color: $text-color;
+    border-bottom: 1px dotted $border-color;
+
+    &:hover {
+      color: $primary-color;
+    }
+  }
+
+  ol,
+  ul {
+    padding-left: 20px;
+
+    li {
+      margin-bottom: 10px;
+    }
+  }
+
+  ul {
+    padding-left: 0;
+    margin-bottom: 20px;
+    list-style-type: none;
+
+    li {
+      padding-left: 20px;
+      position: relative;
+
+      &::before {
+        position: absolute;
+        content: '';
+        height: 8px;
+        width: 8px;
+        border-radius: 50%;
+        background: $primary-color;
+        left: 3px;
+        top: 5px;
+      }
+    }
+  }
+
+  table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+    border: 1px solid $border-color;
+  }
+
+  table td,
+  table th {
+    padding: .75rem;
+    vertical-align: top;
+    margin-bottom: 0;
+  }
+
+  th,
+  td {
+    &:not(:last-of-type) {
+      border-right: 1px solid $border-color;
+    }
+  }
+
+  th {
+    font-weight: 500;
+  }
+
+  thead {
+    background: $white;
+    margin-bottom: 0;
+
+    tr {
+      border-bottom: 1px solid $border-color;
+    }
+  }
+
+  tbody {
+    background-color: transparent;
+    margin-bottom: 0;
+  }
+
+  .notices {
+    margin: 2rem 0;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .notices p {
+    padding: 10px;
+    margin-bottom: 0;
+  }
+
+  .notices p::before {
+    position: absolute;
+    top: 2px;
+    color: $white;
+    font-family: "themify";
+    font-weight: 900;
+    content: "\e717";
+    left: 10px;
+  }
+
+  .notices.note p {
+    border-top: 30px solid #6ab0de;
+    background: $white;
+  }
+
+  .notices.note p::after {
+    content: 'Note';
+    position: absolute;
+    top: 2px;
+    color: $white;
+    left: 2rem;
+  }
+
+
+  .notices.tip p {
+    border-top: 30px solid #78C578;
+    background: $white;
+  }
+
+  .notices.tip p::after {
+    content: 'Tip';
+    position: absolute;
+    top: 2px;
+    color: $white;
+    left: 2rem;
+  }
+
+  .notices.info p {
+    border-top: 30px solid #F0B37E;
+    background: $white;
+  }
+
+  .notices.info p::after {
+    content: 'Info';
+    position: absolute;
+    top: 2px;
+    color: $white;
+    left: 2rem;
+  }
+
+
+  .notices.warning p {
+    border-top: 30px solid #E06F6C;
+    background: $white;
+  }
+
+  .notices.warning p::after {
+    content: 'Warning';
+    position: absolute;
+    top: 2px;
+    color: #fff;
+    left: 2rem;
+  }
+
+
+  blockquote {
+    font-size: 20px !important;
+    color: $text-color;
+    padding: 20px 40px;
+    border-left: 2px solid $primary-color;
+    margin: 40px 0;
+    font-weight: bold;
+    background: $white;
+
+    p {
+      margin-bottom: 0 !important;
+    }
+  }
+
+  pre {
+    display: block;
+    padding: 9.5px;
+    margin: 10px 0px 10px;
+    white-space: pre-wrap;
+  }
+
+  code {
+    margin-bottom: 0 !important;
+    font-size: 100%;
+  }
+}
+
+
+// pagination
+.pagination {
+  margin-top: 30px;
+  justify-content: center;
+
+  .page-item {
+    .page-link {
+      display: inline-block;
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+      border-radius: 5px;
+      background: $light;
+      text-align: center;
+      padding: 0;
+      margin-right: 10px;
+      border: 0;
+      color: $text-color;
+
+      &:hover {
+        background: $primary-color;
+        color: $white;
+      }
+
+      &:focus {
+        box-shadow: none;
+      }
+    }
+
+    &:first-child,
+    &:last-child {
+      .page-link {
+        border-radius: 5px;
+      }
+    }
+
+    &.active {
+      .page-link {
+        background: $primary-color;
+        color: $white;
+      }
+    }
+  }
+}
+
+.slick-dots {
+  text-align: center;
+  margin-top: 20px;
+
+  li {
+    display: inline-block;
+    margin: 0 5px;
+
+    &.slick-active {
+      button {
+        background-color: $primary-color;
+      }
+    }
+
+    button {
+      height: 10px;
+      width: 10px;
+      border-radius: 50%;
+      display: block;
+      color: transparent;
+      padding: 0;
+      border: 1px solid $primary-color;
+      background-color: transparent;
+      transition: .2s ease;
+    }
+  }
+}
+
+// pricing table
+.col-recommended {
+  margin: -2rem -1.5rem;
+  z-index: 1;
+  @include desktop {
+    margin: 0;
+    margin-bottom: 40px;
+  }
+}
+
+.price{
+  font-size: 50px;
+  color: $text-color-dark;
+}

assets/scss/templates/_navigation.scss

@@ -0,0 +1,36 @@
+.nav-item {
+  margin: 0;
+
+  .nav-link {
+    text-transform: capitalize;
+    font-weight: 700;
+  }
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: $text-color-dark;
+
+  &:hover {
+    color: $primary-color;
+  }
+}
+
+.navbar-expand-lg .navbar-nav .nav-link {
+  padding: 20px;
+
+  @include desktop {
+    padding: 10px;
+  }
+}
+
+.dropdown-menu {
+  top: 90%;
+  padding: 0;
+  .dropdown-item {
+    padding:1rem 1.5rem;
+    text-align: center;
+    &:not(:last-child) {
+      border-bottom: 1px solid $border-color;
+    }
+  }
+}

blog/_index.md

@@ -0,0 +1,7 @@
+---
+title: "Latest News"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---

blog/post-1.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-1.jpg"
+# post type (regular/featured)
+type: "featured"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

blog/post-2.md

@@ -0,0 +1,172 @@
+---
+title: "Pump-up the team morale and celebrate the excellence"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-2.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

blog/post-3.md

@@ -0,0 +1,172 @@
+---
+title: "screens with built in Present and Dismiss animations."
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-3.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

blog/post-4.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-4.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

blog/post-5.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-5.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

blog/post-6.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-6.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

config / _default/language.toml

@@ -0,0 +1,29 @@
+############################# English ############################
+[en]
+languageName = "En"
+title = "Bigspring Hugo"
+contentDir = "content/english" # content/english
+weight = 1
+########### footer content ##########
+footer_menu_left = "Company"
+footer_menu_middle = "Product"
+footer_menu_right = "Support"
+footer_content = "Lorem ipsum dolor sit amet, consectetur elit. Consjat tristique eget amet, tempus eu at cttur."
+# copyright
+copyright = "Design By [Themefisher](https://themefisher.com/) Develop By [Gethugothemes](https://gethugothemes.com/)"
+
+
+
+############################# Deutsch ############################
+[ch]
+languageName = "中文"
+title = "Bigspring Hugo"
+contentDir = "content/deutsch" # content/german
+weight = 2
+########### footer content ##########
+footer_menu_left = "Firma"
+footer_menu_middle = "Produkte"
+footer_menu_right = "Support"
+footer_content = "Lorem ipsum dolor sit amet, consectetur elit. Consjat tristique eget amet, tempus eu at cttur."
+# copyright
+copyright = "Design von [Themefisher](https://themefisher.com/) Entwickelt von [Gethugothemes](https://gethugothemes.com/)"

config.toml

@@ -0,0 +1,188 @@
+######################## default configuration ####################
+baseURL = "http://www.choozmo.com/"
+title = "廣告動數據平台"
+# theme = "bigspring"
+# post pagination
+paginate = "3"
+# post excerpt
+summaryLength = "15"
+# disqus short name
+disqusShortname = "" # get your shortname form here : https://disqus.com
+# google analytics
+googleAnalytics = "" # example : UA-123-45
+# unsafe html
+publishDir = "/home/farm/farmoutput/ad_www/"
+
+[markup.goldmark.renderer]
+unsafe = true
+
+############################# Plugins ##############################
+
+# CSS Plugins
+[[params.plugins.css]]
+link = "plugins/bootstrap/bootstrap.min.css"
+[[params.plugins.css]]
+link = "plugins/themify-icons/themify-icons.css"
+[[params.plugins.css]]
+link = "plugins/slick/slick.css"
+
+# JS Plugins
+[[params.plugins.js]]
+link = "plugins/jQuery/jquery.min.js"
+[[params.plugins.js]]
+link = "plugins/bootstrap/bootstrap.min.js"
+[[params.plugins.js]]
+link = "plugins/slick/slick.min.js"
+
+
+############################## navigation ###############################
+
+[Languages.ch]
+languageName = "Ch"
+languageCode = "zh-Hant"
+weight = 1
+########### footer content ##########
+footer_content = "<p style='display:flex;justify-content:center'><a href='https://www.linkedin.com/company/choozmo/?viewAsMember=true' class='linkedin_sec'><i class='ti-linkedin' style='color:#777;line-height:35px;'></i></a><p> <a href='https://www.google.com/maps?q=新竹縣竹北市復興二路229號9樓之9' target='_blank' style='color:#6c757d;'>新竹縣竹北市復興二路229號9樓之9</a> <p> <a href='tel:036670804' style='color:#6c757d;'>03-6670804</a> <p> <a href='mailto:service@choozmo.com'>service@choozmo.com</a>"
+# copyright
+copyright = "© 2021 集仕多股份有限公司 版權所有"
+# Navigation buttons
+[Languages.ch.params.navigation_button]
+enable = true
+label = "立即了解"
+link = "https://line.me/R/ti/p/%40417lsxlz"
+
+# main menu
+[[Languages.ch.menu.main]]
+name = "服務項目"
+URL = ""
+weight = 1
+identifier = "service item"
+
+[[Languages.ch.menu.main]]
+name = "流量優化服務"
+url = "/流量優化服務"
+weight = 1
+parent = "service item"
+
+[[Languages.ch.menu.main]]
+name = "數據分析服務"
+url = "/數據分析服務"
+weight = 2
+parent = "service item"
+
+[[Languages.ch.menu.main]]
+name = "AI國際代言人"
+url = "/AI國際代言人"
+weight = 3
+parent = "service item"
+
+[[Languages.ch.menu.main]]
+name = "服務費用"
+URL = "pricing"
+weight = 2
+identifier = "pricing"
+
+[[Languages.ch.menu.main]]
+name = "聯絡我們"
+#URL = "contact"
+URL = "https://lin.ee/2gqgXla"
+weight = 3
+identifier = "contact"
+
+
+[Languages.en]
+languageName = "En"
+languageCode = "en-us"
+weight = 2
+footer_content = "<p style='display:flex;justify-content:center'><a href='https://www.linkedin.com/company/choozmo/?viewAsMember=true' class='linkedin_sec'><i class='ti-linkedin' style='color:#777;line-height:35px;'></i></a><p> <a href='https://www.google.com/maps?q=新竹縣竹北市復興二路229號9樓之9' target='_blank' style='color:#6c757d;'>Rm. 9, 9F., No. 229, Fuxing 2nd Rd., Zhubei City, Hsinchu County 302052, Taiwan (R.O.C.)</a> <p> <a href='tel:036670804' style='color:#6c757d;'>03-6670804</a> <p> <a href='mailto:service@choozmo.com'>service@choozmo.com</a>"
+copyright = "Copyright © 2020 By Choozmo"
+
+[Languages.en.params.navigation_button]
+enable = true
+label = "Contact Now"
+link = "https://line.me/R/ti/p/%40417lsxlz"
+
+[[Languages.en.menu.main]]
+# name = "FAQ"
+# URL = "faq"
+# weight = 4
+[[Languages.en.menu.main]]
+name = "Services"
+URL = ""
+weight = 1
+identifier = "service item"
+
+[[Languages.en.menu.main]]
+name = "Traffic Optimization"
+url = "/流量優化服務"
+weight = 1
+parent = "service item"
+
+[[Languages.en.menu.main]]
+name = "Data analysis"
+url = "/數據分析服務"
+weight = 2
+parent = "service item"
+
+[[Languages.en.menu.main]]
+name = "AI Spokeperson"
+url = "/AI國際代言人"
+weight = 3
+parent = "service item"
+
+[[Languages.en.menu.main]]
+name = "Pricing"
+URL = "pricing"
+weight = 2
+identifier = "pricing"
+
+[[Languages.en.menu.main]]
+name = "Contact us"
+#URL = "contact"
+URL = "https://lin.ee/2gqgXla"
+weight = 3
+identifier = "contact"
+
+#################### default parameters ################################
+[params]
+logo = "images/logo (1).webp"
+logo_width = "200px"
+logo2 = "images/logo_2.png"
+# Meta data
+description = "This is meta description"
+author = "Themefisher"
+# contact form action
+contact_form_action = "#" # contact form works with https://formspree.io
+
+
+# Preloader
+[params.preloader]
+enable = false
+preloader = "" # use jpg, png, svg or gif format.
+
+
+  
+############################# social site ########################
+[[params.social]]
+title = "facebook"
+icon = "ti-facebook" # themify icon : https://themify.me/themify-icons
+link = "#"
+
+[[params.social]]
+title = "twitter"
+icon = "ti-twitter-alt" # themify icon : https://themify.me/themify-icons
+link = "#"
+
+[[params.social]]
+title = "skype"
+icon = "ti-skype" # themify icon : https://themify.me/themify-icons
+link = "#"
+
+[[params.social]]
+title = "linkedin"
+icon = "ti-linkedin" # themify icon : https://themify.me/themify-icons
+link = "#"
+
+[taxonomies]
+    category = "categories"
+    tags = "tags"

contact/_index.md

@@ -0,0 +1,15 @@
+---
+title: "Contact Us"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+
+### Why you should contact us!
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit recusandae voluptates doloremque veniam temporibus porro culpa ipsa, nisi soluta minima saepe laboriosam debitis nesciunt.
+
+* **Phone: +88 125 256 452** 
+* **Mail: info@bigspring.com**
+* **Address: 360 Main rd, Rio, Brazil**

content/AI國際代言人/_index.ch.md

@@ -0,0 +1,54 @@
+---
+title: "AI國際代言人"
+subtitle: "行銷全球無障礙<br>虛擬人像技術，不論是要以白人女性代言人銷售歐美，或是戴頭巾銷售中東都能達成"
+# meta description
+description: "This is meta description"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "多國語言AI主播"
+      images:
+      content : "虛擬主播幫你省下拍攝及人力成本，且免人臉肖像授權"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/E4Dt7eU3WCo?autoplay=1"
+    - title : "Text To Video 技術"
+      images:
+      - "images/texttovideo.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:
+      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"
+---

content/AI國際代言人/_index.en.md

@@ -0,0 +1,54 @@
+---
+title: "AI Spokemen"
+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."
+# meta description
+description: "This is meta description"
+draft: false
+
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "Multi-lingual AI Spokemen"
+      images:
+      content : "Virtual spokemen help you save the costs of shooting and labor, and free right of publicity"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/E4Dt7eU3WCo?autoplay=1"
+    - title : "Text To Video Technique"
+      images:
+      - "images/texttovideo.webp"
+      content : "Only text content is needed to generate a virtual host 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 : "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"
+---

content/_index.ch.md

@@ -0,0 +1,191 @@
+---
+title: "數據引導思維"
+subtitle: "幫您找出有效的廣告投放策略 <br> 取得自然流量及轉換"
+# meta description
+description: "This is meta description"
+draft: false
+
+####################### Banner #########################
+banner:
+  title : "數據引導思維"
+  image : "images/stephen-dawson-qwtCeJ5cLYs-unsplash.webp"
+  content : "幫您找出有效的廣告投放策略 <br> 取得自然流量及轉換"
+  button:
+    enable : false
+    label : "Contact With Us"
+    link : "#"
+
+##################### Feature ##########################
+feature:
+  enable : true
+  title : "服務項目"
+  feature_item:
+    # feature item loop
+    - name : "流量優化專案"
+      icon : "ti-pulse"
+      content : ""
+    
+    # feature item loop
+    - name : "數據分析專案"
+      icon : "ti-bar-chart"
+      content : ""
+
+    # feature item loop
+    - name : "AI國際代言人"
+      icon : "ti-comments-smiley"
+      content : ""   
+      
+    # feature item loop
+    # - name : "商品頁內容優化"
+    #   icon : "ti-credit-card"
+    #   content : ""
+      
+    # feature item loop
+    # - name : "定價策略工具"
+    #   icon : "ti-headphone-alt"
+    #   content : ""
+      
+    # feature item loop
+    # - name : "形象影片AI工具"
+    #   icon : "ti-cloud-up"
+    #   content : ""
+      
+
+
+######################### Service #####################
+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 : "#"
+      images:
+      - "images/ampintro_new.webp"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+    # service item loop
+    - title : "曝光及流量顯著成長"
+      images:
+      - "images/alexagrow.webp"
+      content : "運用機器人小編生成內容，使網站三個月內曝光及流量成長近三倍"
+      button:
+        enable : true
+        label : "立即了解"
+        link : "https://line.me/R/ti/p/%40417lsxlz"
+      images:
+      - "images/alexagrow.webp"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+    # service item loop
+    - 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 : true
+        label : "免費SEO健檢"
+        link : "https://bit.ly/2UzNkCU"
+
+    # service item loop
+    #- title : "全球網路客流量操盤經驗"
+    #  images:
+    #  - "images/internet_traffic.png"
+    #  content : "團隊的流量操盤經驗，閱覽者橫跨全球五大洲，來自 201個國家，使用包括中文、英文(US / UK / PH / CA/ AU)、西班牙文、越南文、土耳其文、印度方言等語言"
+    #  button:
+    #   enable : false
+    #    label : "Check it out"
+    #   link : "#"
+    
+    # service item loop
+    - title : "客製化數據分析專案經驗豐富"
+      images:
+      - "images/network_connection.webp"
+      content : "運用多種分析技術及完整流程，協助您找出潛在客戶，最大化您的廣告投遞效益以找出最佳策略"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      
+    # service item loop
+    #- title : "客製化數據分析專案經驗豐富"
+    #  images:
+    #  - "images/data_analysis.png"
+    #  content : "紮實Machine Learning 與Deep Learning技術，大數據專案經驗豐富，包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
+    #  button:
+    #   enable : false
+    #    label : "Check it out"
+    #    link : "#"
+    
+    # service item loop
+    # - title : "形象影片AI工具"
+    #   images:
+    #   - "images/ai_video.jpg"
+    #   content : "不需演員、更不需要拍攝團隊。 <p> 簡單以文字方式輸入介紹內容，就像寫Email一樣簡單。😄😄😄 <p> 透過AI影片產生器，就能自動依您輸入的內容，產生形象影片，快來試看看吧。 👍👍"
+    #   button:
+    #     enable : false
+    #     label : "Check it out"
+    #     link : "#"
+    #   youtube:
+    #     enable : true
+
+    # service item loop
+    #- title : "報表整合 Google Data Studio 方便易用"
+    #  images:
+    #  - "images/google_data_studio.png"
+    #  content : "整合 Google Search Console 及 Google Analytics，讓您輕鬆瀏覽成效數據"
+    #  button:
+    #    enable : false
+    #   label : "Check it out"
+    #    link : "#"  
+        
+    # service item loop
+    - title : "AI國際代言人"
+      #images:
+      #- "images/organic_growth_1.png"
+      #- "images/organic_growth_2.png"
+      #- "images/organic_growth_3.png"
+      content : "採用 Deep Learning 虛擬人像技術，免費虛擬人臉肖像授權，可大幅降低外語短片製作成本"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/IR6yoAO9zZQ?autoplay=1"
+        
+################### Screenshot ########################
+screenshot:
+  enable : false
+  title : " <br><br> 幫助您取得曝光及流量"
+  image : ""
+  button:
+    enable : true
+    label : "立即了解"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+
+  
+
+##################### Call to action #####################
+call_to_action:
+  enable : false
+  title : ""
+  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"
+---

content/_index.en.md

@@ -0,0 +1,191 @@
+---
+title: "數據引導思維"
+subtitle: "幫您找出有效的廣告投放策略 <br> 取得自然流量及轉換"
+# meta description
+description: "This is meta description"
+draft: false
+
+####################### Banner #########################
+banner:
+  title : "Data To Insight"
+  image : "images/stephen-dawson-qwtCeJ5cLYs-unsplash.webp"
+  content : "Help your company create efficient advertising strategy<br>Get high conversion rate and organic traffic"
+  button:
+    enable : false
+    label : "Contact With Us"
+    link : "#"
+
+##################### Feature ##########################
+feature:
+  enable : true
+  title : "Services"
+  feature_item:
+    # feature item loop
+    - name : "Traffic Optimization"
+      icon : "ti-pulse"
+      content : ""
+    
+    # feature item loop
+    - name : "Data analysis"
+      icon : "ti-bar-chart"
+      content : ""
+
+    # feature item loop
+    - name : "AI Spokeperson"
+      icon : "ti-comments-smiley"
+      content : ""   
+      
+    # feature item loop
+    # - name : "商品頁內容優化"
+    #   icon : "ti-credit-card"
+    #   content : ""
+      
+    # feature item loop
+    # - name : "定價策略工具"
+    #   icon : "ti-headphone-alt"
+    #   content : ""
+      
+    # feature item loop
+    # - name : "形象影片AI工具"
+    #   icon : "ti-cloud-up"
+    #   content : ""
+      
+
+
+######################### Service #####################
+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 : "#"
+      images:
+      - "images/ampintro_new.webp"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+    # service item loop
+    - title : "Gigantic Grow in Exposure & Traffic"
+      images:
+      - "images/alexagrow.webp"
+      content : "With the robot editor generating content, the exposure and traffic of the website have grown nearly three times within three months."
+      button:
+        enable : true
+        label : "Learn More"
+        link : "https://line.me/R/ti/p/%40417lsxlz"
+      images:
+      - "images/alexagrow.webp"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+    # service item loop
+    - 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 : true
+        label : "Get Free SEO Check"
+        link : "https://bit.ly/2UzNkCU"
+
+    # service item loop
+    #- title : "全球網路客流量操盤經驗"
+    #  images:
+    #  - "images/internet_traffic.png"
+    #  content : "團隊的流量操盤經驗，閱覽者橫跨全球五大洲，來自 201個國家，使用包括中文、英文(US / UK / PH / CA/ AU)、西班牙文、越南文、土耳其文、印度方言等語言"
+    #  button:
+    #   enable : false
+    #    label : "Check it out"
+    #   link : "#"
+    
+    # service item loop
+    - title : "Rich Experiences in Customized Data Analysis Projects"
+      images:
+      - "images/network_connection.webp"
+      content : "By a variety of analysis measures and complete processes, help you find out prospective customers, maximizing your advertising effectiveness."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      
+    # service item loop
+    #- title : "客製化數據分析專案經驗豐富"
+    #  images:
+    #  - "images/data_analysis.png"
+    #  content : "紮實Machine Learning 與Deep Learning技術，大數據專案經驗豐富，包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
+    #  button:
+    #   enable : false
+    #    label : "Check it out"
+    #    link : "#"
+    
+    # service item loop
+    # - title : "形象影片AI工具"
+    #   images:
+    #   - "images/ai_video.jpg"
+    #   content : "不需演員、更不需要拍攝團隊。 <p> 簡單以文字方式輸入介紹內容，就像寫Email一樣簡單。😄😄😄 <p> 透過AI影片產生器，就能自動依您輸入的內容，產生形象影片，快來試看看吧。 👍👍"
+    #   button:
+    #     enable : false
+    #     label : "Check it out"
+    #     link : "#"
+    #   youtube:
+    #     enable : true
+
+    # service item loop
+    #- title : "報表整合 Google Data Studio 方便易用"
+    #  images:
+    #  - "images/google_data_studio.png"
+    #  content : "整合 Google Search Console 及 Google Analytics，讓您輕鬆瀏覽成效數據"
+    #  button:
+    #    enable : false
+    #   label : "Check it out"
+    #    link : "#"  
+        
+    # service item loop
+    - title : "AI Spokeperson"
+      #images:
+      #- "images/organic_growth_1.png"
+      #- "images/organic_growth_2.png"
+      #- "images/organic_growth_3.png"
+      content : "With Deep Learning virtual portrait technology and free right of publicity, which can greatly reduce the production cost of foreign language short films and marketing."
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/IR6yoAO9zZQ?autoplay=1"
+        
+################### Screenshot ########################
+screenshot:
+  enable : false
+  title : " <br><br> 幫助您取得曝光及流量"
+  image : ""
+  button:
+    enable : true
+    label : "立即了解"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+
+  
+
+##################### Call to action #####################
+call_to_action:
+  enable : false
+  title : "Need other traffic optimization service?"
+  image : "images/cta.svg"
+  content : ""
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

content/blog/_index.md

@@ -0,0 +1,7 @@
+---
+title: "Latest News"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---

content/blog/post-1.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-1.jpg"
+# post type (regular/featured)
+type: "featured"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

content/blog/post-2.md

@@ -0,0 +1,172 @@
+---
+title: "Pump-up the team morale and celebrate the excellence"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-2.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

content/blog/post-3.md

@@ -0,0 +1,172 @@
+---
+title: "screens with built in Present and Dismiss animations."
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-3.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

content/blog/post-4.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-4.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

content/blog/post-5.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-5.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

content/blog/post-6.md

@@ -0,0 +1,172 @@
+---
+title: "Adversus is a web-based dialer and practical CRM solution"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-6.jpg"
+# post type (regular/featured)
+type: "regular"
+# meta description
+description: "This is meta description"
+# post draft
+draft: false
+---
+
+
+#### Heading example
+
+Here is example of hedings. You can use this heading by following markdownify rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1 
+<br>
+
+## Heading 2 
+
+<br>
+
+### Heading 3 
+
+<br>
+
+#### Heading 4 
+
+<br>
+
+##### Heading 5 
+
+<br>
+
+###### Heading 6
+
+
+<hr>
+
+##### Emphasis
+
+Emphasis, aka italics, with *asterisks* or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or __underscores__.
+
+Combined emphasis with **asterisks and _underscores_**.
+
+Strikethrough uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+##### Link
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links. 
+http://www.example.com or <http://www.example.com> and sometimes 
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+##### Unordered List
+
+* List item
+* List item
+* List item
+* List item
+* List item
+
+<hr>
+
+##### Code and Syntax Highlighting
+
+Inline `code` has `back-ticks around` it.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Blockquote
+
+> This is a blockquote example.
+
+<hr>
+
+##### Inline HTML
+
+You can also use raw HTML in your Markdown, and it'll mostly work pretty well.
+
+<dl>
+  <dt>Definition list</dt>
+  <dd>Is something people use sometimes.</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tables
+
+Colons can be used to align columns.
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don't need to make the 
+raw Markdown line up prettily. You can also use inline Markdown.
+
+Markdown | Less | Pretty
+--- | --- | ---
+*Still* | `renders` | **nicely**
+1 | 2 | 3
+
+<hr>
+
+##### Image
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}

content/choozmo-created-an-ai-spokesgirl-for-product-explainer-video/index.md

@@ -0,0 +1,16 @@
+---
+title: "ChoozMo created an AI Spokesgirl for product explainer video"
+date: 2020-12-17T18:29:38+08:00
+lang: en
+draft: false
+type: "post"
+url: "/news/choozmo-created-an-ai-spokesgirl-for-product-explainer-video"
+image: "cover.jpg"
+---
+
+
+The leading AI-avatar startup in Taiwan has created an AI Spokesgirl for product explainer video. Explainer videos are short marketing videos used to explain your company’s product or service. Explainer videos are often placed on a landing page, your website’s home page, or a prominent product page.
+
+AI Spokesgirl is a virtual presenter, who was building from a real-life  blogger in Taiwan. Her digital counterpart is brought to life by multi-modal recognition and synthesis, facial recognition and animation and transfer learning. This allows it to imitate human voices, facial expressions, lip movements, and mannerisms using only text inputs.
+
+Nowadays many businesses work with customers of different nationalities. Therefore, a multi-language explainer video is a necessity. Customized content will attract more visitors, contribute to empathy, enhance engagement and increase conversion.AI Spokesgirl  will help companies making multi-language explainer videos rapidly.

content/contact/_index.md

@@ -0,0 +1,15 @@
+---
+title: "Contact Us"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+
+### Why you should contact us!
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit recusandae voluptates doloremque veniam temporibus porro culpa ipsa, nisi soluta minima saepe laboriosam debitis nesciunt.
+
+* **Phone: +88 125 256 452** 
+* **Mail: info@bigspring.com**
+* **Address: 360 Main rd, Rio, Brazil**

content/faq/_index.ch.md

@@ -0,0 +1,40 @@
+---
+title: "Frequently Asked Questions"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+
+{{< faq "Will updates also be free?" >}}
+Lorem, [link](https://examplesite.com) _ipsum_ dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Discounts for students and Non Profit Organizations?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "I need something unique, Can you make it?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Is there any documentation and support?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Any refunds?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "What is a product key?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Where do I download the file to?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Any refunds?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}

content/pricing/_index.ch.md

@@ -0,0 +1,62 @@
+---
+title: "服務費用"
+subtitle: "( 限時折扣 3% )"
+# meta description
+description: "This is meta description"
+draft: false
+
+basic:
+  name : "基本 ( 廣告費 < 1萬 )"
+  fee: "廣告服務費"
+  price: "31%"
+  price_per : "month"
+  discount: "3%"
+  info : ""
+  services:
+  - "適合小型企業"
+  - "適合小型賣家"
+  button:
+    enable : true
+    label : "立即了解"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+    
+professional:
+  name : "進階 ( 廣告費 1~10萬 )"
+  fee: "服務費"
+  price: "26%"
+  price_per : "month"
+  discount: "3%"
+  info : ""
+  services:
+  - "適合中小型企業"
+  - "適合中型賣家"
+  button:
+    enable : true
+    label : "立即了解"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+    
+business:
+  name : "高階 ( 廣告費 10萬以上 )"
+  fee: "服務費"
+  price: "23%"
+  price_per : "month"
+  discount: "3%"
+  info : ""
+  services:
+  - "適合中大型企業"
+  - "適合大型賣家"
+  button:
+    enable : true
+    label : "立即了解"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+
+call_to_action:
+  enable : true
+  title : "有其他流量優化需求？"
+  image : "images/logo (1).webp"
+  content : "想要打造完整的前台使用者網站，後台資料管理介面？想要知道尚未開發優化的主題關鍵字？或是迅速製作商品AI宣傳影片？"
+  button:
+    enable : true
+    label : "立即了解"
+    link : "contact"
+---

content/pricing/_index.en.md

@@ -0,0 +1,62 @@
+---
+title: "Pricing"
+subtitle: "( 3% Off For Now)"
+# meta description
+description: "This is meta description"
+draft: false
+
+basic:
+  name : "Basic Plan<br>(Fee < $10000)"
+  fee: "Ads Fee"
+  price: "31%"
+  price_per : "month"
+  discount: "3%"
+  info : ""
+  services:
+  - "For small teams"
+  - "For small-sized enterprises"
+  button:
+    enable : true
+    label : "Contact Now"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+    
+professional:
+  name : "Plus Plan<br>(Fee < $100000)"
+  fee: "Fees"
+  price: "26%"
+  price_per : "month"
+  discount: "3%"
+  info : ""
+  services:
+  - "For small-sized enterprises"
+  - "For medium-sized businesses"
+  button:
+    enable : true
+    label : "Contact Now"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+    
+business:
+  name : "Enterprise Plan<br>(Fee > $100000)"
+  fee: "Fees"
+  price: "23%"
+  price_per : "month"
+  discount: "3%"
+  info : ""
+  services:
+  - "Larger businesses"
+  - "Large Enterprise"
+  button:
+    enable : true
+    label : "Contact Now"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+
+call_to_action:
+  enable : true
+  title : "Need other traffic optimization service?"
+  image : "images/logo (1).webp"
+  content : "Want to build a complete front-end user website and back-end data management interface? Want to know the keywords that have not been discovered and optimized? Or make commercial AI promotional videos in a snap?"
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---

content/privacy-policy/_index.md

@@ -0,0 +1,31 @@
+---
+title: "Privecy & Policy"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed 
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of  Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. 
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat 
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but  limited to, email addresses, telephone numbers
+4. Any Update come in The technology  Customer will get automatic  Notification.

content/terms-conditions/_index.md

@@ -0,0 +1,31 @@
+---
+title: "Terms of Service"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed 
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of  Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. 
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat 
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but  limited to, email addresses, telephone numbers
+4. Any Update come in The technology  Customer will get automatic  Notification.

content/數據分析服務/_index.ch.md

@@ -0,0 +1,71 @@
+---
+title: "數據分析服務"
+subtitle: "客製化且完整的分析專案<br>協助您做出最佳決策"
+# meta description
+description: "This is meta 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"
+---

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: "This is meta description"
+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"
+---

content/流量優化服務/_index.ch.md

@@ -0,0 +1,55 @@
+---
+title: "流量優化服務"
+subtitle: "改善網站體質，獲取流量紅利"
+# meta description
+description: "This is meta 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"
+---

content/流量優化服務/_index.en.md

@@ -0,0 +1,55 @@
+---
+title: "Traffic Optimization"
+subtitle: "Improve your website and gain traffic bonus"
+# meta description
+description: "This is meta description"
+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"
+---

data/homepage.yml

@@ -0,0 +1,183 @@
+####################### Banner #########################
+banner:
+  title : "數據引導思維"
+  image : "images/stephen-dawson-qwtCeJ5cLYs-unsplash.webp"
+  content : "幫您找出有效的廣告投放策略 <br> 取得自然流量及轉換"
+  button:
+    enable : false
+    label : "Contact With Us"
+    link : "#"
+
+##################### Feature ##########################
+feature:
+  enable : true
+  title : "服務項目"
+  feature_item:
+    # feature item loop
+    - name : "流量優化專案"
+      icon : "ti-pulse"
+      content : ""
+    
+    # feature item loop
+    - name : "數據分析專案"
+      icon : "ti-bar-chart"
+      content : ""
+
+    # feature item loop
+    - name : "AI國際代言人"
+      icon : "ti-comments-smiley"
+      content : ""   
+      
+    # feature item loop
+    # - name : "商品頁內容優化"
+    #   icon : "ti-credit-card"
+    #   content : ""
+      
+    # feature item loop
+    # - name : "定價策略工具"
+    #   icon : "ti-headphone-alt"
+    #   content : ""
+      
+    # feature item loop
+    # - name : "形象影片AI工具"
+    #   icon : "ti-cloud-up"
+    #   content : ""
+      
+
+
+######################### Service #####################
+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 : "#"
+      images:
+      - "images/ampintro_new.webp"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+    # service item loop
+    - title : "曝光及流量顯著成長"
+      images:
+      - "images/alexagrow.webp"
+      content : "運用機器人小編生成內容，使網站三個月內曝光及流量成長近三倍"
+      button:
+        enable : true
+        label : "立即了解"
+        link : "https://line.me/R/ti/p/%40417lsxlz"
+      images:
+      - "images/alexagrow.webp"
+      #youtube:
+        #enable : true
+        #link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+
+    # service item loop
+    - 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 : true
+        label : "免費SEO健檢"
+        link : "https://bit.ly/2UzNkCU"
+
+    # service item loop
+    #- title : "全球網路客流量操盤經驗"
+    #  images:
+    #  - "images/internet_traffic.png"
+    #  content : "團隊的流量操盤經驗，閱覽者橫跨全球五大洲，來自 201個國家，使用包括中文、英文(US / UK / PH / CA/ AU)、西班牙文、越南文、土耳其文、印度方言等語言"
+    #  button:
+    #   enable : false
+    #    label : "Check it out"
+    #   link : "#"
+    
+    # service item loop
+    - title : "客製化數據分析專案經驗豐富"
+      images:
+      - "images/network_connection.webp"
+      content : "運用多種分析技術及完整流程，協助您找出潛在客戶，最大化您的廣告投遞效益以找出最佳策略"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      
+    # service item loop
+    #- title : "客製化數據分析專案經驗豐富"
+    #  images:
+    #  - "images/data_analysis.png"
+    #  content : "紮實Machine Learning 與Deep Learning技術，大數據專案經驗豐富，包含美妝產業應用、廣告代操、選戰分析、輿情分析、金融應用。團隊服務過的客戶包含雄獅旅遊總公司、信義房屋總部、永慶房屋總部、麗嬰房總公司等等。"
+    #  button:
+    #   enable : false
+    #    label : "Check it out"
+    #    link : "#"
+    
+    # service item loop
+    # - title : "形象影片AI工具"
+    #   images:
+    #   - "images/ai_video.jpg"
+    #   content : "不需演員、更不需要拍攝團隊。 <p> 簡單以文字方式輸入介紹內容，就像寫Email一樣簡單。😄😄😄 <p> 透過AI影片產生器，就能自動依您輸入的內容，產生形象影片，快來試看看吧。 👍👍"
+    #   button:
+    #     enable : false
+    #     label : "Check it out"
+    #     link : "#"
+    #   youtube:
+    #     enable : true
+
+    # service item loop
+    #- title : "報表整合 Google Data Studio 方便易用"
+    #  images:
+    #  - "images/google_data_studio.png"
+    #  content : "整合 Google Search Console 及 Google Analytics，讓您輕鬆瀏覽成效數據"
+    #  button:
+    #    enable : false
+    #   label : "Check it out"
+    #    link : "#"  
+        
+    # service item loop
+    - title : "AI國際代言人"
+      #images:
+      #- "images/organic_growth_1.png"
+      #- "images/organic_growth_2.png"
+      #- "images/organic_growth_3.png"
+      content : "採用 Deep Learning 虛擬人像技術，免費虛擬人臉肖像授權，可大幅降低外語短片製作成本"
+      button:
+        enable : false
+        label : "Check it out"
+        link : "#"
+      youtube:
+        enable : true
+        link : "https://www.youtube.com/embed/U_Iyc5wH1EA?autoplay=1"
+        
+################### Screenshot ########################
+screenshot:
+  enable : false
+  title : " <br><br> 幫助您取得曝光及流量"
+  image : ""
+  button:
+    enable : true
+    label : "立即了解"
+    link : "https://line.me/R/ti/p/%40417lsxlz"
+
+  
+
+##################### Call to action #####################
+call_to_action:
+  enable : true
+  title : ""
+  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"

faq/_index.md

@@ -0,0 +1,40 @@
+---
+title: "Frequently Asked Questions"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+
+{{< faq "Will updates also be free?" >}}
+Lorem, [link](https://examplesite.com) _ipsum_ dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Discounts for students and Non Profit Organizations?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "I need something unique, Can you make it?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Is there any documentation and support?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Any refunds?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "What is a product key?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Where do I download the file to?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Any refunds?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}

layouts/AI國際代言人/list.html

@@ -0,0 +1,102 @@
+{{ 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 }}

layouts/_default/baseof.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="{{ with site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
+{{- partial "head.html" . -}}
+
+<body>
+	{{- partial "preloader.html" . -}}
+	{{- partial "header.html" . -}}
+	{{- block "main" . }}{{- end }}
+	{{- partial "footer.html" . -}}
+</body>
+
+</html>

layouts/_default/list.html

@@ -0,0 +1,58 @@
+{{ define "main" }}
+
+{{ partial "page-header.html" . }}
+
+<!-- checking blog -->
+{{ if or (or (eq .Section "post") (eq .Section "blog")) (or (eq .Section "categories") (eq .Section "tags") )}}
+
+<section class="section">
+  <div class="container">
+    <div class="row">
+      {{ range first 1 (where .Data.Pages "Type" "featured") }}
+      <div class="col-12 mb-5 pb-5">
+        <div class="row align-items-center">
+          <div class="col-md-6 mb-4 mb-md-0">
+            <img src="{{ .Params.image | absURL }}" alt="{{.Title}}" class="img-fluid rounded-lg w-100">
+          </div>
+          <div class="col-md-6">
+            <h2><a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a></h2>
+            <p class="card-text">{{ .Summary }}</p>
+            <a href="{{.Permalink}}" class="btn btn-primary">Read More</a>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+      {{ $paginator := .Paginate .Data.Pages }}
+      {{ range $paginator.Pages }}
+      <div class="col-lg-4 col-sm-6 mb-5">
+        <div class="card border-0">
+          <img src="{{ .Params.image |absURL }}" alt="{{ .Title }}" class="card-img rounded-lg mb-4">
+          <div class="card-body p-0">
+            <h3><a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a></h3>
+            <p class="card-text">{{ .Summary }}</p>
+            <a href="{{.Permalink}}" class="btn btn-primary btn-sm">Read More</a>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+      <div class="col-12">
+        {{ template "_internal/pagination.html" . }}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- regular page -->
+{{ else }}
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-10 mx-auto">
+        <div class="content">{{ .Content }}</div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+
+{{ end }}

layouts/_default/single.html

@@ -0,0 +1,40 @@
+{{ define "main" }}
+
+<!-- checking blog -->
+{{ if or (or (eq .Section "post") (eq .Section "blog")) (or (eq .Section "categories") (eq .Section "tags") )}}
+
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 mx-auto">
+        <img src="{{ .Params.image | absURL }}" alt="{{ .Title }}" class="img-fluid w-100 rounded mb-4">
+        <h2 class="mb-4">{{ .Title }}</h2>
+        <div class="content">{{.Content}}</div>
+        
+        <!-- comments -->
+        {{ if site.DisqusShortname }}
+        <div class="mt-5">
+          {{ template "_internal/disqus.html" . }}
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- regular page -->
+{{ else }}
+{{ partial "page-header.html" . }}
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-10 mx-auto">
+        <div class="content">{{ .Content }}</div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+
+
+{{ end }}

layouts/contact/list.html

@@ -0,0 +1,28 @@
+{{ define "main" }}
+
+{{ partial "page-header.html" . }}
+<section class="section bg-white">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-7 mb-4 mb-lg-0">
+        <form action="{{ site.Params.contact_form_action | safeURL }}" method="POST">
+          <input type="text" class="form-control mb-3" id="name" name="name" placeholder="Your Name">
+          <input type="email" class="form-control mb-3" id="mail" name="mail" placeholder="Your Email">
+          <input type="text" class="form-control mb-3" id="subject" name="subject" placeholder="Subject">
+          <textarea name="message" id="message" class="form-control mb-3" placeholder="Your Message"></textarea>
+          <button type="submit" value="send" class="btn btn-primary">Send Now</button>
+        </form>
+      </div>
+      
+      <div class="col-lg-5 content">
+        {{ .Content }}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- call to action -->
+
+<!-- /call to action -->
+
+{{ end }}

layouts/faq/list.html

@@ -0,0 +1,19 @@
+{{ define "main" }}
+{{ partial "page-header.html" . }}
+
+{{ "<!-- faq -->" | safeHTML }}
+<section class="section">
+  <div class="container">
+    <div class="row">
+      {{ .Content }}
+    </div>
+  </div>
+</section>
+{{ "<!-- /faq -->" | safeHTML }}
+
+
+<!-- call to action -->
+
+<!-- /call to action -->
+
+{{ end }}

layouts/index.html

@@ -0,0 +1,174 @@
+{{ define "main" }}
+
+<!-- banner 第一塊-->
+{{ with .Params.banner }}
+<section class="banner">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-10 mx-auto text-center">
+        <h1 class="mb-3">{{ .title | markdownify }}</h1>
+        <p class="mb-4 banner__p">{{ .content | markdownify }}</p>
+        {{ if .button.enable }}
+        {{ with .button }}
+        <div><a href="{{ .link | safeURL }}" class="btn btn-primary">{{ .label }}</a></div>
+        {{ end }}
+        {{ end }}
+
+        <!-- {{with .image}}<img src="{{ . | absURL }}" class="img-fluid mt-5" width="750px">{{end}} -->
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+<!-- /banner -->
+
+<!-- feature (section of background light) 主要服務-->
+{{ if .Params.feature.enable }}
+{{ with .Params.feature }}
+<section class="section bg-light">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-12 text-center">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+      </div>
+      {{ range .feature_item }}
+      <div class="col-md-4 col-sm-6 mb-4">
+        <div class="feature-card text-center">
+          <i class="{{.icon}} mb-3"></i>
+          <h4 class="mb-2">{{ .name | title }}</h4>
+          <p>{{ .content | markdownify }}</p>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- /feature -->
+
+<!-- service (without background section)-->
+{{ 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 }}
+<!-- /service -->
+
+<!-- screenshot  廣告數據動量行銷-->
+{{ if site.Data.homepage.screenshot.enable }}
+{{ with site.Data.homepage.screenshot }}
+<section class="section pb-0">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 mx-auto text-center">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+      </div>
+    </div>
+    <div class="mx-auto text-center mb-5">
+      {{ with .image }} <img src="{{ . | absURL }}" class="mb-4 img-fluid">{{ end }}
+      {{ if .button.enable }}
+      {{ with .button }}
+      <div>
+        <a href="{{ .link | absURL }}" class="btn btn-primary btn-sm font-weight-bold">{{ .label }}</a>
+      </div>
+      {{ end }}
+      {{ end }}
+      </div>
+  </div>  
+</section>
+{{ end }}
+{{ end }}
+<!-- /screenshot -->
+
+<!-- call to action 無用-->
+{{ if .Params.call_to_action.enable }}
+{{ with .Params.call_to_action }}
+<section class="section">
+  <div class="container section shadow_action 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 }}

layouts/partials/footer.html

@@ -0,0 +1,63 @@
+<footer class="bg-light section pb-0">
+  <div class="container">
+    <div class="row">
+      <!-- <div class="col-md-3 col-sm-6 mb-5">
+        {{ if site.Menus.company }}
+        <h3 class="mb-4">Company</h3>
+        <ul class="list-unstyled footer-list">
+          {{ range site.Menus.company }}
+          <li><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }}
+      </div>
+      <div class="col-md-3 col-sm-6 mb-5">
+        {{ if site.Menus.product }}
+        <h3 class="mb-4">Product</h3>
+        <ul class="list-unstyled footer-list">
+          {{ range site.Menus.product }}
+          <li><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }}
+      </div>
+      <div class="col-md-3 col-sm-6 mb-5">
+        {{ if site.Menus.support }}
+        <h3 class="mb-4">Support</h3>
+        <ul class="list-unstyled footer-list">
+          {{ range site.Menus.support }}
+          <li><a href="{{ .URL | absURL }}"
+            
+            >{{ .Name }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }}
+      </div> -->
+      <!-- <div class="col-md-3 col-sm-6 mb-5"> -->
+      <div class="col mb-5 text-center">
+        <a class="d-block mb-3" href="{{ site.BaseURL }}"><img width="{{site.Params.logo_width}}"  class="img-fluid" src="{{ site.Params.logo2 | absURL }}" alt="{{ site.Title }}"></a>
+        <p class="mb-4">{{ site.Params.footer_content | markdownify }}</p>
+        
+        <!-- {{ if site.Params.social }}
+        <ul class="list-inline social-icons">
+          {{ range site.Params.social }}
+          <li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
+          {{ end }}
+        </ul>
+        {{ end }} -->
+      </div>
+    </div>
+    <div class="border-top border-default text-center py-4 mt-4">
+      <small class="content">{{ site.Params.Copyright | markdownify }}</small>
+    </div>
+  </div>
+</footer>
+
+{{ "<!-- JS Plugins -->" | safeHTML }}
+{{ range site.Params.plugins.js}}
+<script src="{{ .link | absURL }}"></script>
+{{ end }}
+
+{{ "<!-- Main Script -->" | safeHTML }}
+{{ $script := resources.Get "js/script.js" | minify}}
+<script src="{{ $script.Permalink }}"></script>

layouts/partials/head.html

@@ -0,0 +1,42 @@
+<head>
+  <meta charset="utf-8">
+  <title>{{ .Title }}</title>
+
+  {{ "<!-- mobile responsive meta -->" | safeHTML }}
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta name="description" content="{{ with .Params.Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
+  {{ with site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
+  {{ hugo.Generator }}
+
+  {{ "<!-- plugins -->" | safeHTML }}
+  {{ range site.Params.plugins.css }}
+  <link rel="stylesheet" href="{{ .link | absURL }}">
+  {{ end }}
+
+  {{ "<!-- Main Stylesheet -->" | safeHTML }}
+  {{ $style := resources.Get "scss/style.scss" | toCSS | minify }}
+  <link href="{{ $style.Permalink }}" rel="stylesheet" media="screen"/>
+
+  {{ "<!--Favicon-->" | safeHTML }}
+  <link rel="shortcut icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
+  <link rel="icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
+
+  
+  {{ with .Params.Image }}
+  <meta property="og:image" content="{{ . | absURL }}" />
+  {{ end }}
+  {{ template "_internal/opengraph.html" . }}
+
+  <!-- {{ template "_internal/google_analytics.html" . }}
+  {{ template "_internal/google_analytics_async.html" . }} -->
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-M2LLC6QDMZ"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-M2LLC6QDMZ');
+  </script>  
+</head>

layouts/partials/header.html

@@ -0,0 +1,68 @@
+{{ "<!-- navigation -->" | safeHTML }}
+<header class="navigation">
+  <div class="container">
+    <!-- navbar -->
+    <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
+      <a class="navbar-brand" href="{{ site.BaseURL }}">
+        {{ with site.Params.logo}}
+        <img width="{{site.Params.logo_width}}" class="img-fluid" src="{{ . | absURL }}" alt="{{ site.Title }}">
+        {{ else }}{{site.Title}}{{end}}
+      </a>
+      <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
+        <i class="ti-menu h3"></i>
+      </button>
+
+      <div class="collapse navbar-collapse text-center" id="navigation">
+        <ul class="navbar-nav mx-auto">
+          {{ range site.Menus.main }}
+          {{ if .HasChildren }}
+          <li class="nav-item dropdown mt-2">
+            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+              {{ .Name }}
+            </a>
+            <div class="dropdown-menu">
+              {{ range .Children }}
+              <a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a>
+              {{ end }}
+            </div>
+          </li>
+          {{ else }}
+          <li class="nav-item mt-2">
+            <a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
+          </li>
+          {{ end }}
+          {{ end }}
+
+          {{ if .IsTranslated }}
+        <select class="m-2 border-0" id="select-language" onchange="location = this.value;">
+          {{ $siteLanguages := site.Languages}}
+          {{ $pageLang := .Page.Lang}}
+          {{ range .Page.AllTranslations }}
+          {{ $translation := .}}
+          {{ range $siteLanguages }}
+          {{ if eq $translation.Lang .Lang }}
+          {{ $selected := false }}
+          {{ if eq $pageLang .Lang}}
+          <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
+          </option>
+          {{ else }}
+          <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
+          {{ end }}
+          {{ end }}
+          {{ end }}
+          {{ end }}
+        </select>
+        {{ end }}
+        </ul>
+        </ul>
+
+        {{ if site.Params.navigation_button.enable }}
+        {{ with site.Params.navigation_button }}
+        <a href="{{ .link | absURL }}" class="btn btn-sm btn-primary ml-3"><i class="ti-hand-point-right mr-1"></i> {{ .label }}</a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </nav>
+  </div>
+</header>
+{{ "<!-- /navigation -->" | safeHTML }}

layouts/partials/page-header.html

@@ -0,0 +1,8 @@
+<section class="section pb-0">
+  <div class="container text-center">
+    <h1 class="display-3">{{ .Title | markdownify }}</h1>
+    {{ with .Params.subtitle }}
+    <p>{{ . | markdownify }}</p>
+    {{ end }}
+  </div>
+</section>

layouts/partials/preloader.html

@@ -0,0 +1,9 @@
+{{ if site.Params.preloader.enable }}
+{{ "<!-- preloader start -->" | safeHTML }}
+<div class="preloader">
+  {{ with site.Params.preloader.preloader }}
+  <img src="{{ . | absURL }}" alt="preloader">
+  {{ end }}
+</div>
+{{ "<!-- preloader end -->" | safeHTML }}
+{{ end }}

layouts/pricing/list.html

@@ -0,0 +1,102 @@
+{{ define "main" }}
+
+{{ partial "page-header.html" . }}
+<section class="section">
+  <div class="container pricing-container">
+    <div class="row justify-content-center align-items-center">
+      <div class="col-lg-4 mb-5 mb-lg-0 px-3 pl-3 px-lg-0">
+        {{ with .Params.basic }}
+        <div class="card shadow">
+          <div class="card-body text-center py-5">
+            <h3 class="mb-4">{{ .name | markdownify }}</h3>
+            <!-- <span class="price">{{ .price }}</span><span>/{{ .price_per }}</span> -->
+            <span class="mr-2" style="font-size:1.4rem;">{{ .fee | markdownify }}</span> <span class="price">{{ .price }}</span>
+            <p class="lead">{{ .info | markdownify }}</p>
+            <ul class="list-unstyled mb-5">
+              {{ range .services }}
+              <li>{{ . | markdownify }}</li>
+              {{ end }}
+            </ul>
+            {{ if .button.enable }}
+            {{ with .button }}
+            <a href="{{ .link | absURL }}" class="btn btn-outline-primary">{{ .label }}</a>
+            {{ end }}
+            {{ end }}
+          </div>
+        </div>
+        {{ end }}
+      </div>
+      <div class="col-lg-4 col-recommended">
+        {{ with .Params.professional }}
+        <div class="card border-0 shadow-lg">
+          <div class="card-body text-center py-5">
+            <h3 class="mb-4">{{ .name | markdownify }}</h3>
+            <!-- <span class="price">{{ .price }}</span><span>/{{ .price_per }}</span> -->
+            <span class="mr-2" style="font-size:1.4rem;">{{ .fee | markdownify }}</span> <span class="price">{{ .price }}</span>
+            <p class="lead">{{ .info | markdownify }}</p>
+            <ul class="list-unstyled mb-5">
+              {{ range .services }}
+              <li>{{ . | markdownify }}</li>
+              {{ end }}
+            </ul>
+            {{ if .button.enable }}
+            {{ with .button }}
+            <a href="{{ .link | absURL }}" class="btn btn-primary">{{ .label }}</a>
+            {{ end }}
+            {{ end }}
+          </div>
+        </div>
+        {{ end }}
+      </div>
+      <div class="col-lg-4 mb-5 mb-lg-0 px-3 pr-3 px-lg-0">
+        {{ with .Params.business }}
+        <div class="card shadow">
+          <div class="card-body text-center py-5">
+            <h3 class="mb-4">{{ .name | markdownify }}</h3>
+            <!-- <span class="price">{{ .price }}</span><span>/{{ .price_per }}</span> -->
+            <span class="mr-2" style="font-size:1.4rem;">{{ .fee | markdownify }}</span> <span class="price">{{ .price }}</span>
+            <p class="lead">{{ .info | markdownify }}</p>
+            <ul class="list-unstyled mb-5">
+              {{ range .services }}
+              <li>{{ . | markdownify }}</li>
+              {{ end }}
+            </ul>
+            {{ if .button.enable }}
+            {{ with .button }}
+            <a href="{{ .link | absURL }}" class="btn btn-outline-primary">{{ .label }}</a>
+            {{ end }}
+            {{ end }}
+          </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- 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 }}

layouts/shortcodes/faq.html

@@ -0,0 +1,8 @@
+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="col-md-6 mb-4">
+  <div class="p-5 shadow rounded-lg">
+    <h3 class="mb-4 check-mark">{{ .Get 0 | markdownify }}</h3>
+    <p>{{ .Inner | markdownify }}</p>
+  </div>
+</div>

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 }}

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 }}

netlify.toml

@@ -0,0 +1,8 @@
+[build]
+publish = "exampleSite/public"
+command = "cd exampleSite && hugo --gc --themesDir ../.."
+
+[build.environment]
+HUGO_VERSION = "0.74.3"
+HUGO_THEME = "repo"
+HUGO_BASEURL = "/"

pricing/_index.md

@@ -0,0 +1,61 @@
+---
+title: "Pricing"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+
+basic:
+  name : "Basic Plan"
+  price: "$49"
+  price_per : "month"
+  info : "Best For Small Individuals"
+  services:
+  - "Express Service"
+  - "Customs Clearance"
+  - "Time-Critical Services"
+  button:
+    enable : true
+    label : "Get started for free"
+    link : "#"
+    
+professional:
+  name : "Professional Plan"
+  price: "$49"
+  price_per : "month"
+  info : "Best For Professionals"
+  services:
+  - "Express Service"
+  - "Customs Clearance"
+  - "Time-Critical Services"
+  - "Cloud Service"
+  - "Best Dashboard"
+  button:
+    enable : true
+    label : "Get started for free"
+    link : "#"
+    
+business:
+  name : "Business Plan"
+  price: "$49"
+  price_per : "month"
+  info : "Best For Large Individuals"
+  services:
+  - "Express Service"
+  - "Customs Clearance"
+  - "Time-Critical Services"
+  button:
+    enable : true
+    label : "Get started for free"
+    link : "#"
+
+call_to_action:
+  enable : true
+  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"
+---

privacy-policy/_index.md

@@ -0,0 +1,31 @@
+---
+title: "Privecy & Policy"
+subtitle: ""
+# meta description
+description: "This is meta description"
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed 
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of  Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. 
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat 
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but  limited to, email addresses, telephone numbers
+4. Any Update come in The technology  Customer will get automatic  Notification.

resources/_gen/assets/scss/bigspring-hugo/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json

@@ -0,0 +1 @@
+{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}

resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json

@@ -0,0 +1 @@
+{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}

resources/_gen/assets/scss/www.choozmo.com/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json

@@ -0,0 +1 @@
+{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}