update

.gitignore

+*.DS_Store

archetypes/default.md

+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.toml

+baseURL = "https://codechina.gitcode.host/developer-roadmap/DevOps/info/"
+#baseURL = "/"
+Languages = "zh-cn"
+title = "DevOps - CSDN IT 人才成长路线图"
+theme = ["dot","hugo-theme-pdf-js"]
+
+[markup.goldmark.renderer]
+unsafe = true
+
+
+############################# Default Parameters ##########################
+[params]
+# logo is for all page
+logo = ""
+# logo white is for homepage logo, you can use colorful logo too...
+logo_white = ""
+# when logo is empty, it will shown your site title
+copyright = "[CODE CHINA](https://codechina.csdn.net/) © 2020 a Hugo theme by [Gethugothemes](https://gethugothemes.com/)"
+
+
+
+
+# customize color 
+primary_color = "#ff5637"
+body_color = "#f9f9f9"
+text_color = "#636363"
+text_color_dark = "#242738"
+white_color = "#ffffff"
+light_color = "#ffdd77"
+
+# font family
+# font_family = "lato" # Choose font family from : https://fonts.google.com/
+
+# contact form action
+contact_form_action = "#" # contact form works with : https://formspree.io
+
+
+############################## social links ##############################
+  
+[[params.social]]
+icon = "ti-github" # themify icon pack : https://themify.me/themify-icons
+link = "https://codechina.csdn.net/codechina/developer-roadmap/DevOps/intro"
+
+
+################################ 中文 ######################
+# [Languages]
+# languageName = "中文"
+# languageCode = "zh-cn"
+# weight = 0
+
+
+# banner
+[params.banner]
+title = "CSDN IT 人才成长路线图"
+subtitle = "DevOps 技术路线图"
+bg_image = "images/banner.jpg"
+placeholder = "输入关键词"
+
+# call to action
+[params.cta]
+# enable = true
+# title = "Didn't find an answer to your question?"
+#content = "Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam."
+# call to action button
+[params.cta.button]
+# enable = true
+# label = "contact us"
+# link = "contact"
+
+
+################## navigation #################
+[[menu.main]]
+name = "DevOps 路线图"
+url = "/devops"
+weight = 2
+
+# Dropdown menu
+[[menu.main]]
+weight = 5
+name = "成长路线图"
+hasChildren = true
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "AI 路线图"
+  url = ""
+  weight = 1
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "安全技术路线图"
+  url = ""
+  weight = 2
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "Python 路线图"
+  url = "https://codechina.gitcode.host/developer-roadmap/python/intro/"
+  weight = 3
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "DevOps 路线图"
+  url = ""
+  weight = 4
+
+[[menu.main]]
+name = "CODE CHINA"
+url = "https://codechina.csdn.net/"
+weight = 6
+
+[[menu.main]]
+name = "我也要贡献"
+weight = 7
+hasChildren = true
+
+  [[menu.main]]
+  parent = "我也要贡献"
+  name = "我要补充学习资源"
+  url = ""
+  weight = 1
+
+  [[menu.main]]
+  parent = "我也要贡献"
+  name = "我要补充领域"
+  url = ""
+  weight = 2
+
+  [[menu.main]]
+  parent = "我也要贡献"
+  name = "我要反馈建议"
+  url = ""
+  weight = 3
\ No newline at end of file

content/devops/1.md

+---
+title: "精益及 DevOps 概念"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 1
+type: 
+icon: #
+description: "DevOps 路线图,精益及 DevOps 概念"
+# search related keywords
+---
+
+## 精益
+
+- 精益屋
+  - 采用类似房屋结构的方式形象化精益思想
+- 精益5原则
+  - 价值
+  - 价值流
+  - 流动
+  - 拉动
+  - 尽善尽美
+
+#### 学习资源
+
++ 《丰田模式》
++ 《精益思想》
++ 《精益工具箱》 
+
+## DevOps
+
+- DevOps价值观
+  - 利益相关方的反馈至关重要
+  - 超越当今流程的极限进行改进
+  - 不要用新的孤岛来打破旧的孤岛
+  - 了解你的客户意味着跨组织协作
+  - 通过热情鼓励采纳
+- DevOps原则
+  - 基础设施即代码（Infrastructure as Code）
+  - 持续交付（Continuous Delivery）
+  - 协同工作（Culture of Collaboration）
+
+#### 学习资源
+
++ 《DevOps：原理、方法与实践》
++ 《持续交付2.0》 
\ No newline at end of file

content/devops/2.md

+---
+title: "敏捷研发"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: 
+icon: #
+description: "DevOps 路线图,敏捷研发"
+# search related keywords
+---
+
+## 敏捷概念
+
+- 敏捷宣言
+  - 个体和互动高于流程和工具
+  - 工作的软件高于详尽的文档
+  - 客户合作高于合同谈判
+  - 响应变化高于遵循计划 
+- 敏捷原则
+  - 我们最重要的目标，是通过及早和持续不断地交付有价值的软件使客户满意
+  - 欣然面对需求变化，即使在开发后期也一样，为了客户的竞争优势，敏捷过程掌控变化
+  - 经常地交付可工作的软件，相隔几星期或一两个月，倾向于采取较短的周期
+  - 业务人员和开发人员必须相互合作，项目中的每一天都不例外
+  - 激发个体的斗志，以他们为核心搭建项目，提供所需的环境和支援，辅以信任，从而达成目标
+  - 不论团队内外，传递信息效果最好效率也最高的方式是面对面的交谈
+  - 可工作的软件是进度的首要度量标准
+  - 敏捷过程倡导可持续开发，责任人、开发人员和用户要能够共同维持其步调稳定延续
+  - 坚持不懈地追求技术卓越和良好设计，敏捷能力由此增强
+  - 以简洁为本，它是极力减少不必要工作量的艺术
+  - 最好的架构、需求和设计出自自组织团队
+  - 团队定期地反思如何能提高成效，并依此调整自身的行为表现
+
+#### 学习资源
+
++ 《人月神话：软件项目管理之道》
++ 《敏捷宣言》
++ 《敏捷实践指南》
+
+## 敏捷实践框架
+
+- 看板（kanban）
+  - 最轻量的敏捷研发实践
+- Scrum
+  - 当前最主流的敏捷研发实践
+- XP
+  - 极限编程（Extreme Programming）
+- SAFe
+  - 规模化敏捷框架SAFe（Scaled Agile Framework），是当前应用最广的大规模敏捷框架
+- LeSS
+  - LeSS（Large Scale Scrum），是最容易由Scrum升级的规模化敏捷实施框架
+- DaD
+  - 规范敏捷交易DaD（Disciplined Agile Delivery）
+
+#### 学习资源
+
++ 《用看板管理敏捷项目：提升效率、可预测性、质量和价值的利器》
++ 《scrum精髓》
++ 《解析极限编程-拥抱变化》
++ <https://www.scaledagileframework.com/>
++ <https://less.works/zh-CN>
++ 《Disciplined Agile Delivery》
+
+
+## 敏捷研发管理工具
+
+  - Jira
+  - TFS
+  - TAPD 
+  - 禅道
+
+
+#### 学习资源
+
++ <https://confluence.atlassian.com/alldoc/atlassian-documentation-32243719.html>
++ <https://docs.microsoft.com/zh-cn/azure/devops/?view=azure-devops&viewFallbackFrom=vsts>
++ <https://www.tapd.cn/help>
\ No newline at end of file

content/devops/3.md

