init

archetypes/default.md

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

config.toml

+baseURL = "https://codechina.gitcode.host/developer-roadmap/backend/intro/"
+#baseURL = "/"
+Languages = "zh-cn"
+title = "后端开发 - 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 = "#22313F"
+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/backend/intro"
+
+
+################################ 中文 ######################
+# [Languages]
+# languageName = "中文"
+# languageCode = "zh-cn"
+# weight = 0
+
+
+# banner
+[params.banner]
+title = "CSDN IT 人才成长路线图"
+subtitle = "后端开发技术路线图"
+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 = "初阶"
+url = "/junior"
+weight = 2
+
+[[menu.main]]
+name = "中阶"
+url = "/intermediate"
+weight = 3
+
+[[menu.main]]
+name = "高阶"
+url = "/senior"
+weight = 4
+
+# Dropdown menu
+[[menu.main]]
+weight = 5
+name = "成长路线图"
+hasChildren = true
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "AI 路线图"
+  url = "https://codechina.gitcode.host/developer-roadmap/ai/intro/"
+  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 = "https://codechina.gitcode.host/developer-roadmap/DevOps/info/"
+  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/intermediate/1.md

+---
+title: "编程框架"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 1
+type: 
+icon: #
+description: "后端开发,编程框架"
+# search related keywords
+---
+
+- 应用框架
+  - Spring
+  - play
+- 网络框架
+  - Netty
+- 持久化
+  - MyBatis
+  - Hibernate
+- RPC
+  - gRPC
+  - Dubbo
\ No newline at end of file

content/intermediate/2.md

+---
+title: "JVM"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: 
+icon: #
+description: "后端开发中阶路线图,JVM"
+# search related keywords
+---
+
+- 执行系统
+  - 类结构与字节码
+  - 类加载机制
+- 内存管理
+  - 内存区域与溢出
+  - 垃圾收集器与内存分配策略
+  - 性能监控与故障处理工具
+- 并发
+  - 内存模型与线程
+  - 线程安全与锁优化
\ No newline at end of file

content/intermediate/3.md

+---
+title: "消息队列"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: 
+icon: #
+description: "后端开发中阶路线图,消息队列"
+# search related keywords
+---
+
+- Kafka
+- RocketMQ
\ No newline at end of file

content/intermediate/4.md

+---
+title: "存储"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 4
+type: 
+icon: #
+description: "后端开发中阶路线图,存储"
+# search related keywords
+---
+
+- Redis
+- MySQL
\ No newline at end of file

content/intermediate/5.md

+---
+title: "工程"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 5
+type: 
+icon: #
+description: "后端开发中阶路线图,工程"
+# search related keywords
+---
+
+- 测试
+  - 单元测试
+  - 集成测试
+  - 功能测试
+- 安全
+  - OAuth
+  - HTTPS
+  - CORS(Cross-origin resource sharing)
+  - 内容安全策略
+- 持续集成

content/intermediate/_index.md

+---
+title: "后端开发中阶"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: docs
+icon: #
+description: "中阶路线图"
+# search related keywords
+keywords: ["后端开发","中阶"]
+---
+
+## 中阶路线图
+
+{{< embed-pdf-view url="/images/backend.pdf" >}}
+
+
+### 编程框架
+
+- 应用框架
+  - Spring
+  - play
+- 网络框架
+  - Netty
+- 持久化
+  - MyBatis
+  - Hibernate
+- RPC
+  - gRPC
+  - Dubbo
+
+### JVM
+
+- 执行系统
+  - 类结构与字节码
+  - 类加载机制
+- 内存管理
+  - 内存区域与溢出
+  - 垃圾收集器与内存分配策略
+  - 性能监控与故障处理工具
+- 并发
+  - 内存模型与线程
+  - 线程安全与锁优化
+
+### 消息队列
+
+- Kafka
+- RocketMQ
+
+### 存储
+
+- Redis
+- MySQL
+
+### 工程
+
+- 测试
+  - 单元测试
+  - 集成测试
+  - 功能测试
+- 安全
+  - OAuth
+  - HTTPS
+  - CORS(Cross-origin resource sharing)
+  - 内容安全策略
+- 持续集成
+
+
+## 相关学习资源
+
+1.  Brian Goetz等，《Java并发编程实战》
+2. 张卫滨译，《Spring实战》
+3. 何品译，《Netty实战》
+4. 周志明，《深入理解Java虚拟机》
+5.  Neha Narkhede等，《Kafka: The Definitive Guide》
+6. 黄健宏，《Redis设计与实现》
+7. 《计算机程序的构造和解释》
\ No newline at end of file

content/junior/1.md

+---
+title: "技术基础"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 1
+type: 
+icon: #
+description: "后端开发初阶路线图,技术基础"
+# search related keywords
+---
+
+- 网络
+  - DNS
+  - TCP&IP
+  - 浏览器
+  - HTTP
+- 操作系统
+  - Unix/Linux命令行
+    - grep
+    - awk
+    - sed
+    - lsof
+    - curl
+    - wget
+    - tail
+    - head
+    - less
+    - find
+    - ssh
+    - kill
+    - 正则表达式
+  - 操作系统如何运行
+  - 进程管理
+  - 线程与并发
+- 基本前端知识
+  - HTML
+  - CSS
+  - JavaScript
+- 编程语言
+  - Java
+  - Go
+  - Kotlin
+  - Bash
+  - C/C++
+- 算法与数据结构
+  - 性能分析
+  - 基本数据结构（列表. 树等）
+  - 排序
+  - 查找
+  - 图
+- 数据库
+  - 索引
+  - 事务
+  - 分库分表
\ No newline at end of file

content/junior/2.md

+---
+title: "编程工具"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: 
+icon: #
+description: "后端开发初阶路线图,编程工具"
+# search related keywords
+---
+
+- 版本管理
+  - Git
+  - 版本控制系统
+  - 代码托管服务
+- 构建工具
+  - Maven
+  - Gradle
+- 编辑器
+  - VS Code
+  - Emacs
+  - VIM 
+- IDE
+  - IntelliJ IDEA
\ No newline at end of file

content/junior/_index.md

+---
+title: "后端开发初阶"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 1
+type: docs
+icon: #
+description: "初阶路线图"
+# search related keywords
+keywords: ["后端开发","初阶"]
+---
+
+## 初阶路线图
+
+{{< embed-pdf-view url="/images/backend.pdf" >}}
+
+
+### 技术基础
+
+- 网络
+  - DNS
+  - TCP&IP
+  - 浏览器
+  - HTTP
+- 操作系统
+  - Unix/Linux命令行
+    - grep
+    - awk
+    - sed
+    - lsof
+    - curl
+    - wget
+    - tail
+    - head
+    - less
+    - find
+    - ssh
+    - kill
+    - 正则表达式
+  - 操作系统如何运行
+  - 进程管理
+  - 线程与并发
+- 基本前端知识
+  - HTML
+  - CSS
+  - JavaScript
+- 编程语言
+  - Java
+  - Go
+  - Kotlin
+  - Bash
+  - C/C++
+- 算法与数据结构
+  - 性能分析
+  - 基本数据结构（列表. 树等）
+  - 排序
+  - 查找
+  - 图
+- 数据库
+  - 索引
+  - 事务
+  - 分库分表
+
+### 编程工具
+
+- 版本管理
+  - Git
+  - 版本控制系统
+  - 代码托管服务
+- 构建工具
+  - Maven
+  - Gradle
+- 编辑器
+  - VS Code
+  - Emacs
+  - VIM 
+- IDE
+  - IntelliJ IDEA
+
+## 相关学习资源
+
+1. 陈鸣译，《计算机网络：自顶向下方法（原书第6版）》
+2. 龚奕利，贺莲译，《深入理解计算机系统（原书第3版）》
+3. 谢路云译，《算法（第4版）》
+4. 陈昊鹏译，《Java编程思想》
+5. 李道兵等译，《Go程序设计语言》
+6. 《ProgrammmingKotlin》
+7. 刘晓霞等译，《MySQL必知必会》
+8. 《Pro Git》
+9. 许晓斌，《Maven实战》
+10. 李松峰等译，《JavaScript高级程序设计（第3版）》
+11. Cameron Newham等，《学习bash（第二版）》
\ No newline at end of file

content/senior/1.md

+---
+title: "编程范式"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 1
+type: 
+icon: #
+description: "后端开发高阶路线图,编程范式"
+# search related keywords
+---
+
+- 函数式编程
+- 面向对象编程
+- 泛型编程
+- 类型系统
+- 装饰器模式
+- 代理模式
\ No newline at end of file

content/senior/2.md