+---
+title: "代码开发"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: 
+icon: #
+description: "DevOps 路线图,代码开发"
+# search related keywords
+---
+
+
+## 最少掌握一门开发语言
+
+- 代码编码
+- 代码规范
+- 代码评审
+  - Gerrit
+  - Phabricator
+  - ReviewBoard
+- 特性开关
+- 代码架构
+  - 微服务
+  - 前后端分离
+  - 无服务
+  - 低代码开发
+- 代码重构
+- 代码编译原理
+
+#### 学习资源
+
++ 《代码整洁之道》
++ [谷歌工程实践文档](https://github.com/google/eng-practices)
++ [Feature Toggles (aka Feature Flags)](https://martinfowler.com/articles/feature-toggles.html)
++ 《微服务架构设计模式》
++ 《领域驱动设计 软件核心复杂性应对之道 修订版》
++ 《重构 改善既有代码的设计 第二版》
++ 《自制编译器》
++ 《antlr4权威指南》
+
+
+## 代码配置管理（Git）
+
+- Git应用
+  - Git命令
+  - Git分支应用
+  - Git工作流
+- Git访问方式
+  - HTTP
+  - HTTPS
+  - SSH
+  - File
+- Git工作区 
+  - 工作区
+  - 暂存区
+  - 版本库
+  - 远程仓库作用
+- Git算法
+  - 最近公共祖先算法LCA
+  - merge算法
+  - rebase算法
+- 开发类库
+  - Jgit
+  - libgit2
+
+#### 学习资源
+
++ [《Git版本控制管理（第2版）》](https://git-scm.com/book/zh/v2/)
++ <https://www.eclipse.org/jgit>
++ <https://libgit2.org/>
+
+
+
+## 代码化
+
+- Pipeline as Code
+- Infrastructure as Code
+
+#### 学习资源
+
++ <https://about.gitlab.com/topics/ci-cd/pipeline-as-code/>
++ <https://martinfowler.com/bliki/InfrastructureAsCode.html>
+
+
+## 编码实践
+
+- 测试驱动开发TDD（Test-Driven Development）
+- 结对编程
+
+#### 学习资源
+
++ <https://www.agilealliance.org/glossary/xp/>
+
+
+## Cloud IDE
+
+- 成熟工具
+  - VS Code
+  - Cloud9
+  - Eclipse Che
+  - Theia
+- 语言服务器协定LSP（Language Server Protocol） 
+- LSIF(Language Server Index Format)
+- 调试适配器协议DAP（Debug Adapter Protocol）
+
+#### 学习资源
+
++ <https://microsoft.github.io/language-server-protocol/>
++ <https://microsoft.github.io/debug-adapter-protocol/>
\ No newline at end of file

content/devops/4.md

+---
+title: "持续集成"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 4
+type: 
+icon: #
+description: "DevOps 路线图,持续集成"
+# search related keywords
+---
+
+
+## 持续集成工具
+
+- Jenkins
+- GitLib CI
+- 蓝盾
+- CircleCI
+- Travis CI
+- Tekton
+
+#### 学习资源
+
++ <https://www.jenkins.io/>
++ <https://github.com/tencent/bk-ci/>
++ <https://about.gitlab.com/stages-devops-lifecycle/continuous-integration/>
+
+
+## 编译构建
+
+- Maven
+- Gradle
+- Bazel
+- Blade
+
+#### 学习资源
+
++ <http://maven.apache.org/>
++ <https://gradle.org/>
++ <https://bazel.build/>
++ <https://github.com/chen3feng/blade-build>
+
+
+## 代码静态检查
+
+- SonarQube
+- Converity
+- Cppcheck
+- PMD
+- FindBugs
+- Clang Static Analyzer
+
+#### 学习资源
+
++ <https://www.sonarqube.org/>
\ No newline at end of file

content/devops/5.md

+---
+title: "持续测试"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 5
+type: 
+icon: #
+description: "DevOps 路线图,持续测试"
+# search related keywords
+---
+
+
+## 测试方法论与实践
+
+- 测试四象限
+- 测试金字塔
+- 测试左移/右移
+- Good Enough Testing
+- 开发自测
+- 结对测试
+- 验收测试
+- 探索性测试
+- A/B测试
+- 质量红线
+  - 每日构建
+  - 版本转测
+  - 发布上线
+  - 安全规则指标集
+
+## 自动化测试
+
+- 单元测试
+  - JUnit
+  - PyUnit
+  - CppUnit
+  - GoTEST
+- 接口测试
+  - JMeter
+  - Postman
+- UI自动化测试
+  - Appium
+  - Selenium
+
+
+#### 学习资源
+
++ 《敏捷测试》
++ 《探索性测试》
++ 《软件测试设计》
\ No newline at end of file

content/devops/6.md

+---
+title: "持续发布部署"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 6
+type: 
+icon: #
+description: "DevOps 路线图,持续发布部署"
+# search related keywords
+---
+
+
+## 软件包管理
+
+- Nexus
+- Artifactory
+
+#### 学习资源
+
++ <https://oss.sonatype.org/>
++ <https://www.jfrogchina.com/>
+
+
+## 自动化部署
+
+- Ansible
+- SaltStack
+- Terraform
+
+#### 学习资源
+
++ <https://docs.ansible.com/>
++ <https://docs.saltstack.com/en/latest/>
++ <https://www.terraform.io/>
+
+
+## 灰度发布
+
+- Nginx/Istio等
+
+#### 学习资源
+
++ <https://www.nginx.com/>
++ <https://github.com/istio/istio>
++ 《云原生服务网格Istio：原理、实践、架构》
\ No newline at end of file

content/devops/7.md

+---
+title: "环境运维"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 7
+type: 
+icon: #
+description: "DevOps 路线图,环境运维"
+# search related keywords
+---
+
+
+## PaaS
+
+- 中间件
+  - 应用中间件
+  - 数据中间件
+- 主流供应商
+  - AWS/Azure/阿里云/腾讯云/华为云/滴滴云
+
+#### 学习资源
+
++ Nginx/Tomcat/HAProxy等
++ MySQL/Elasticsearch/Greenplum/ClickHouse/Snowflake等
+
+## 容器化
+
+- Docker
+  - docker命令/dockerfile
+  - cgroup
+  - namespace
+- Kubernetes
+  - kubectl
+  - CRD(Custom Resource Definition)
+  - CNI(Container Network Interface)
+  - CSI(Container Storage Interface)
+  - CRI(Container Runtime Interface)
+- 流量管控
+  - iptables/Netfilter
+  - IPvlan
+
+#### 学习资源
+
++ 《Docker开发指南》
++ <https://docs.docker.com/engine/>
++ 《Kubernetes权威指南：从Docker到Kubernetes实践全接触（第4版）》
++ 《Kubernetes in Action》
++ 《云原生服务网格Istio：原理、实践、架构》
+
+
+## 操作系统
+
+- 主流操作系统
+  - Linux/Windows/Android/iOS
+- 操作系统命令 
+- 操作系统原理 
+
+#### 学习资源
+
++ 《Linux命令行与shell脚本编程大全》
++ 《深入理解计算机系统（原书第3版）》
+
+
+## 文件系统
+
+- 分层文件系统
+  - AUFS(Advanced Multi-layered Unification Filesystem)
+  - overlayFS
+  - overlay2
+- 文件系统扩展
+  - FUSE(Filesystem in Userspace)
+  - VFS(Virtual Filesystem)
+- 分布式文件系统
+  - CephFS(Ceph Filesystem)
+  - NAS(Network-attached Storage)
+
+#### 学习资源
+
++ <https://www.kernel.org/doc/html/latest/filesystems/overlayfs.html>
++ <https://docs.docker.com/storage/storagedriver/select-storage-driver/>
++ <https://www.kernel.org/doc/html/latest/filesystems/fuse.html>
++ 《深入Linux内核架构》
++ 《大规模分布式存储系统》
++ <http://docs.ceph.org.cn/cephfs/>

content/devops/8.md

+---
+title: "持续监控与反馈"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 8
+type: 
+icon: #
+description: "DevOps 路线图,持续监控与反馈"
+# search related keywords
+---
+
+
+## 日志监控
+
+- ELK(Elasticsearch、Logstash、Kibana) 
+
+#### 学习资源
+
++ <https://www.elastic.co/cn/>
+
+## 基础设施、数据库、中间件、应用监控
+
+- Zabbix
+- Prometheus
+- Falcon
+
+#### 学习资源
+
++ <https://www.zabbix.com/>
++ <https://prometheus.io/>
++ <https://github.com/XiaoMi/open-falcon>
+
+
+## 应用性能监控
+
+- Zipkin
+- SkyWalking
+- Pinpoint
+- Sentry
+
+#### 学习资源
+
++ <https://zipkin.io/>
++ <http://skywalking.apache.org/>
++ <https://pinpoint-apm.github.io/pinpoint/>
++ <https://docs.sentry.io/>
+
+
+## 用户反馈与分析
+
+- 问题反馈收集分析
+  - 问题反馈，常用的收集为客服和工单系统，也有全开放式的客户吐槽应用
+- 用户行为数据分析
+  - Google Analytics
+- 用户运营数据分析
+- 用户舆情分析
+
+#### 学习资源
+
++ 《精益数据分析》
++ <https://txc.qq.com/>
++ <https://developers.google.cn/analytics/devguides/platform>

content/devops/_index.md

+---
+title: "DevOps 技术路线图"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: docs
+icon: #
+description: "完整路线图"
+# search related keywords
+---
+
+## 路线图
+
+{{< embed-pdf-view url="/images/DevOps.pdf" >}}
+
+
+### [精益及DevOps概念](overview/)
+
+- 精益
+  - 精益屋
+    - 采用类似房屋结构的方式形象化精益思想
+  - 精益5原则
+    - 价值
+    - 价值流
+    - 流动
+    - 拉动
+    - 尽善尽美
+- DevOps
+  - DevOps价值观
+    - 利益相关方的反馈至关重要
+    - 超越当今流程的极限进行改进
+    - 不要用新的孤岛来打破旧的孤岛
+    - 了解你的客户意味着跨组织协作
+    - 通过热情鼓励采纳
+  - DevOps原则
+    - 基础设施即代码（Infrastructure as Code）
+    - 持续交付（Continuous Delivery）
+    - 协同工作（Culture of Collaboration）
+### [敏捷研发](alige/)
+
+- 敏捷概念
+  - 敏捷宣言
+    - 个体和互动高于流程和工具
+    - 工作的软件高于详尽的文档
+    - 客户合作高于合同谈判
+    - 响应变化高于遵循计划 
+  - 敏捷原则
+    - 我们最重要的目标，是通过及早和持续不断地交付有价值的软件使客户满意
+    - 欣然面对需求变化，即使在开发后期也一样，为了客户的竞争优势，敏捷过程掌控变化
+    - 经常地交付可工作的软件，相隔几星期或一两个月，倾向于采取较短的周期
+    - 业务人员和开发人员必须相互合作，项目中的每一天都不例外
+    - 激发个体的斗志，以他们为核心搭建项目，提供所需的环境和支援，辅以信任，从而达成目标
+    - 不论团队内外，传递信息效果最好效率也最高的方式是面对面的交谈
+    - 可工作的软件是进度的首要度量标准
+    - 敏捷过程倡导可持续开发，责任人、开发人员和用户要能够共同维持其步调稳定延续
+    - 坚持不懈地追求技术卓越和良好设计，敏捷能力由此增强
+    - 以简洁为本，它是极力减少不必要工作量的艺术
+    - 最好的架构、需求和设计出自自组织团队
+    - 团队定期地反思如何能提高成效，并依此调整自身的行为表现
+- 敏捷实践框架
+  - 看板（kanban）
+    - 最轻量的敏捷研发实践
+  - Scrum
+    - 当前最主流的敏捷研发实践
+  - XP
+    - 极限编程（Extreme Programming）
+  - SAFe
+    - 规模化敏捷框架SAFe（Scaled Agile Framework），是当前应用最广的大规模敏捷框架
+  - LeSS
+    - LeSS（Large Scale Scrum），是最容易由Scrum升级的规模化敏捷实施框架
+  - DaD
+    - 规范敏捷交易DaD（Disciplined Agile Delivery）
+- 敏捷研发管理工具
+  - Jira
+  - TFS
+  - TAPD 
+  - 禅道
+
+### [代码开发](code/)
+- 最少掌握一门开发语言
+  - 代码编码
+  - 代码规范
+  - 代码评审
+    - Gerrit
+    - Phabricator
+    - ReviewBoard
+  - 特性开关
+  - 代码架构
+    - 微服务
+    - 前后端分离
+    - 无服务
+    - 低代码开发
+  - 代码重构
+  - 代码编译原理
+- 代码配置管理（Git）
+  - Git应用
+    - Git命令
+    - Git分支应用
+    - Git工作流
+  - Git访问方式
+    - HTTP
+    - HTTPS
+    - SSH
+    - File
+  - Git工作区 
+    - 工作区
+    - 暂存区
+    - 版本库
+    - 远程仓库作用
+  - Git算法
+    - 最近公共祖先算法LCA
+    - merge算法
+    - rebase算法
+  - 开发类库
+    - Jgit
+    - libgit2
+- 代码化
+  - Pipeline as Code
+  - Infrastructure as Code
+- 编码实践
+  - 测试驱动开发TDD（Test-Driven Development）
+  - 结对编程
+- Cloud IDE
+  - 成熟工具
+    - VS Code
+    - Cloud9
+    - Eclipse Che
+    - Theia
+  - 语言服务器协定LSP（Language Server Protocol） 
+  - LSIF(Language Server Index Format)
+  - 调试适配器协议DAP（Debug Adapter Protocol） 
+
+### [持续集成](ci/)
+
+- 持续集成工具
+  - Jenkins
+  - GitLib CI
+  - 蓝盾
+  - CircleCI
+  - Travis CI
+  - Tekton
+- 编译构建
+  - Maven
+  - Gradle
+  - Bazel
+  - Blade
+- 代码静态检查
+  - SonarQube
+  - Converity
+  - Cppcheck
+  - PMD
+  - FindBugs
+  - Clang Static Analyzer
+
+
+### [持续测试](test/)
+- 测试方法论与实践
+  - 测试四象限
+  - 测试金字塔
+  - 测试左移/右移
+  - Good Enough Testing
+  - 开发自测
+  - 结对测试
+  - 验收测试
+  - 探索性测试
+  - A/B测试
+  - 质量红线
+    - 每日构建
+    - 版本转测
+    - 发布上线
+    - 安全规则指标集
+- 自动化测试
+  - 单元测试
+    - JUnit
+    - PyUnit
+    - CppUnit
+    - GoTEST
+  - 接口测试
+    - JMeter
+    - Postman
+  - UI自动化测试
+    - Appium
+    - Selenium
+
+
+### [持续发布部署](cd/)
+
+- 软件包管理
+  - Nexus
+  - Artifactory
+- 自动化部署
+  - Ansible
+  - SaltStack
+  - Terraform
+- 灰度发布
+  - Nginx/Istio等
+
+
+### [环境运维](env/)
+- PaaS
+  - 中间件
+    - 应用中间件
+    - 数据中间件
+  - 主流供应商
+    - AWS/Azure/阿里云/腾讯云/华为云/滴滴云
+- 容器化
+  - Docker
+    - docker命令/dockerfile
+    - cgroup
+    - namespace
+  - Kubernetes
+    - kubectl
+    - CRD(Custom Resource Definition)
+    - CNI(Container Network Interface)
+    - CSI(Container Storage Interface)
+    - CRI(Container Runtime Interface)
+  - 流量管控
+    - iptables/Netfilter
+    - IPvlan
+- 操作系统
+  - 主流操作系统
+    - Linux/Windows/Android/iOS
+  - 操作系统命令 
+  - 操作系统原理 
+- 文件系统
+  - 分层文件系统
+    - AUFS(Advanced Multi-layered Unification Filesystem)
+    - overlayFS
+    - overlay2
+  - 文件系统扩展
+    - FUSE(Filesystem in Userspace)
+    - VFS(Virtual Filesystem)
+  - 分布式文件系统
+    - CephFS(Ceph Filesystem)
+    - NAS(Network-attached Storage)
+
+
+### [持续监控与反馈](monitor/)
+
+- 日志监控
+  - ELK(Elasticsearch、Logstash、Kibana) 
+- 基础设施、数据库、中间件、应用监控
+  - Zabbix
+  - Prometheus
+  - Falcon
+- 应用性能监控
+  - Zipkin
+  - SkyWalking
+  - Pinpoint
+  - Sentry
+- 用户反馈与分析
+  - 问题反馈收集分析
+    - 问题反馈，常用的收集为客服和工单系统，也有全开放式的客户吐槽应用
+  - 用户行为数据分析
+    - Google Analytics
+  - 用户运营数据分析
+  - 用户舆情分析

themes/dot/LICENSE

+The MIT License (MIT)
+
+Copyright (c) 2020 GetHugoThemes
+
+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.
\ No newline at end of file

themes/dot/README.md

+<div align="center">
+
+<h1><a href="https://gethugothemes.com/products/hugo-documentation-theme/">Dot Hugo Documentation Theme [Version : 2.0]</a></h1>
+
+<p><a href="https://github.com/themefisher/dot-hugo-documentation-theme/stargazers"><img src="https://camo.githubusercontent.com/7d6b302902df5eaa1a880850777f6cbc089abc5b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e737667" alt="GitHub stars" data-canonical-src="https://img.shields.io/github/stars/themefisher/dot-hugo-documentation-theme.svg" style="max-width:100%;"></a>
+<a href="https://github.com/themefisher/dot-hugo-documentation-theme/issues"><img src="https://camo.githubusercontent.com/82ea79e787e3159369049285257d62b85e2c0d35/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e737667" alt="GitHub issues" data-canonical-src="https://img.shields.io/github/issues/themefisher/dot-hugo-documentation-theme.svg" style="max-width:100%;"></a>
+<a href="/themefisher/dot-hugo-documentation-theme/blob/master"><img src="https://camo.githubusercontent.com/5cb0da6a96f0f7b4861202b46486e3b36f813831/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732d636c6f7365642d7261772f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e7376673f6d61784167653d32353932303030" alt="GitHub issues closed" data-canonical-src="https://img.shields.io/github/issues-closed-raw/themefisher/dot-hugo-documentation-theme.svg?maxAge=2592000" style="max-width:100%;"></a>
+<a href="https://github.com/themefisher/dot-hugo-documentation-theme/network"><img src="https://camo.githubusercontent.com/a740e4878301293eb179787617f3335fe6b7dbe6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f7468656d656669736865722f646f742d6875676f2d646f63756d656e746174696f6e2d7468656d652e737667" alt="GitHub forks" data-canonical-src="https://img.shields.io/github/forks/themefisher/dot-hugo-documentation-theme.svg" style="max-width:100%;"></a></p>
+
+<img src="https://user-images.githubusercontent.com/37659754/54081086-cc7ce200-4328-11e9-9f7d-74d9b32fa68c.gif" alt="screenshot" width="100%">
+
+</div>
+
+Dot, a responsive and feature reach documentation theme ever build in hugo eco system . We have analysised a lot of documentation and knowledge base theme to come up with this design . The readability and the cleaness is also another key feature of this theme. 
+
+
+### What's New in version 2.0
+This template is now in a new layout. You can create page with folder, and also gives required images in this folder. Multilangual is now more fun. No more bugs and issues. It's all like a new experience. Configuration of this theme is now more easier.
+
+**Version 2.0 comes with MIT Licence**
+
+## Table of Contents
+
+- [Demo](#demo)
+- [Installation](#installation)
+- [Main Features](#main-features)
+- [Reporting Issues](#reporting-issues)
+- [Technical Support or Questions](#technical-support-or-questions-(paid))
+- [More Hugo Themes](https://themefisher.com/hugo-themes/)
+
+## Demo
+
+| Elements  | FAQ  | Inner Page  | Contact  |
+|---|---|---|---|
+| ![Elements page](https://user-images.githubusercontent.com/37659754/54081094-e1f20c00-4328-11e9-90e8-eeda5e3cb427.png) | ![FAQ page](https://user-images.githubusercontent.com/37659754/54081095-e1f20c00-4328-11e9-8009-24987d98e2d0.png) | ![Inner page](https://user-images.githubusercontent.com/37659754/54081096-e28aa280-4328-11e9-97d2-6eb94da191ca.png) | ![Contact page](https://user-images.githubusercontent.com/37659754/54081093-e1597580-4328-11e9-981b-859b1a7e94d9.png) |
+
+**The images are only for demonstration purpose, Please don't use those images.**
+
+[Live Demo](http://demo.themefisher.com/dot-hugo/).
+
+## Installation
+
+Navigate to your themes folder in your Hugo site and use the following commands:
+
+```
+$ mkdir themes
+$ cd themes
+$ git clone git@github.com:themefisher/dot-hugo-documentation-theme.git
+```
+
+[Full Documentation](http://demo.themefisher.com/dot-hugo/installation/install/).
+
+## Main features
+
+- Automatic Search
+- Search Suggestion
+- Syntax highlighting
+- Multilingual mode
+- Bootstrap 4 Powered
+- Google Analytics 
+- Color Scheme
+- Next/Prev buttons in single post page
+- Contact Page , Faq Page
+- Buttons, Tip/Note/Info/Warning boxes, Expand
+- Responsive Ready
+
+## Reporting Issues or Contributing
+We use GitHub Issues as the official bug tracker for the Navigator Template. Please Search [existing issues](https://github.com/themefisher/dot-hugo-documentation-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/dot-hugo-documentation-theme/issues)
+
+Contributions are welcome and we will review and consider pull requests.
+Primary goals are:
+- Keep it simple.
+- Keep minimal (or zero) default configuration.
+- Avoid interference with user-defined layouts.
+- Avoid using JS if it can be solved by CSS.
+
+## 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.
+
+## Support 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 ! 
+
+## Hire Us
+We are available for Hiring of your next HUGO project. Drop Us a mail [mehedi@themefisher.com](mailto:mehedi@themefisher.com)
+
+
+## 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/) | [![GoDocs](https://gethugothemes.com/wp-content/uploads/edd/2020/02/Home-Page-2.png)](https://gethugothemes.com/products/godocs-hugo-documentation-theme/) | [![Academia](https://gethugothemes.com/wp-content/uploads/edd/2019/08/Academia.jpg)](https://gethugothemes.com/products/academia/) |
+|:---:|:---:|:---:|
+| **Hugo Mega Bundle**  | **GoDocs**  | **Academia**  |
+| [![Airspace](https://gethugothemes.com/wp-content/uploads/2019/06/hugo-theme-Airspace.jpg)](https://gethugothemes.com/products/airspace-hugo-theme/) | [![Biztrox](https://gethugothemes.com/wp-content/uploads/2019/12/Biztrox.png)](https://gethugothemes.com/products/hugo-business-theme/) | [![Bexer](https://gethugothemes.com/wp-content/uploads/2019/06/hugo-theme-bexer.jpg)](https://gethugothemes.com/products/bexer-hugo-theme/) |
+| **Airspace** | **Biztrox** | **Bexer** |
+| [![Revolve](https://gethugothemes.com/wp-content/uploads/edd/2019/11/revolve.jpg)](https://gethugothemes.com/products/revolve-hugo/) | [![redlab](https://gethugothemes.com/wp-content/uploads/edd/2019/09/redlab-hugo-thumbnail.jpg)](https://gethugothemes.com/products/redlab-hugo/) | [![all](https://gethugothemes.com/wp-content/uploads/2019/12/get-more-hugo-themes.png)](https://gethugothemes.com/shop/) |
+| **Revolve** | **RedLab** | **More Hugo Themes** |

themes/dot/archetypes/default.md

+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+lastmod: {{ .Date }}
+weight: ""
+draft: true
+---
\ No newline at end of file

themes/dot/assets/css/style.css

+body {
+  line-height: 1.5;
+  font-family: var(--font-family), sans-serif;
+  -webkit-font-smoothing: antialiased;
+  font-size: 17px;
+  color: var(--text-color);
+  background-color: var(--body-color);
+}
+
+P {
+  color: var(--text-color);
+  font-size: 15px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--text-color-dark);
+  font-family: var(--font-family), sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+h1,
+.h1 {
+  font-size: 45px;
+}
+
+h2,
+.h2 {
+  font-size: 32px;
+}
+
+h3,
+.h3 {
+  font-size: 26px;
+}
+
+h4,
+.h4 {
+  font-size: 20px;
+}
+
+h5,
+.h5 {
+  font-size: 18px;
+}
+
+h6,
+.h6 {
+  font-size: 14px;
+}
+
+/* Button style */
+.btn {
+  font-size: 14px;
+  font-family: var(--font-family), sans-serif;
+  text-transform: uppercase;
+  padding: 16px 44px;
+  border-radius: 0px;
+  font-weight: 600;
+  border: 0;
+  position: relative;
+  z-index: 1;
+  transition: .2s ease;
+}
+
+.btn:focus {
+  outline: 0;
+  box-shadow: none !important;
+}
+
+.btn:active {
+  box-shadow: none;
+}
+
+.btn-primary {
+  background: var(--primary-color);
+  color: var(--white-color);
+}
+
+.btn-primary:active {
+  background: var(--primary-color);
+}
+
+.btn-primary:hover {
+  background: var(--primary-color);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+  color: var(--white-color);
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+.inline-button {
+  line-height: .8rem !important;
+  padding: 5px 8px !important;
+  pointer-events: none;
+  margin-top: -5px;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+::-moz-selection {
+  background: var(--primary-color);
+  color: var(--white-color);
+}
+
+::selection {
+  background: var(--primary-color);
+  color: var(--white-color);
+}
+
+/* preloader */
+.preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--white-color);
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+ul {
+  list-style-type: none;
+  margin: 0px;
+  padding-left: 0;
+  font-size: 15px;
+}
+
+ol {
+  padding-left: 20px;
+  font-size: 15px;
+}
+
+img {
+  vertical-align: middle;
+  border: 0;
+}
+
+a,
+a:hover,
+a:focus {
+  text-decoration: none;
+  color: var(--primary-color);
+}
+
+a:hover,
+a:focus {
+  color: var(--primary-color);
+}
+
+a,
+button,
+select {
+  cursor: pointer;
+  transition: .2s ease;
+}
+
+a:focus,
+button:focus,
+select:focus {
+  outline: 0;
+}
+
+.slick-slide {
+  outline: 0;
+}
+
+.section {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+
+@media (max-width: 768px) {
+  .section {
+    padding-top: 60px;
+  }
+}
+
+.section-sm {
+  padding-top: 60px;
+  padding-bottom: 60px;
+}
+
+@media (max-width: 768px) {
+  .section-sm {
+    padding-top: 40px;
+  }
+}
+
+.section-title {
+  margin-bottom: 40px;
+}
+
+.bg-cover {
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.border-primary {
+  border-color: #f2f2f2 !important;
+}
+
+pre {
+  padding: 20px;
+}
+
+/* overlay */
+.overlay {
+  position: relative;
+}
+
+.overlay::before {
+  position: absolute;
+  content: '';
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  background: var(--primary-color);
+  opacity: .8;
+}
+
+.outline-0 {
+  outline: 0 !important;
+}
+
+.d-unset {
+  display: unset !important;
+}
+
+.bg-primary {
+  background: var(--primary-color) !important;
+}
+
+.bg-white {
+  background-color: var(--white-color) !important;
+}
+
+.bg-light {
+  background-color: var(--light-color) !important;
+}
+
+.text-primary {
+  color: var(--primary-color) !important;
+}
+
+.text-color {
+  color: var(--text-color) !important;
+}
+
+.text-dark {
+  color: var(--text-color-dark) !important;
+}
+
+.text-white {
+  color: var(--white-color) !important;
+}
+
+.top-50 {
+  top: 50px;
+}
+
+.navbar {
+  padding: 0;
+}
+
+@media (max-width: 768px) {
+  .navbar {
+    padding: 10px 0;
+  }
+}
+
+.navbar-brand img {
+  max-width: 100px;
+  margin-bottom: 0;
+}
+
+.navbar .nav-item .nav-link {
+  text-transform: uppercase;
+  padding: 10px 15px !important;
+  font-size: 15px;
+}
+
+.navbar .dropdown:hover .dropdown-menu {
+  visibility: visible;
+  opacity: 1;
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
+.navbar .dropdown-menu {
+  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
+  padding: 15px 0px;
+  border: 0;
+  top: 40px;
+  left: -35px;
+  border-radius: 0;
+  display: block;
+  visibility: hidden;
+  transition: .3s ease;
+  opacity: 0;
+  -webkit-transform: translateY(20px);
+  transform: translateY(20px);
+  background: var(--white-color);
+}
+
+@media (max-width: 768px) {
+  .navbar .dropdown-menu {
+    display: none;
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+    -webkit-transform-origin: unset;
+    transform-origin: unset;
+  }
+}
+
+.navbar .dropdown-menu.view {
+  visibility: visible !important;
+  opacity: 1;
+  -webkit-transform: translateY(0);
+  transform: translateY(0);
+  -webkit-transform-origin: top;
+  transform-origin: top;
+}
+
+@media (max-width: 768px) {
+  .navbar .dropdown-menu.view {
+    display: block;
+  }
+}
+
+.navbar .dropdown-menu.show {
+  visibility: hidden;
+}
+
+@media (max-width: 768px) {
+  .navbar .dropdown-menu.show {
+    visibility: visible;
+    display: block;
+  }
+}
+
+.navbar .dropdown-item {
+  position: relative;
+  color: var(--text-color-dark);
+  transition: .2s ease;
+  font-family: var(--font-family), sans-serif;
+}
+
+@media (max-width: 768px) {
+  .navbar .dropdown-item {
+    text-align: center;
+  }
+}
+
+.navbar .dropdown-item:hover {
+  color: var(--primary-color);
+  background: transparent;
+}
+
+.lang-list {
+  background: var(--primary-color);
+  color: var(--white-color);
+}
+
+.lang-list.dark {
+  color: var(--text-color-dark);
+  background: var(--white-color);
+}
+
+.banner {
+  overflow: hidden;
+}
+
+.banner p {
+  font-size: 20px;
+  opacity: .8;
+}
+
+.banner .nav-link.text-dark {
+  color: var(--white-color) !important;
+}
+
+.banner .nav-link.text-dark:hover {
+  color: var(--white-color) !important;
+}
+
+.banner .navbar-brand {
+  color: var(--white-color) !important;
+}
+
+/* search */
+
+#project-icon {
+  float: left;
+  height: 32px;
+  width: 32px;
+}
+
+#project-description {
+  margin: 0;
+  padding: 0;
+}
+
+.ui-helper-hidden-accessible {
+  display: none;
+}
+
+.ui-menu {
+  background: var(--white-color);
+  padding: 5px 20px 20px;
+  right: 0 !important;
+  max-height: 200px;
+  overflow: hidden;
+  border-radius: 0 0 25px 25px;
+  z-index: 9999;
+  box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, .07)
+}
+
+
+@media (max-width: 575px) {
+  .ui-menu {
+    width: calc(100% - 30px) !important;
+  }
+}
+
+@media (min-width: 576px) {
+  .ui-menu {
+    max-width: 510px !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .ui-menu {
+    max-width: 690px !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .ui-menu {
+    max-width: 610px !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .ui-menu {
+    max-width: 730px !important;
+  }
+}
+
+.ui-menu-item a {
+  color: var(--text-color);
+  padding: 8px 0;
+  font-size: 15px;
+}
+
+.ui-menu-item a:hover {
+  color: var(--primary-color);
+}
+
+.ui-menu-item:not(:last-child) {
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.ui-menu-item * {
+  display: none;
+}
+
+.ui-menu-item .ui-corner-all {
+  display: block;
+}
+
+
+/* /navigation */
+.form-control {
+  height: 50px;
+  border-radius: 25px;
+  border: 0;
+  padding: 0 20px;
+}
+
+.form-control:focus {
+  border: 0;
+  box-shadow: none !important;
+}
+
+textarea.form-control {
+  height: 150px;
+  padding: 20px;
+}
+
+.icon {
+  font-size: 40px;
+}
+
+.shadow {
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07) !important;
+  transition: .3s ease;
+}
+
+.shadow-bottom {
+  box-shadow: 0 1px 0 rgba(12, 13, 14, 0.1), 0 1px 6px rgba(59, 64, 69, 0.1);
+}
+
+.shadow:hover,
+.shadow:focus {
+  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1) !important;
+}
+
+/* single page */
+
+.content * {
+  margin-bottom: 20px;
+}
+
+.content img {
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto 15px;
+  display: block;
+  text-align: center;
+}
+
+.content ul {
+  padding-left: 0;
+  margin-bottom: 20px;
+  margin-top: 20px;
+}
+
+.content ul li {
+  padding-left: 20px;
+  position: relative;
+}
+
+.content ul li::before {
+  position: absolute;
+  content: '';
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  background: var(--primary-color);
+  opacity: .3;
+  left: 0;
+  top: 8px;
+}
+
+.list-styled li {
+  padding-left: 20px;
+  position: relative;
+}
+
+.list-styled li::before {
+  position: absolute;
+  content: '';
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  background: var(--primary-color);
+  opacity: .3;
+  left: 0;
+  top: 17px;
+}
+
+.post-meta {
+  color: var(--text-color);
+  font-style: italic;
+  font-size: 14px;
+}
+
+blockquote {
+  font-size: 20px !important;
+  color: var(--text-color-dark);
+  padding: 20px 40px;
+  border-left: 2px solid var(--primary-color);
+  margin: 40px 0;
+  font-weight: bold;
+  background: var(--light-color);
+}
+
+blockquote p {
+  margin-bottom: 0 !important;
+}
+
+.pagination {
+  justify-content: space-between;
+}
+
+.pagination a {
+  color: var(--primary-color);
+}
+
+.pagination i {
+  font-size: 15px;
+  line-height: 1.8;
+}
+
+#accordion i {
+  font-size: 14px;
+  line-height: 2;
+}
+
+table {
+  text-align: left;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  border: 1px solid #dee2e6;
+}
+
+table td,
+table th {
+  padding: .75rem;
+  vertical-align: top;
+  border: 1px solid #dee2e6;
+  margin-bottom: 0;
+}
+
+thead {
+  background: #ececec;
+  margin-bottom: 0;
+}
+
+tbody {
+  background: #f8f8f8;
+  margin-bottom: 0;
+}
+
+.notices {
+  margin: 2rem 0;
+  position: relative;
+}
+
+.notices p {
+  padding: 10px;
+}
+
+.notices p::before {
+  position: absolute;
+  top: 2px;
+  color: #fff;
+  font-family: "themify";
+  font-weight: 900;
+  content: "\e717";
+  left: 10px;
+}
+
+.notices.note p {
+  border-top: 30px solid #6ab0de;
+  background: #e7f2fa;
+}
+
+.notices.note p::after {
+  content: 'Note';
+  position: absolute;
+  top: 2px;
+  color: #fff;
+  left: 2rem;
+}
+
+
+.notices.tip p {
+  border-top: 30px solid #78C578;
+  background: #E6F9E6;
+}
+
+.notices.tip p::after {
+  content: 'Tip';
+  position: absolute;
+  top: 2px;
+  color: #fff;
+  left: 2rem;
+}
+
+.notices.info p {
+  border-top: 30px solid #F0B37E;
+  background: #FFF2DB;
+}
+
+.notices.info p::after {
+  content: 'Info';
+  position: absolute;
+  top: 2px;
+  color: #fff;
+  left: 2rem;
+}
+
+
+.notices.warning p {
+  border-top: 30px solid #E06F6C;
+  background: #FAE2E2;
+}
+
+.notices.warning p::after {
+  content: 'Warning';
+  position: absolute;
+  top: 2px;
+  color: #fff;
+  left: 2rem;
+}
+
+/* /single page */
+
+/* side list */
+.sidebar {
+  background-color: var(--white-color);
+  position: sticky;
+  top: 50px;
+  margin-bottom: 30px;
+  padding: 40px 10px 20px 10px;
+}
+
+.sidelist {
+  display: block;
+}
+
+li.sidelist>a {
+  margin-left: 20px;
+  margin-bottom: 10px;
+  display: block;
+  font-size: 20px;
+}
+
+li.sidelist li a {
+  margin: 0;
+}
+
+.sidelist li.sidelist {
+  display: block;
+}
+
+.sidelist li.sidelist.active a {
+  color: var(--primary-color);
+}
+
+.sidelist li.sidelist.active::before {
+  opacity: 1;
+}
+
+.page-list li a {
+  display: none;
+}
+
+.page-list li ul a {
+  display: block;
+}
+
+.sidelist li a {
+  color: var(--text-color-dark);
+  display: block;
+  font-size: 15px;
+  font-weight: 500;
+  padding: 10px 0;
+  line-height: 1.4;
+}
+
+p:empty,
+p a:empty {
+  display: none !important;
+}
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 10px 0px 10px;
+}
+
+code {
+  margin-bottom: 0 !important;
+  font-size: 100%;
+}
+
+.back-btn {
+  position: relative;
+}
+
+.back-btn::before {
+  position: absolute;
+  font-family: 'themify';
+  content: "\e6bc";
+  font-size: 25px;
+  height: 30px;
+  width: 40px;
+  background-color: var(--white-color);
+  color: inherit;
+  text-align: right;
+  z-index: 1;
+  left: -5px;
+  top: -5px;
+}
+
+.ui-autocomplete-input {
+  border-bottom: 1px solid rgb(212, 212, 212) !important;
+}
+
+.ui-autocomplete-input.active {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.search-icon {
+  position: absolute;
+  right: 20px;
+  top: 18px;
+  font-size: 14px;
+}
+
+i {
+  transition: .2s ease;
+}
+
+a:hover i {
+  color: var(--primary-color);
+}
+
+/* custom scrollbar */
+pre code::-webkit-scrollbar {
+  height: 5px;
+}
+
+pre code::-webkit-scrollbar-track {
+  background: #000000;
+}
+
+pre code::-webkit-scrollbar-thumb {
+  background: #888;
+}
+
+/* content tabs */
+.code-tabs {
+  border: 1px solid #dee2e6;
+  overflow: hidden;
+  margin: 20px 0px;
+}
+
+.code-tabs .tab-content {
+  padding: 20px 15px;
+  margin-bottom: 0;
+}
+
+.code-tabs .tab-content .tab-pane{
+  margin-bottom: 0;
+}
+
+.code-tabs .nav-tabs {
+  margin-bottom: 0;
+}
+
+.code-tabs .nav-tabs .nav-item {
+  padding-left: 0;
+  border-right: 1px solid #dee2e6;
+}
+
+.code-tabs .nav-tabs .nav-item .nav-link {
+  text-decoration: none;
+  font-weight: 500;
+  border: 0;
+  margin-bottom: 0;
+}
+
+.code-tabs .nav-tabs .nav-item::before {
+  display: none;
+}
+
+.code-tabs .nav-tabs .nav-item.active {
+  background: var(--primary-color);
+}
+
+.code-tabs .nav-tabs .nav-item.active .nav-link {
+  color: var(--white-color);
+}
\ No newline at end of file

themes/dot/assets/js/script.js

+(function ($) {
+  'use strict';
+
+  // Background-images
+  $('[data-background]').each(function () {
+    $(this).css({
+      'background-image': 'url(' + $(this).data('background') + ')'
+    });
+  });
+
+
+  // Accordions
+  $('.collapse').on('shown.bs.collapse', function () {
+    $(this).parent().find('.ti-plus').removeClass('ti-plus').addClass('ti-minus');
+  }).on('hidden.bs.collapse', function () {
+    $(this).parent().find('.ti-minus').removeClass('ti-minus').addClass('ti-plus');
+  });
+
+
+  // match height
+  $(function () {
+    $('.match-height').matchHeight({
+      byRow: true,
+      property: 'height',
+      target: null,
+      remove: false
+    });
+  });
+
+  // Get Parameters from some url
+  var getUrlParameter = function getUrlParameter(sPageURL) {
+    var url = sPageURL.split('?');
+    var obj = {};
+    if (url.length == 2) {
+      var sURLVariables = url[1].split('&'),
+        sParameterName,
+        i;
+      for (i = 0; i < sURLVariables.length; i++) {
+        sParameterName = sURLVariables[i].split('=');
+        obj[sParameterName[0]] = sParameterName[1];
+      }
+      return obj;
+    } else {
+      return undefined;
+    }
+  };
+
+  // Execute actions on images generated from Markdown pages
+  var images = $(".content img").not(".inline");
+  // Wrap image inside a featherlight (to get a full size view in a popup)
+  images.wrap(function () {
+    var image = $(this);
+    if (!image.parent("a").length) {
+      return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
+    }
+  });
+
+  // Change styles, depending on parameters set to the image
+  images.each(function (index) {
+    var image = $(this)
+    var o = getUrlParameter(image[0].src);
+    if (typeof o !== "undefined") {
+      var h = o["height"];
+      var w = o["width"];
+      var c = o["classes"];
+      image.css("width", function () {
+        if (typeof w !== "undefined") {
+          return w;
+        } else {
+          return "auto";
+        }
+      });
+      image.css("height", function () {
+        if (typeof h !== "undefined") {
+          return h;
+        } else {
+          return "auto";
+        }
+      });
+      if (typeof c !== "undefined") {
+        var classes = c.split(',');
+        for (i = 0; i < classes.length; i++) {
+          image.addClass(classes[i]);
+        }
+      }
+    }
+  });
+
+
+  // tab
+  $('.tab-content').find('.tab-pane').each(function (idx, item) {
+    var navTabs = $(this).closest('.code-tabs').find('.nav-tabs'),
+      title = $(this).attr('title');
+    navTabs.append('<li class="nav-item"><a class="nav-link" href="#">' + title + '</a></li>');
+  });
+
+  $('.code-tabs ul.nav-tabs').each(function () {
+    $(this).find("li:first").addClass('active');
+  })
+
+  $('.code-tabs .tab-content').each(function () {
+    $(this).find("div:first").addClass('active');
+  });
+
+  $('.nav-tabs a').click(function (e) {
+    e.preventDefault();
+    var tab = $(this).parent(),
+      tabIndex = tab.index(),
+      tabPanel = $(this).closest('.code-tabs'),
+      tabPane = tabPanel.find('.tab-pane').eq(tabIndex);
+    tabPanel.find('.active').removeClass('active');
+    tab.addClass('active');
+    tabPane.addClass('active');
+  });
+
+
+
+  // search
+  $('#search').keyup(function () {
+    if (this.value) {
+      $(this).addClass('active')
+    } else {
+      $(this).removeClass('active')
+    }
+  })
+  $('#search').focusout(function () {
+    $(this).removeClass('active')
+  })
+
+})(jQuery);
\ No newline at end of file

themes/dot/exampleSite/config.toml

+################################# Default configuration ###################
+# provide your domain here
+baseURL = "https://examplesite.com/"
+# theme
+theme = "dot"
+themesDir = "../.."
+# site title
+title = "Dot"
+# disable language
+disableLanguages = []
+# google analytics
+googleAnalytics = "" # paste your analytics ID here. (Ex: UA-123-45)
+# unsafe html
+[markup.goldmark.renderer]
+unsafe = true
+
+
+############################# Default Parameters ##########################
+[params]
+# logo is for all page
+logo = ""
+# logo white is for homepage logo, you can use colorful logo too...
+logo_white = ""
+# when logo is empty, it will shown your site title
+
+# customize color
+primary_color = "#02007e"
+body_color = "#f9f9f9"
+text_color = "#636363"
+text_color_dark = "#242738"
+white_color = "#ffffff"
+light_color = "#f8f9fa"
+
+# font family
+font_family = "lato" # Choose font family from : https://fonts.google.com/
+
+# contact form action
+contact_form_action = "#" # contact form works with : https://formspree.io
+
+
+############################## social links ##############################
+[[params.social]]
+icon = "ti-facebook" # themify icon pack : https://themify.me/themify-icons
+link = "#"
+
+[[params.social]]
+icon = "ti-twitter-alt" # themify icon pack : https://themify.me/themify-icons
+link = "#"
+  
+[[params.social]]
+icon = "ti-github" # themify icon pack : https://themify.me/themify-icons
+link = "#"
+  
+[[params.social]]
+icon = "ti-linkedin" # themify icon pack : https://themify.me/themify-icons
+link = "#"
+
+################################ English Language ######################
+[Languages.en]
+languageName = "En"
+languageCode = "en-us"
+weight = 1
+copyright = "Copyright © 2020 a Hugo theme by [Gethugothemes](https://gethugothemes.com/)"
+
+# banner
+[Languages.en.params.banner]
+title = "Support Center & Knowledge base"
+subtitle = "Find advice and answers from our support team fast or get in touch"
+bg_image = "images/banner.jpg"
+placeholder = "Have a question? Just ask here or enter terms"
+
+# call to action
+[Languages.en.params.cta]
+enable = true
+title = "Didn't find an answer to your question?"
+content = "Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam."
+# call to action button
+[Languages.en.params.cta.button]
+enable = true
+label = "contact us"
+link = "contact"
+
+
+################## english navigation #################
+[[Languages.en.menu.main]]
+name = "Home"
+url = "/"
+weight = 1
+
+[[Languages.en.menu.main]]
+name = "Faq"
+url = "faq"
+weight = 2
+
+[[Languages.en.menu.main]]
+name = "contact"
+url = "contact"
+weight = 3
+
+# Dropdown menu
+[[Languages.en.menu.main]]
+weight = 4
+name = "docs"
+hasChildren = true
+
+  [[Languages.en.menu.main]]
+  parent = "docs"
+  name = "Installation"
+  url = "installation"
+  weight = 1
+
+  [[Languages.en.menu.main]]
+  parent = "docs"
+  name = "Billing and Pricing"
+  url = "billing-pricing"
+  weight = 2
+
+  [[Languages.en.menu.main]]
+  parent = "docs"
+  name = "Features"
+  url = "features"
+  weight = 3
+
+
+################################### Franch Language ######################
+[Languages.fr]
+languageName = "Fr"
+languageCode = "fr-fr"
+weight = 2
+copyright = "Copyright © 2020 un thème Hugo par [Gethugothemes](https://gethugothemes.com/)"
+
+# banner
+[Languages.fr.params.banner]
+title = "Comment pouvons nous aider?"
+subtitle = "Trouvez rapidement des conseils et des réponses auprès de notre équipe d'assistance ou contactez-nous."
+bg_image = "images/banner.jpg"
+placeholder = "Avoir une question? Il suffit de demander ici ou de saisir les termes"
+
+# call to action
+[Languages.fr.params.cta]
+enable = true
+title = "Vous n'avez pas trouvé de réponse à votre question?"
+content = "Contactez-nous pour plus de détails sur les services supplémentaires et la tarification du travail personnalisé"
+# call to action button
+[Languages.fr.params.cta.button]
+enable = true
+label = "Contactez nous"
+link = "contact"
+
+
+################## french navigation #################
+[[Languages.fr.menu.main]]
+name = "Accueil"
+url = "/"
+weight = 1
+
+[[Languages.fr.menu.main]]
+name = "Faq"
+url = "faq"
+weight = 2
+
+[[Languages.fr.menu.main]]
+name = "contact"
+url = "contact"
+weight = 3
+
+# Dropdown menu
+[[Languages.fr.menu.main]]
+weight = 4
+name = "docs"
+hasChildren = true
+
+  [[Languages.fr.menu.main]]
+  parent = "docs"
+  name = "Installation"
+  url = "installation"
+  weight = 1
+
+  [[Languages.fr.menu.main]]
+  parent = "docs"
+  name = "Billing and Pricing"
+  url = "billing-pricing"
+  weight = 2
+
+  [[Languages.fr.menu.main]]
+  parent = "docs"
+  name = "Features"
+  url = "features"
+  weight = 3
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/_index.en.md

+---
+title: "Billing & Pricing"
+date: 2018-12-28T11:02:05+06:00
+icon: "ti-credit-card"
+description: "Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet"
+type : "docs"
+---
+
+Many businesses employ full-time pricing analysts or hire an analyst as a consultant for a particular project or concern.
+
+Pricing analysts look at industry standards, playing close attention to the pricing strategies of their competitors.
+
+They use mathematical analysis to track pricing trends in the marketplace using industry databases, catalogues and other industry sources. They study consumer habits to determine how much people are willing to pay for various products, and to look for patterns in consumer spending.
+
+They are also interested in the cost of production of various items, the amount of profit a company wants to make, and associated costs like marketing.
+
+They may be involved with the packaging and presentation of products, which can influence how much people are willing to pay, and they provide advice during the research and development phase to help create the most income for the company.
+
+They work with a variety of departments, including sales, product management, marketing and accounting, to ensure that their methods comply with company strategy and maximise profitability.
+
+Other duties that are included under a pricing analyst's job title include maintaining price lists, contributing content for sales proposals, reviewing price quotes, generating pricing reports on sales revenue and preparing revenue forecasts and budgets for project managers.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/_index.fr.md

+---
+title: "Billing & Pricing"
+date: 2018-12-28T11:02:05+06:00
+icon: "ti-credit-card"
+description: "Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet"
+type : "docs"
+---
+
+Many businesses employ full-time pricing analysts or hire an analyst as a consultant for a particular project or concern.
+
+Pricing analysts look at industry standards, playing close attention to the pricing strategies of their competitors.
+
+They use mathematical analysis to track pricing trends in the marketplace using industry databases, catalogues and other industry sources. They study consumer habits to determine how much people are willing to pay for various products, and to look for patterns in consumer spending.
+
+They are also interested in the cost of production of various items, the amount of profit a company wants to make, and associated costs like marketing.
+
+They may be involved with the packaging and presentation of products, which can influence how much people are willing to pay, and they provide advice during the research and development phase to help create the most income for the company.
+
+They work with a variety of departments, including sales, product management, marketing and accounting, to ensure that their methods comply with company strategy and maximise profitability.
+
+Other duties that are included under a pricing analyst's job title include maintaining price lists, contributing content for sales proposals, reviewing price quotes, generating pricing reports on sales revenue and preparing revenue forecasts and budgets for project managers.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/bill/_index.en.md

+---
+title: "How to pay your bill"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: ["money","payment"]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/bill/_index.fr.md

+---
+title: "How to pay your bill"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: ["money","payment"]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/manage/_index.en.md

+---
+title: "Manage My Sprint account"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 2
+draft: false
+# search related keywords
+keywords: ["handle"]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/manage/_index.fr.md

+---
+title: "Manage My Sprint account"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 2
+draft: false
+# search related keywords
+keywords: ["handle"]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/ownership/_index.en.md

+---
+title: "Customer instructions for change of ownership"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 1
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/ownership/_index.fr.md

+---
+title: "Customer instructions for change of ownership"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 1
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/payment/_index.en.md

+---
+title: "Payment arrangements"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 4
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/payment/_index.fr.md

+---
+title: "Payment arrangements"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 4
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/profile/_index.en.md

+---
+title: "Understand the different levels of profile"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 5
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/billing-pricing/profile/_index.fr.md

+---
+title: "Understand the different levels of profile"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 5
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/contact/_index.en.md

+---
+title: "Got Any Questions"
+draft: false
+---
+
+Submit the form and confirm your email address at [Formspree](https://formspree.io/).
\ No newline at end of file

themes/dot/exampleSite/content/contact/_index.fr.md

+---
+title: "Vous avez des questions"
+draft: false
+---
+
+Envoyez le formulaire et confirmez votre adresse e-mail à l'adresse[Formspree](https://formspree.io/).
\ No newline at end of file

themes/dot/exampleSite/content/faq/_index.en.md

+---
+title: "Frequently Asked Questions"
+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 "What happens after I download?" >}}
+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 >}}
\ No newline at end of file

themes/dot/exampleSite/content/faq/_index.fr.md

+---
+title: "Questions fréquemment posées"
+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 "What happens after I download?" >}}
+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 >}}
\ No newline at end of file

themes/dot/exampleSite/content/features/_index.en.md

+---
+title: "Features"
+date: 2018-12-28T11:02:05+06:00
+icon: "ti-package"
+description: "Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet"
+type : "docs"
+---
\ No newline at end of file

themes/dot/exampleSite/content/features/_index.fr.md

+---
+title: "Features"
+date: 2018-12-28T11:02:05+06:00
+icon: "ti-package"
+description: "Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet"
+type : "docs"
+---
\ No newline at end of file

themes/dot/exampleSite/content/features/linux/_index.en.md

+---
+title: "Linux"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 1
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/linux/_index.fr.md

+---
+title: "Linux"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 1
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/mac/_index.en.md

+---
+title: "Mac OS"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 2
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/mac/_index.fr.md

+---
+title: "Mac OS"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 2
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/routing/_index.en.md

+---
+title: "Routing"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/routing/_index.fr.md

+---
+title: "Routing"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/ubuntu/_index.en.md

+---
+title: "Ubuntu"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 4
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/ubuntu/_index.fr.md

+---
+title: "Ubuntu"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 4
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/windows/_index.en.md

+---
+title: "Windows"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 5
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/features/windows/_index.fr.md

+---
+title: "Windows"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 5
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam, ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.
+
+{{< notice note >}}
+  This is a simple note.
+{{</ notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{</ notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{</ notice >}}
+
+
+{{< tabs >}}
+  {{< tab "first" >}}
+   This is first tab
+  {{</ tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{</ tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{</ tab >}}
+{{</ tabs >}}
+
+Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
+
+### Image Example
+
+Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat fermentum, at commodo velit consectetur.
+
+![image example](img-1.jpg "image")
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
+
+### Example Of Code Block
+
+In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+```html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" >
+  <script src="/assets/js/main.js"></script>
+</head>
+```
+
+### Text and Quote
+
+Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.
+
+> Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet
+
+Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna, et dapibus turpis.
\ No newline at end of file

themes/dot/exampleSite/content/installation/_index.en.md

+---
+title: "Installation"
+date: 2018-12-29T11:02:05+06:00
+icon: "ti-panel"
+description: "Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet"
+type : "docs"
+---
\ No newline at end of file

themes/dot/exampleSite/content/installation/_index.fr.md

+---
+title: "Installation"
+date: 2018-12-29T11:02:05+06:00
+icon: "ti-panel"
+description: "Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet"
+type : "docs"
+---
\ No newline at end of file

themes/dot/exampleSite/content/installation/configuration/_index.en.md

+---
+title: "Configuration"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+### Global site parameters
+
+On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **Dot** lets you define the following parameters in your `config.toml` (here, values are default).
+
+Note that some of these parameters are explained in details in other sections of this documentation.
+
+```toml
+[params]
+  # Prefix URL to edit current page. 
+  # Useful to give opportunity to people to create merge request for your doc.
+  # See the config.toml file from this documentation site to have an example.
+  # Javascript and CSS cache are automatically busted when new version of site is generated. 
+  # Order sections in menu by "weight"
+  # Call to action is default enabled, if you want to disable it. just change the 
+  enable = false
+  # You can change banner title and other text from the config file.
+```
\ No newline at end of file

themes/dot/exampleSite/content/installation/configuration/_index.fr.md

+---
+title: "Configuration"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+### Global site parameters
+
+On top of [Hugo global configuration](https://gohugo.io/overview/configuration/), **Dot** lets you define the following parameters in your `config.toml` (here, values are default).
+
+Note that some of these parameters are explained in details in other sections of this documentation.
+
+```toml
+[params]
+  # Prefix URL to edit current page. 
+  # Useful to give opportunity to people to create merge request for your doc.
+  # See the config.toml file from this documentation site to have an example.
+  # Javascript and CSS cache are automatically busted when new version of site is generated. 
+  # Order sections in menu by "weight"
+  # Call to action is default enabled, if you want to disable it. just change the 
+  enable = false
+  # You can change banner title and other text from the config file.
+```
\ No newline at end of file

themes/dot/exampleSite/content/installation/customization/_index.en.md

+---
+title: "Customization"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 4
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+**Dot** has been built to be as configurable as possible.
+
+
+### Change the logo
+
+In `config.toml` you will find a logo variable. you can change your logo there.
+
+{{% notice tip %}}
+The size of the logo will adapt automatically
+{{% /notice %}}
+
+### Change the favicon
+
+If your favicon is a png, just drop off your image in your local `static/images/` folder and name it `favicon.png`
+
+If you need to change this default behavior, create a new file in `layouts/partials/` named `head.html`. Then write something like this:
+
+```html
+<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
+```
+
+### Change default colors
+
+**Dot** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
+
+
+```toml
+[params]
+  # Change default color scheme with a color name or color code.
+  primary_color = "#02007e"
+  body_color = "#f9f9f9"
+  text_color = "#636363"
+  text_color_dark = "#242738"
+  white_color = "#ffffff"
+  light_color = "#f8f9fa"
+```
+
+### Change default Fonts
+
+
+```toml
+[params]
+  # font family
+  font_family = "lato" # Choose font family from : https://fonts.google.com/
+```
\ No newline at end of file

themes/dot/exampleSite/content/installation/customization/_index.fr.md

+---
+title: "Customization"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 4
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+**Dot** has been built to be as configurable as possible.
+
+
+### Change the logo
+
+In `config.toml` you will find a logo variable. you can change your logo there.
+
+{{% notice tip %}}
+The size of the logo will adapt automatically
+{{% /notice %}}
+
+### Change the favicon
+
+If your favicon is a png, just drop off your image in your local `static/images/` folder and name it `favicon.png`
+
+If you need to change this default behavior, create a new file in `layouts/partials/` named `head.html`. Then write something like this:
+
+```html
+<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
+```
+
+### Change default colors
+
+**Dot** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
+
+
+```toml
+[params]
+  # Change default color scheme with a color name or color code.
+  primary_color = "#02007e"
+  body_color = "#f9f9f9"
+  text_color = "#636363"
+  text_color_dark = "#242738"
+  white_color = "#ffffff"
+  light_color = "#f8f9fa"
+```
+
+### Change default Fonts
+
+
+```toml
+[params]
+  # font family
+  font_family = "lato" # Choose font family from : https://fonts.google.com/
+```
\ No newline at end of file

themes/dot/exampleSite/content/installation/elements/_index.en.md

+---
+title: "Elements"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 5
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### 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.mozilla.org
+[1]: http://slashdot.org
+[link text itself]: http://www.reddit.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>
+
+#### Notice
+
+{{< notice note >}}
+  This is a simple note.
+{{< /notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{< /notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{< /notice >}}
+
+<hr>
+
+#### Tab
+
+{{< tabs >}}
+
+  {{< tab "first" >}}
+   This is first tab
+  {{< /tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{< /tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{< /tab >}}
+
+{{</ tabs >}}
+
+<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
+```
+ 
+```
+No language indicated, so no syntax highlighting. 
+But let's throw in a <b>tag</b>.
+```
+
+<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](img-1.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}
\ No newline at end of file

themes/dot/exampleSite/content/installation/elements/_index.fr.md

+---
+title: "Elements"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 3
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### 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.mozilla.org
+[1]: http://slashdot.org
+[link text itself]: http://www.reddit.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>
+
+#### Notice
+
+{{< notice note >}}
+  This is a simple note.
+{{< /notice >}}
+
+{{< notice tip >}}
+  This is a simple tip.
+{{< /notice >}}
+
+{{< notice info >}}
+  This is a simple info.
+{{< /notice >}}
+
+<hr>
+
+#### Tab
+
+{{< tabs >}}
+
+  {{< tab "first" >}}
+   This is first tab
+  {{< /tab >}}
+
+  {{< tab "second" >}}
+  this is second tab
+  {{< /tab >}}
+
+  {{< tab "third" >}}
+  this is third tab
+  {{< /tab >}}
+
+{{</ tabs >}}
+
+<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
+```
+ 
+```
+No language indicated, so no syntax highlighting. 
+But let's throw in a <b>tag</b>.
+```
+
+<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](img-1.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}
\ No newline at end of file

themes/dot/exampleSite/content/installation/install/_index.en.md

+---
+title: "Installation"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 2
+draft: false
+# search related keywords
+keywords: ["induct", "instate"]
+---
+
+The following steps are here to help you initialize your new website. If you don't know Hugo at all, we strongly suggest you learn more about it by following this [great documentation for beginners](https://gohugo.io/overview/quickstart/).
+
+### Create your project
+
+Hugo provides a `new` command to create a new website.
+
+```bash
+hugo new site <new_project>
+```
+
+### Install the theme
+
+Install the **Dot** theme by following [this documentation](https://gohugo.io/themes/installing/)
+
+This theme's repository is: https://github.com/themefisher/dot-hugo-documentation-theme.git
+
+Alternatively, you can [download the theme as .zip](https://github.com/themefisher/dot-hugo-documentation-theme/archive/master.zip) file and extract it in the `themes` directory
+
+Or you can check this video documentation for installing this template:
+{{< youtube Srt3lTmRxzQ >}}
+
+### Basic configuration
+
+When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
+
+```toml
+# Change the default theme to be use when building the site with Hugo
+theme = "Dot"
+```
+
+
+### Create your first content pages
+
+Then, create content pages inside the previously created chapter. Here are two ways to create content in the chapter:
+
+```bash
+hugo new installation/first-content.md
+hugo new installation/second-content/_index.md
+```
+
+Feel free to edit thoses files by adding some sample content and replacing the `title` value in the beginning of the files. 
+
+### Launching the website locally
+
+Launch by using the following command:
+
+```bash
+hugo serve
+```
+
+Go to `http://localhost:1313`
+
+### Build the website
+
+When your site is ready to deploy, run the following command:
+
+```bash
+hugo
+```
+
+A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
+
+{{% notice info%}}
+This website can be automatically published and hosted with [Netlify](https://www.netlify.com/) (Read more about [Automated HUGO deployments with Netlify](https://www.netlify.com/blog/2015/07/30/hosting-hugo-on-netlifyinsanely-fast-deploys/)). Alternatively, you can use [Github pages](https://gohugo.io/hosting-and-deployment/hosting-on-github/)
+{{% /notice %}}
\ No newline at end of file

themes/dot/exampleSite/content/installation/install/_index.fr.md

+---
+title: "Installation"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 2
+draft: false
+# search related keywords
+keywords: ["induct", "instate"]
+---
+
+The following steps are here to help you initialize your new website. If you don't know Hugo at all, we strongly suggest you learn more about it by following this [great documentation for beginners](https://gohugo.io/overview/quickstart/).
+
+### Create your project
+
+Hugo provides a `new` command to create a new website.
+
+```bash
+hugo new site <new_project>
+```
+
+### Install the theme
+
+Install the **Dot** theme by following [this documentation](https://gohugo.io/themes/installing/)
+
+This theme's repository is: https://github.com/themefisher/dot-hugo-documentation-theme.git
+
+Alternatively, you can [download the theme as .zip](https://github.com/themefisher/dot-hugo-documentation-theme/archive/master.zip) file and extract it in the `themes` directory
+
+Or you can check this video documentation for installing this template:
+{{< youtube Srt3lTmRxzQ >}}
+
+### Basic configuration
+
+When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
+
+```toml
+# Change the default theme to be use when building the site with Hugo
+theme = "Dot"
+```
+
+
+### Create your first content pages
+
+Then, create content pages inside the previously created chapter. Here are two ways to create content in the chapter:
+
+```bash
+hugo new installation/first-content.md
+hugo new installation/second-content/_index.md
+```
+
+Feel free to edit thoses files by adding some sample content and replacing the `title` value in the beginning of the files. 
+
+### Launching the website locally
+
+Launch by using the following command:
+
+```bash
+hugo serve
+```
+
+Go to `http://localhost:1313`
+
+### Build the website
+
+When your site is ready to deploy, run the following command:
+
+```bash
+hugo
+```
+
+A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
+
+{{% notice info%}}
+This website can be automatically published and hosted with [Netlify](https://www.netlify.com/) (Read more about [Automated HUGO deployments with Netlify](https://www.netlify.com/blog/2015/07/30/hosting-hugo-on-netlifyinsanely-fast-deploys/)). Alternatively, you can use [Github pages](https://gohugo.io/hosting-and-deployment/hosting-on-github/)
+{{% /notice %}}
\ No newline at end of file

themes/dot/exampleSite/content/installation/requirments/_index.en.md

+---
+title: "Requirments"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 1
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+
+Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.
+
+Just download latest version of [Hugo binary (> 0.53)](https://gohugo.io/getting-started/installing/) for your OS (Windows, Linux, Mac) : it's that simple.
+
+![image example](hugo.jpg "image")
\ No newline at end of file

themes/dot/exampleSite/content/installation/requirments/_index.fr.md

+---
+title: "Requirments"
+date: 2018-12-29T11:02:05+06:00
+lastmod: 2020-01-05T10:42:26+06:00
+weight: 1
+draft: false
+# search related keywords
+keywords: [""]
+---
+
+
+Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.
+
+Just download latest version of [Hugo binary (> 0.53)](https://gohugo.io/getting-started/installing/) for your OS (Windows, Linux, Mac) : it's that simple.
+
+![image example](hugo.jpg "image")
\ No newline at end of file

themes/dot/exampleSite/i18n/en.yaml

+- id: topics_title
+  translation: Find your answer by subject
+  
+- id: send
+  translation: Send
\ No newline at end of file

themes/dot/exampleSite/i18n/fr.yaml

+- id: topics_title
+  translation: Trouvez votre réponse par sujet
+  
+- id: send
+  translation: Envoyer
\ No newline at end of file

themes/dot/layouts/_default/baseof.html

+<!DOCTYPE html>
+<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-us{{ end }}">
+  {{ partial "head.html" . }}
+  
+  <body>
+    {{ if .IsHome }}
+    {{ "<!-- header -->" | safeHTML }}
+    <header class="banner {{if .Site.Params.banner.bg_image}}overlay bg-cover{{else}}bg-primary{{end}}" data-background="{{ .Site.Params.banner.bg_image | absURL }}">
+      {{ partial "navigation.html" . }}
+      {{ partial "banner.html" . }}
+    </header>
+    {{ "<!-- /header -->" | safeHTML }}
+    {{ else }}
+    {{ "<!-- header -->" | safeHTML }}
+    <header class="shadow-bottom sticky-top bg-white">
+      {{ partial "navigation.html" . }}
+    </header>
+    {{ "<!-- /header -->" | safeHTML }}
+    {{ end }}
+    {{ block "main" . }}{{ end }}
+    {{ partial "footer.html" . }}
+  </body>
+
+</html>
\ No newline at end of file

themes/dot/layouts/_default/list.html

+{{ define "main" }}
+
+{{ partial "default.html" . }}
+
+{{ end }}
\ No newline at end of file

themes/dot/layouts/_default/single.html

+{{ define "main" }}
+
+{{ partial "default.html" . }}
+
+{{ end }}
\ No newline at end of file

themes/dot/layouts/contact/list.html

+{{ define "main" }}
+
+{{ "<!-- contact -->" | safeHTML }}
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <h2 class="section-title text-primary">{{ .Title }}</h2>
+        {{ .Content }}
+        <form action="{{ .Site.Params.contact_form_action | safeURL }}">
+          <input type="text" id="name" name="name" placeholder="Name" class="form-control mb-4 shadow rounded-0">
+          <input type="email" id="mail" name="mail" placeholder="Email" class="form-control mb-4 shadow rounded-0">
+          <input type="text" id="subject" name="subject" placeholder="subject"
+            class="form-control mb-4 shadow rounded-0">
+          <textarea name="message" id="message" placeholder="Message"
+            class="form-control mb-4 shadow rounded-0"></textarea>
+          <button type="submit" value="send" class="btn btn-primary">{{ i18n "send" }}</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</section>
+{{ "<!-- /contact -->" | safeHTML }}
+
+{{ end }}
\ No newline at end of file

themes/dot/layouts/faq/list.html

+{{ define "main" }}
+
+  {{ $data := index .Site.Data .Site.Language.Lang }}
+  {{ "<!-- faq -->" | safeHTML }}
+  <section class="section pb-0">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+        <h2 class="section-title text-primary">{{ .Title }}</h2>
+          {{ "<!-- accordion -->" | safeHTML }}
+          <div id="accordion">
+            {{ .Content }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  {{ "<!-- /faq -->" | safeHTML }}
+
+{{ end }}
\ No newline at end of file

themes/dot/layouts/index.html

+{{ define "main" }}
+
+  {{ "<!-- topics -->" | safeHTML }}
+  <section class="section">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-12 text-center">
+          <h2 class="section-title">{{ "技术进阶路线" | safeHTML }}</h2>
+        </div>
+        {{ "<!-- topic-item -->" | safeHTML }}
+        {{ range (where .Site.Pages "Type" "docs") }}
+        <div class="col-lg-4 col-sm-6 mb-4">
+          <a href="{{ .Permalink }}" class="px-4 py-5 bg-white shadow text-center d-block match-height">
+            {{ with .Params.icon}}<i class="{{.}} icon text-primary d-block mb-4"></i>{{end}}
+            <h3 class="mb-3 mt-0">{{ .Title }}</h3>
+            {{with .Params.description}}<p class="mb-0">{{. | markdownify}}</p>{{end}}
+          </a>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </section>
+  {{ "<!-- /topics -->" | safeHTML }}
+
+  {{ if .Site.Params.cta.enable }}
+  {{ with .Site.Params.cta }}
+  {{ "<!-- call to action -->" | safeHTML }}
+  <section>
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <div class="section px-3 bg-white shadow text-center">
+          <h2 class="mb-4">{{ .title | markdownify }}</h2>
+          <p class="mb-4">{{ .content | markdownify }}</p>
+          {{ if .button.enable }}
+          {{ with .button }}
+          <a href="{{ .link | relLangURL }}" class="btn btn-primary">{{ .label }}</a>
+          {{ end }}
+          {{ end }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  {{ "<!-- /call to action -->" | safeHTML }}
+  {{ end }}
+  {{ end }}
+
+{{ end }}
\ No newline at end of file

themes/dot/layouts/partials/banner.html

+{{ "<!-- banner -->" | safeHTML }}
+<div class="container section">
+	<div class="row">
+		<div class="col-lg-8 text-center mx-auto">
+			<h1 class="text-white mb-3">{{ .Site.Params.banner.title | markdownify }}</h1>
+			<p class="text-white mb-4">{{ .Site.Params.banner.subtitle | markdownify }}</p>
+			<div class="position-relative">
+				<input id="search" class="form-control" placeholder="{{ .Site.Params.banner.placeholder }}">
+				<i class="ti-search search-icon"></i>
+				<!-- Javascript -->
+				{{ $currentNode := . }}
+				{{ $currentNode.Scratch.Set "pages" .Site.Pages }}
+				{{ $pages := ($currentNode.Scratch.Get "pages") }}
+				<script>
+					$(function() {
+					var projects = [
+						{{ range $pages }}
+						{
+							value: "{{ .Title }}",
+							label: "<p>{{.Plain}}</p>{{range.Params.Keywords}}<p>{{.}}</p>{{end}}",
+							url:"{{ .Permalink }}"
+						},
+						{{ end }}
+					];
+					$( "#search" ).autocomplete({
+						source: projects
+					})
+					.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
+						return $( "<li>" )
+						.append( "<a href=" + item.url + " + \" &quot;\" +  >" + item.value + "</a>" + item.label )
+						.appendTo( ul );
+					};
+					});
+				</script>
+			</div>
+		</div>
+	</div>
+</div>
+{{ "<!-- /banner -->" | safeHTML }}
\ No newline at end of file

themes/dot/layouts/partials/default.html

+{{ "<!-- details page -->" | safeHTML }}
+<section class="single section-sm pb-0">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-3">
+        <div class="sidebar">
+          <ul class="list-styled">
+            {{ $currentNode := . }}
+            <a class="back-btn" href="{{ .Site.BaseURL | relLangURL }}"></a>
+            {{range .Site.Home.Sections.ByWeight}}
+              {{ if eq .FirstSection $currentNode.FirstSection }}
+              {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode}}
+              {{ end }}
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+      <div class="col-lg-9">
+        <div class="p-lg-5 p-4 bg-white">
+          <h2 class="mb-5">{{ .Title }}</h2>
+          {{ if .Content }}
+          <div class="content">{{.Content}}</div>
+          {{ else }}
+          <div class="bg-light p-4">
+            <ul class="page-list">
+              {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode }}
+            </ul>
+          </div>
+          {{ end }}
+          <p class="post-meta border-bottom pb-3 mb-0 mt-3">Updated on {{ .Lastmod.Format "02 Jan 2006" }}</p>
+          <nav class="pagination mt-3">
+            <!-- Next prev page -->
+            {{ $currentNode := . }}
+            {{ template "menu-nextprev" dict "menu" .Site.Home "currentnode" $currentNode }}
+            {{ define "menu-nextprev" }}
+            {{$currentNode := .currentnode }}
+            {{ if ne .menu.Params.hidden true}}
+            {{if hasPrefix $currentNode.Permalink .menu.Permalink }}
+            {{ $currentNode.Scratch.Set "NextPageOK" "OK" }}
+            {{ $currentNode.Scratch.Set "prevPage" ($currentNode.Scratch.Get "prevPageTmp") }}
+            {{else}}
+            {{if eq ($currentNode.Scratch.Get "NextPageOK") "OK"}}
+            {{ $currentNode.Scratch.Set "NextPageOK" nil }}
+            {{ $currentNode.Scratch.Set "nextPage" .menu }}
+            {{end}}
+            {{end}}
+            {{ $currentNode.Scratch.Set "prevPageTmp" .menu }}
+
+            {{ $currentNode.Scratch.Set "pages" .menu.Pages }}
+            {{ if .menu.IsHome}}
+            {{ $currentNode.Scratch.Set "pages" .menu.Sections }}
+            {{ else if .menu.Sections}}
+            {{ $currentNode.Scratch.Set "pages" (.menu.Pages | union .menu.Sections) }}
+            {{end}}
+            {{ $pages := ($currentNode.Scratch.Get "pages") }}
+
+            {{ range $pages.ByWeight  }}
+            {{ template "menu-nextprev" dict "menu" . "currentnode" $currentNode }}
+            {{end}}
+            {{ end }}
+            {{ end }}
+
+            {{with ($.Scratch.Get "prevPage")}}
+            <a class="nav nav-prev" href="{{.Permalink }}"><i class="ti-arrow-left mr-2"></i> <span class="d-none d-md-block">{{.Title}}</span></a>
+            {{end}}
+            {{with ($.Scratch.Get "nextPage")}}
+            <a class="nav nav-next" href="{{.Permalink }}"> <span class="d-none d-md-block">{{.Title}}</span><i class="ti-arrow-right ml-2"></i></a>
+            {{end}}
+          </nav>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ "<!-- /details page -->" | safeHTML }}
+
+<!-- templates -->
+{{ define "section-tree-nav" }}
+{{ $showvisitedlinks := .showvisitedlinks }}
+{{ $currentNode := .currentnode }}
+{{with .sect}}
+{{safeHTML .Params.head}}
+{{ $fileUniqueID := "" }}
+{{ with .File }}{{ $fileUniqueID = .UniqueID }}{{ end }}
+{{ $currentNodeFileUniqueID := "" }}
+{{ with $currentNode.File }}{{ $currentNodeFileUniqueID = .UniqueID }}{{ end }}
+<li data-nav-id="{{.Permalink}}" title="{{.Title}}" class="sidelist
+  {{if eq $fileUniqueID $currentNodeFileUniqueID}}active{{end}}">
+  <a href="{{.Permalink}}">
+    {{safeHTML .Params.Pre}}{{or .Params.menuTitle .LinkTitle .Title}}{{safeHTML .Params.Post}}
+  </a>
+  {{ $numberOfPages := (add (len .Pages) (len .Sections)) }}
+  {{ if ne $numberOfPages 0 }}
+    <ul>
+      {{ range .Pages.ByWeight }}
+        {{ if and .Params.hidden (not $.showhidden) }}
+        {{else}}
+          {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode }}
+        {{end}}
+      {{end}}
+    </ul>
+  {{ end }}
+</li>
+{{ end }}
+{{ end }}
\ No newline at end of file

themes/dot/layouts/partials/footer.html

+{{ "<!-- footer -->" | safeHTML }}
+<footer class="section pb-4">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-8 text-md-left text-center">
+       <p class="mb-md-0 mb-4">{{ .Site.Params.copyright | markdownify }}</p>
+      </div>
+      <div class="col-md-4 text-md-right text-center">
+        <ul class="list-inline">
+          {{ range .Site.Params.social }}
+          <li class="list-inline-item"><a class="text-color d-inline-block p-2" href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
+          {{ end }}
+        </ul>
+      </div>
+    </div>
+  </div>
+</footer>
+{{ "<!-- /footer -->" | safeHTML }}
+
+{{ "<!-- Main Script -->" | safeHTML }}
+{{ $script := resources.Get "js/script.js" | minify}}
+<script src="{{ $script.Permalink }}"></script>
\ No newline at end of file

themes/dot/layouts/shortcodes/faq.html

+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="card mb-4 rounded-0 shadow border-0">
+  <div class="card-header rounded-0 bg-white border p-0 border-0">
+    <a class="card-link h4 d-flex tex-dark mb-0 py-3 px-4 justify-content-between" data-toggle="collapse" href="#{{ .Get 0 | anchorize }}">
+      <span>{{ .Get 0 | markdownify }}</span> <i class="ti-plus text-primary text-right"></i>
+    </a>
+  </div>
+  <div id="{{ .Get 0 | anchorize }}" class="collapse" data-parent="#accordion">
+    <div class="card-body font-secondary text-color">{{ .Inner | markdownify }}</div>
+  </div>
+</div>
\ No newline at end of file

themes/dot/layouts/shortcodes/notice.html

+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}><p>{{ .Inner | markdownify }}</p></div>

themes/dot/layouts/shortcodes/tab.html

+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="tab-pane" title="{{ .Get 0 }}">
+  {{ .Inner }}
+</div>
\ No newline at end of file

themes/dot/layouts/shortcodes/tabs.html

+{{ $_hugo_config := `{ "version": 1 }` }}
+
+<div class="code-tabs">
+  <ul class="nav nav-tabs"></ul>
+  <div class="tab-content">{{ .Inner }}</div>
+</div>
\ No newline at end of file