+---
+title: "设计原则"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: 
+icon: #
+description: "后端开发高阶路线图,设计原则"
+# search related keywords
+---
+
+- DRY(Dont Repeat Yourself)
+- KISS(Keep is Simple, Stupid)
+- S.O.L.I.D.
+  - SRP
+  - OCP
+  - LSP
+  - ISP
+  - DIP
\ No newline at end of file

content/senior/3.md

+---
+title: "分布式系统"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: 
+icon: #
+description: "后端开发高阶路线图,分布式系统"
+# search related keywords
+---
+
+- 基础理论
+  - 节点与网络
+  - 时间与顺序
+  - ACID
+  - CAP/FLP/DLS
+  - 一致性理论
+- 设计模式
+  - 网关模式Gateway
+  - 边车模式Sidecar
+  - 服务网格Service Mesh
+  - 防腐层Anti-corruption Layer
+  - 分布式锁
+  - 配置中心
+  - 异步通讯
+  - 幂等性
+- 弹性（容错）设计
+  - 服务降级
+  - 服务限流
+  - 熔断设计
+  - 补偿事务
+  - 隔离设计
+  - 异步通讯
+  - 幂等性设计
+  - 重试设计
+  - Bulkhead
+- 工程
+  - 监控追踪
+  - 服务/资源调度
+  - 流量控制
+  - 数据调度
+  - 开发与运维自动化
+  - 负载均衡&健康检查
+  - 服务发现&动态路由&健康检查
+  - 自动化运维
\ No newline at end of file

content/senior/_index.md

+---
+title: "后端开发高阶"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: docs
+icon: #
+description: "高阶高线图"
+# search related keywords
+keywords: ["后端开发","高阶"]
+---
+
+## 高阶路线图
+
+{{< embed-pdf-view url="/images/backend.pdf" >}}
+
+### 编程范式
+
+- 函数式编程
+- 面向对象编程
+- 泛型编程
+- 类型系统
+- 装饰器模式
+- 代理模式
+
+### 设计原则
+
+- DRY(Dont Repeat Yourself)
+- KISS(Keep is Simple, Stupid)
+- S.O.L.I.D.
+  - SRP
+  - OCP
+  - LSP
+  - ISP
+  - DIP
+
+### 分布式系统
+
+- 基础理论
+  - 节点与网络
+  - 时间与顺序
+  - ACID
+  - CAP/FLP/DLS
+  - 一致性理论
+- 设计模式
+  - 网关模式Gateway
+  - 边车模式Sidecar
+  - 服务网格Service Mesh
+  - 防腐层Anti-corruption Layer
+  - 分布式锁
+  - 配置中心
+  - 异步通讯
+  - 幂等性
+- 弹性（容错）设计
+  - 服务降级
+  - 服务限流
+  - 熔断设计
+  - 补偿事务
+  - 隔离设计
+  - 异步通讯
+  - 幂等性设计
+  - 重试设计
+  - Bulkhead
+- 工程
+  - 监控追踪
+  - 服务/资源调度
+  - 流量控制
+  - 数据调度
+  - 开发与运维自动化
+  - 负载均衡&健康检查
+  - 服务发现&动态路由&健康检查
+  - 自动化运维
+
+## 相关学习资源
+
+1. 赵军平等译，《数据密集型应用系统设计》
+2. Marko Luksa，《Kubernetes in Action》
+3. Distributed systems theory for the distributed systems engineer
+4. 孙宇聪译，《SRE：Google运维解密》
+5. 崔力强等译，《微服务设计》
\ No newline at end of file

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/partials/head.html

+<head>
+  <meta charset="utf-8">
+  <title>{{ .Title }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  {{ hugo.Generator }}
+  
+  {{ "<!-- ** CSS Plugins Needed for the Project ** -->" | safeHTML }}
+  
+  {{ "<!-- Bootstrap -->" | safeHTML }}
+  <link rel="stylesheet" href="{{ `plugins/bootstrap/bootstrap.min.css` | absURL }}">
+
+  {{ "<!-- themefy-icon -->" | safeHTML }}
+  <link rel="stylesheet" href="{{ `plugins/themify-icons/themify-icons.css` | absURL }}">
+
+  {{ "<!--Favicon-->" | safeHTML }}
+  <link rel="icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
+
+  {{ "<!-- fonts -->" | safeHTML }}
+  <link href="https://fonts.googleapis.com/css?family={{replace .Site.Params.font_family ' ' '+' | title}}:300,400,700&display=swap" rel="stylesheet">
+  
+  <style>
+  :root{
+    --primary-color:{{ .Site.Params.primary_color }};
+    --body-color:{{ .Site.Params.body_color }};
+    --text-color:{{ .Site.Params.text_color }};
+    --text-color-dark:{{ .Site.Params.text_color_dark }};
+    --white-color:{{ .Site.Params.white_color }};
+    --light-color:{{ .Site.Params.light_color }};
+    --font-family:{{ replace .Site.Params.font_family ' ' '+' | title }};
+  }
+  </style>
+
+{{ "<!-- Main Stylesheet -->" | safeHTML }}
+{{ $css := resources.Get "css/style.css" | minify }}
+<link href="{{ $css.Permalink }}" rel="stylesheet" media="screen"/>
+  
+{{ "<!-- ** JS Plugins Needed for the Project ** -->" | safeHTML }}
+
+{{ "<!-- jquiry -->" | safeHTML }}
+<script src="{{ `plugins/jquery/jquery-1.12.4.js` | absURL }}"></script>
+
+{{ "<!-- jquary ui -->" | safeHTML }}
+<script src="{{ `plugins/jquery/jquery-ui.js`| absURL }}"></script>
+
+{{ "<!-- Bootstrap JS -->" | safeHTML }}
+<script src="{{ `plugins/bootstrap/bootstrap.min.js` | absURL }}"></script>
+
+{{ "<!-- match-height JS -->" | safeHTML }}
+<script src="{{ `plugins/match-height/jquery.matchHeight-min.js` | absURL }}"></script>
+
+{{ template "_internal/google_analytics.html" . }}
+  
+{{ if templates.Exists ( printf "partials/overrides/header.html" ) }}
+  {{ partial "partials/overrides/header.html" . }}
+{{ else }}
+  {{ "<!-- create /layouts/partials/overrides/header.html in your own theme or root directory to add your custom content here -->" | safeHTML }}
+{{ end }}
+
+</head>

themes/dot/layouts/partials/navigation.html

+<nav class="navbar navbar-expand-md {{ if .IsHome }}navbar-dark{{ else }}navbar-light{{ end }}">
+  <div class="container">
+    <a class="navbar-brand px-2" href="{{ site.BaseURL | relLangURL }}">
+      {{ $logo:= site.Params.logo }}
+      {{ $logoWhite:= site.Params.logo_white }}
+      {{ if (or $logo $logoWhite) }}
+      {{ if .IsHome }}
+      <img class="img-fluid" src="{{if $logoWhite }}{{ $logoWhite | absURL }} {{ else }} {{ $logo | absURL }}{{ end }}"
+        alt="{{ site.Title }}">
+      {{ else }}
+      <img class="img-fluid" src="{{ $logo | absURL }}" alt="{{ site.Title }}">
+      {{ end }}
+      {{ else }}
+      {{ site.Title }}
+      {{ end }}
+    </a>
+    <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation"
+      aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse text-center" id="navigation">
+      <ul class="navbar-nav ml-auto">
+        {{ range site.Menus.main }}
+        {{ if .HasChildren }}
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle text-dark" href="#" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            {{ .Name }}
+          </a>
+          <div class="dropdown-menu">
+            {{ range .Children }}
+            <a class="dropdown-item" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+            {{ end }}
+          </div>
+        </li>
+        {{ else }}
+        <li class="nav-item">
+          <a class="nav-link text-dark" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+        </li>
+        {{ end }}
+        {{ end }}
+      </ul>
+      <!-- Language List -->
+      {{- if site.IsMultiLingual }}
+      <select class="lang-list {{ if not .IsHome }}dark{{ end }}" id="select-language"
+        onchange="location = this.value;">
+        {{ $siteLanguages := site.Languages}}
+        {{ $pageLang := .Page.Lang}}
+        {{ range .Page.AllTranslations }}
+        {{ $translation := .}}
+        {{ range $siteLanguages }}
+        {{ if eq $translation.Lang .Lang }}
+        {{ $selected := false }}
+        {{ if eq $pageLang .Lang}}
+        <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
+        </option>
+        {{ else }}
+        <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
+        {{ end }}
+        {{ end }}
+        {{ end }}
+        {{ end }}
+      </select>
+      {{ end }}
+    </div>
+  </div>
+</nav>

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