init

.gitignore

+*.DS_Store

config.toml

-baseURL = "http://example.org/"
-languageCode = "en-us"
-title = "My New Hugo Site"
+baseURL = "https://codechina.gitcode.host/developer-roadmap/audio/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 = "#ee2b45"
+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/python/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 = ""
+  weight = 1
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "安全技术路线图"
+  url = ""
+  weight = 2
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "Python 路线图"
+  url = "https://codechina.gitcode.host/developer-roadmap/python/intro/  python 的"
+  weight = 3
+
+  [[menu.main]]
+  parent = "成长路线图"
+  name = "DevOps 路线图"
+  url = ""
+  weight = 4
+
+[[menu.main]]
+name = "CODE CHINA"
+url = "https://codechina.csdn.net/"
+weight = 6
\ 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
+---
+
+- 通信类基本理论
+  - 信号与系统理论
+  - 统计信号处理
+- 深度学习
+  - 统计学习方法
+  - 机器学习
+  - 深度学习
\ No newline at end of file

content/intermediate/2.md

+---
+title: "音频编码关键技术"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: 
+icon: #
+description: "音视频中阶路线图,音频编码关键技术"
+# search related keywords
+---
+
+- 波形编码
+  - 脉冲编码调制PCM (Pulse Code Modulation)
+  - 自适应差分脉冲编码调制ADPCM (Adaptive Differential PCM)
+  - 子带-自适应差分脉冲编码调制SB-ADPCM (Subband ADPCM)
+- 参数编码
+  - 线性预测编码LPC (Linear Predictive Coding)
+- 混合编码
+  - 码激励线性预测编码CELPC (Code-excited Linear Predictive Coding)
+  - 矢量和激励线性预测编码VSELPC (Vector Sum Excited Linear Predictive Coding)
+  - 规则脉冲激励长时预测RPE-LTP (Regular Pulse Excited-Long Term Prediction)
+  - 低时延码激励线性预测LD-CELP (Low Delay-Code Excited Linear Prediction)
+  - 多脉冲激励MPE (Multi-Pulse Excitation）
+- 共轭结构代数码本激励线性预测编码方案CS-ACELP (conjugate-structure algebraic CELP)
+  - 自适应预测编码技术
+  - 矢量量化
+  - 合成分析
+  - 感觉加权
\ 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
+---
+
+- 基于预测加变换的混合视频编码框架 (Hybrid Video Coding)
+  - 预测技术
+    - 空域预测
+    - 时域预测
+  - 变换技术
+    - 离散余弦变换
+    - 离散正弦变换
+    - 小波变换
+    - KLT (Karhunen-Loève Transform)
+  - 量化技术
+    - 标量量化
+    - 矢量量化
+    - Trellis quantization
+    - RDOQ（Rate-Distortion Optimized Quantization）
+  - 熵编码
+    - 霍夫曼编码
+    - 算术编码
+    - 游程编码
+  - 滤波技术
+    - Deblocking filter
+    - Wiener-based adaptive filter
+  - 模式决策技术
+  - 码率控制技术
+  - GoP Structure
+- 可伸缩视频编码技术
+  - 时域可伸缩
+  - 空域可伸缩
+  - 质量可伸缩
+- 多视点视频编码
+  - 视差估计
+  - 虚拟视图合成
\ 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
+---
+
+- 音频回声
+- 音频降噪
+- 视频预处理
+  - 降噪
+  - 暗光处理
+  - 感兴趣区域检测与编码
+- 视频后处理
+  - 质量增强
+    - 去振铃 (Deringing)
+    - 亮度调整 (Luminance Alterations)
+    - 去闪烁 (Deflicking)
+    - 锐化 (Sharpen)/去锐化 (Unsharpen)
+  - 帧率提升
+  - 图像/视频分辨率缩放
+    - 视频超分 (Super Resolution)
+    - 线性插值 (Linear Interpolation)
+    - 双线性插值 (Bilinear Interpolation)
+    - 三次/双三次 (Cubic/Bicubic Interpolation)
+    - 最近邻插值 (Nearest-Neighbouring Interpolation)
+    - Lanczos 重采样 (Lanczos Resampling)
+  - 去交错 (Deinterlacing)
+    - 场域内反交错 (Intra-Field Deinterlacing)
+    - 场域间反交错 (Inter-Field Deinterlacing）
+    - 动态适应性反交错 (Motion Adaptive Deinterlacing）
+    - 动态补偿反交错 (Motion Compensated Deinterlacing)
+  - 视频稳像 (Video Stabilization)
\ 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
+---
+
+- 传输协议
+  - TCP
+  - UDP
+  - 实时传输协议RTP（Real-time Transport Protocol）
+  - HLS (HTTP Live Streaming)
+  - DASH (Dynamic Adaptive Streaming over HTTP)
\ No newline at end of file

content/intermediate/6.md

+---
+title: "相关学习资源"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 5
+type: 
+icon: #
+description: "音视频中阶路线图,相关学习资源"
+# search related keywords
+---
+
+1. 高文. 赵德斌. 马思伟著，科学出版社，《视频编解码技术原理》，2010.11
+2. 周志华著，《机器学习》 ，2016年1月
+3. 李航著，《统计学习方法》，2012年3月
+4. [斯坦福大学Bernd Girod教授课程](http://web.stanford.edu/class/ee398a/)
+5. 陶布曼，魏江力，柏正尧 等 著，《 JPEG2000图像压缩基础. 标准和实践》
+6. Alan V. Oppenheim and Ronald W. Schafer, “Digital Signal Processing”, 1975
+7. [Alan V. Oppenheim, Alan S. Willsky, with S. Hamid-Signals and Systems-Prentice Hall (1996)](https://eee.guc.edu.eg/Courses/Communications/COMM401%20Signal%20&%20System%20Theory/Alan%20V.%20Oppenheim,%20Alan%20S.%20Willsky,%20with%20S.%20Hamid-Signals%20and%20Systems-Prentice%20Hall%20(1996).pdf)
+8. Alan V. Oppenheim and Ronald W. Schafer, “Discrete-Time Signal Processing”, 1989
+9. Rafael C. Gonzales, “Digital Image Processing”, 1977
+10. Dimitris Manolakis, Stephen M. Kogon, and Vinay K. Ingle, “Statistical and adaptive signal processing”, 2000.
+11. Yao Wang, Jörn Ostermann, and Ya-Qin Zhang, “Video Processing and Communications”
+12. Nuggehally S. Jayant, Peter Noll, “Digital coding of waveforms: principles and applications to speech and video”, 1990
+13. Andreas Spanias, Atti Venkatraman, and Ted Painter, “Audio Signal Processing and Coding”, Dec. 2005
+14. Ted Painter, and Andreas Spanias, “Perceptual Coding of Digital Audio”, Proc. IEEE, vol. 88, no. 4, pp. 451-515, 2000.
\ No newline at end of file

content/intermediate/_index.md

+---
+title: "音视频技术中阶"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: docs
+icon: #
+description: "中阶路线图"
+# search related keywords
+---
+
+## 中阶路线图
+
+{{< embed-pdf-view url="/images/Audio.pdf" >}}
+
+
+### 计算机类基本理论
+
+- 通信类基本理论
+  - 信号与系统理论
+  - 统计信号处理
+- 深度学习
+  - 统计学习方法
+  - 机器学习
+  - 深度学习
+
+### 音频编码关键技术
+
+- 波形编码
+  - 脉冲编码调制PCM (Pulse Code Modulation)
+  - 自适应差分脉冲编码调制ADPCM (Adaptive Differential PCM)
+  - 子带-自适应差分脉冲编码调制SB-ADPCM (Subband ADPCM)
+- 参数编码
+  - 线性预测编码LPC (Linear Predictive Coding)
+- 混合编码
+  - 码激励线性预测编码CELPC (Code-excited Linear Predictive Coding)
+  - 矢量和激励线性预测编码VSELPC (Vector Sum Excited Linear Predictive Coding)
+  - 规则脉冲激励长时预测RPE-LTP (Regular Pulse Excited-Long Term Prediction)
+  - 低时延码激励线性预测LD-CELP (Low Delay-Code Excited Linear Prediction)
+  - 多脉冲激励MPE (Multi-Pulse Excitation）
+- 共轭结构代数码本激励线性预测编码方案CS-ACELP (conjugate-structure algebraic CELP)
+  - 自适应预测编码技术
+  - 矢量量化
+  - 合成分析
+  - 感觉加权
+
+
+### 视频编码框架和关键技术
+  
+- 基于预测加变换的混合视频编码框架 (Hybrid Video Coding)
+  - 预测技术
+    - 空域预测
+    - 时域预测
+  - 变换技术
+    - 离散余弦变换
+    - 离散正弦变换
+    - 小波变换
+    - KLT (Karhunen-Loève Transform)
+  - 量化技术
+    - 标量量化
+    - 矢量量化
+    - Trellis quantization
+    - RDOQ（Rate-Distortion Optimized Quantization）
+  - 熵编码
+    - 霍夫曼编码
+    - 算术编码
+    - 游程编码
+  - 滤波技术
+    - Deblocking filter
+    - Wiener-based adaptive filter
+  - 模式决策技术
+  - 码率控制技术
+  - GoP Structure
+- 可伸缩视频编码技术
+  - 时域可伸缩
+  - 空域可伸缩
+  - 质量可伸缩
+- 多视点视频编码
+  - 视差估计
+  - 虚拟视图合成
+
+### 音视频处理
+
+- 音频回声
+- 音频降噪
+- 视频预处理
+  - 降噪
+  - 暗光处理
+  - 感兴趣区域检测与编码
+- 视频后处理
+  - 质量增强
+    - 去振铃 (Deringing)
+    - 亮度调整 (Luminance Alterations)
+    - 去闪烁 (Deflicking)
+    - 锐化 (Sharpen)/去锐化 (Unsharpen)
+  - 帧率提升
+  - 图像/视频分辨率缩放
+    - 视频超分 (Super Resolution)
+    - 线性插值 (Linear Interpolation)
+    - 双线性插值 (Bilinear Interpolation)
+    - 三次/双三次 (Cubic/Bicubic Interpolation)
+    - 最近邻插值 (Nearest-Neighbouring Interpolation)
+    - Lanczos 重采样 (Lanczos Resampling)
+  - 去交错 (Deinterlacing)
+    - 场域内反交错 (Intra-Field Deinterlacing)
+    - 场域间反交错 (Inter-Field Deinterlacing）
+    - 动态适应性反交错 (Motion Adaptive Deinterlacing）
+    - 动态补偿反交错 (Motion Compensated Deinterlacing)
+  - 视频稳像 (Video Stabilization)
+
+### 音视频传输
+
+- 传输协议
+  - TCP
+  - UDP
+  - 实时传输协议RTP（Real-time Transport Protocol）
+  - HLS (HTTP Live Streaming)
+  - DASH (Dynamic Adaptive Streaming over HTTP)
+
+## 相关学习资源
+
+1. 高文. 赵德斌. 马思伟著，科学出版社，《视频编解码技术原理》，2010.11
+2. 周志华著，《机器学习》 ，2016年1月
+3. 李航著，《统计学习方法》，2012年3月
+4. [斯坦福大学Bernd Girod教授课程](http://web.stanford.edu/class/ee398a/)
+5. 陶布曼，魏江力，柏正尧 等 著，《 JPEG2000图像压缩基础. 标准和实践》
+6. Alan V. Oppenheim and Ronald W. Schafer, “Digital Signal Processing”, 1975
+7. [Alan V. Oppenheim, Alan S. Willsky, with S. Hamid-Signals and Systems-Prentice Hall (1996)](https://eee.guc.edu.eg/Courses/Communications/COMM401%20Signal%20&%20System%20Theory/Alan%20V.%20Oppenheim,%20Alan%20S.%20Willsky,%20with%20S.%20Hamid-Signals%20and%20Systems-Prentice%20Hall%20(1996).pdf)
+8. Alan V. Oppenheim and Ronald W. Schafer, “Discrete-Time Signal Processing”, 1989
+9. Rafael C. Gonzales, “Digital Image Processing”, 1977
+10. Dimitris Manolakis, Stephen M. Kogon, and Vinay K. Ingle, “Statistical and adaptive signal processing”, 2000.
+11. Yao Wang, Jörn Ostermann, and Ya-Qin Zhang, “Video Processing and Communications”
+12. Nuggehally S. Jayant, Peter Noll, “Digital coding of waveforms: principles and applications to speech and video”, 1990
+13. Andreas Spanias, Atti Venkatraman, and Ted Painter, “Audio Signal Processing and Coding”, Dec. 2005
+14. Ted Painter, and Andreas Spanias, “Perceptual Coding of Digital Audio”, Proc. IEEE, vol. 88, no. 4, pp. 451-515, 2000.
\ 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
+---
+
+
+- 数据结构
+  - 线性表 
+  - 堆栈 
+  - 串 
+  - 树​ 
+- 算法 
+  - 递归 (Recursion) 
+    - 最短路径 (Shortest Paths) 
+    - 字符串匹配 (String-Searching/Matching Algorithm) 
+      - KMP算法 (Knuth–Morris–Pratt Algorithm) 
+      - BM字符串匹配算法 (Boyer–Moore String-Search Algorithm) 
+      - 暴力匹配算法 (Brute Force Algorithm) 
+    - 查找 
+      - 二分查找 
+      - 散列表查找 
+      - 树结构查找 
+    - 贪心算法 (Greedy Algorithms) 
+      - 深度/广度- 优先搜索 (Depth/Breadth-First Search) 
+- 编程语言 
+  - C/C++ 
+  - Pyhon 
+  - 汇编语言 
+  - MATLAB 
+- 单指令流多数据流（SIMD） 
+  - AVX指令、AVX2指令 
+  - XOP、FMA4以及CVT16指令 
+  - FMA指令 
+  - F16C指令 
+- 多线程技术 
+  - 并发概念 
+  - 死锁问题 
+  - 线程状态 
+    - 就绪 
+    - 运行 
+    - 睡眠 
+- 硬件平台及相关的编程语言 
+  - 硬件平台 
+    - FPGA 
+    - GPU 
+    - ASIC 
+  - 编程语言 
+    - Verilog 
+    - VHDL 
+    - CUDA 

content/junior/2.md

+---
+title: "计算机类基本理论"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+type: 
+icon: #
+description: "音视频初阶路线图,计算机类基本理论"
+# search related keywords
+---
+
+
+- 信息论基础 
+  - 熵 
+  - 数据压缩 
+  - 率失真 
+  - 信源编码 
+  - 信道编码 
+- 数字图像处理 
+  - 去除噪声 
+  - 增强 
+  - 复原 
+  - 分割 
+  - 提取特征 
\ No newline at end of file

content/junior/3.md

+---
+title: "音视频编解码及转码"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: 
+icon: #
+description: "音视频初阶路线图,音视频编解码及转码"
+# search related keywords
+---
+
+
+- 编解码的基本概念 
+  - 压缩的可行性 
+    - 空域冗余 
+    - 时域冗余 
+    - 统计冗余 
+    - 视觉冗余 
+  - 压缩类型 
+    - 无损压缩 
+    - 有损压缩 
+- 视频编码标准化工作组及标准 
+  - 标准化工作组 
+    - ISO/IEC MPEG 
+    - ITU-T/VCEG 
+    - AVS 
+    - IEEE-SA (Standard Association) 
+    - AOM 
+  - 经典标准 
+    - MPEG/VCEG系列标准 
+      - H.261/H.262/H.263
+      - H.264/AVC
+      - H.265/HEVC
+      - H.266/VVC
+    - AVS系列标准 
+      - AVS1-P2 (AVS1.0)
+      - AVS1-P7 (AVS-M)
+      - AVS2-P2
+      - AVS3-P2
+    - IEEE 1857.4 
+    - AV1 
+- 音频编码标准化工作组及标准 
+  - 标准化工作组 
+    - ISO/IEC MPEG 
+    - ITU-T 
+    - 3GPP 
+    - AVS 
+  - 经典标准 
+    - MPEG系列标准 
+      - MPEG-1 Layer III (MP3)
+      - MPEG-2 AAC (Advanced Audio Coding)
+    - ITU系列标准 
+      - G.711
+      - G.729
+    - 3GPP系列标准 
+      - AMR
+      - AMVR-WB
+      - AMR-WB+
+    - AVS系列标准 
+      - AVS1-P3
+    - 企业标准 
+      - Dolby AC-3
+      - WMA (Windows Media Audio)
+- 转码的基本概念 
\ No newline at end of file

content/junior/4.md

+---
+title: "相关学习资源"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 4
+type: 
+icon: #
+description: "音视频初阶路线图,相关学习资源"
+# search related keywords
+---
+
+
+1. 王爽，《汇编语言（第3版）》, [Assembly language]
+2. 殷建平，徐云，王刚等译，《算法导论（原书第3版）》[Introduction to Algorithms, third edition]
+3. 姜丹 《信息论与编码》
+4. 冈萨雷斯 《数字图像处理》
+5. 程佩青《数字信号处理教程》（第四版）
+6. Iain Richardson，H.264和MPEG-4视频压缩
+7. 《WebRTC权威指南》，2016
+8. 刘歧/赵文杰，机械工业出版社，《FFmpeg从入门到精通》，2018
+9. [Andreas Spanias, Ted Painter, Venkatraman Atti, “Audio Signal Processing and Coding”, December 2005](https://www.google.com/books/edition/Audio_Signal_Processing_and_Coding/a1RULRErhOYC?hl=en&gbpv=1&printsec=frontcover)
+10. Wai C. Chu, “Speech Coding Algorithms: Foundation and Evolution of Standardized Coders”, April 2003.
+11. Thomas H. Cormen, Charles E. Leiserson, Ronald L. Rivest, Clifford Stein, “Introduction to Algorithms”, 1989.
+12. [Andrew D. Birrell , “An Introduction to Programming with Threads,” ](https://www.hpl.hp.com/techreports/Compaq-DEC/SRC-RR-35.pdf)
+13. Mark Pesce, “DirectShow for Digital Video and Television”, 2003
+14. T. Wiegand, Gary J. Sullivan, Gisle Bjøntegaard, Ajay Luthra, “Overview of the H.264/AVC video coding standard,” IEEE Transactions on Circuits and Systems for Video Technology, vol. 13, no. 7, pp.560–576, 7 2003, doi: 10.1109/TCSVT.2003.815165.
+15. G. J. Sullivan, J. Ohm, W. Han and T. Wiegand, "Overview of the High Efficiency Video Coding (HEVC) Standard," in IEEE Transactions on Circuits and Systems for Video Technology, vol. 22, no. 12, pp. 1649-1668, Dec. 2012, doi: 10.1109/TCSVT.2012.2221191.
\ 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
+---
+
+## 初阶路线图
+
+{{< embed-pdf-view url="/images/Audio.pdf" >}}
+
+
+### 编程知识储备 
+
+- 数据结构
+  - 线性表 
+  - 堆栈 
+  - 串 
+  - 树​ 
+- 算法 
+  - 递归 (Recursion) 
+    - 最短路径 (Shortest Paths) 
+    - 字符串匹配 (String-Searching/Matching Algorithm) 
+      - KMP算法 (Knuth–Morris–Pratt Algorithm) 
+      - BM字符串匹配算法 (Boyer–Moore String-Search Algorithm) 
+      - 暴力匹配算法 (Brute Force Algorithm) 
+    - 查找 
+      - 二分查找 
+      - 散列表查找 
+      - 树结构查找 
+    - 贪心算法 (Greedy Algorithms) 
+      - 深度/广度- 优先搜索 (Depth/Breadth-First Search) 
+- 编程语言 
+  - C/C++ 
+  - Pyhon 
+  - 汇编语言 
+  - MATLAB 
+- 单指令流多数据流（SIMD） 
+  - AVX指令、AVX2指令 
+  - XOP、FMA4以及CVT16指令 
+  - FMA指令 
+  - F16C指令 
+- 多线程技术 
+  - 并发概念 
+  - 死锁问题 
+  - 线程状态 
+    - 就绪 
+    - 运行 
+    - 睡眠 
+- 硬件平台及相关的编程语言 
+  - 硬件平台 
+    - FPGA 
+    - GPU 
+    - ASIC 
+  - 编程语言 
+    - Verilog 
+    - VHDL 
+    - CUDA 
+
+### 计算机类基本理论 
+
+- 信息论基础 
+  - 熵 
+  - 数据压缩 
+  - 率失真 
+  - 信源编码 
+  - 信道编码 
+- 数字图像处理 
+  - 去除噪声 
+  - 增强 
+  - 复原 
+  - 分割 
+  - 提取特征 
+
+### 音视频编解码及转码 
+
+- 编解码的基本概念 
+  - 压缩的可行性 
+    - 空域冗余 
+    - 时域冗余 
+    - 统计冗余 
+    - 视觉冗余 
+  - 压缩类型 
+    - 无损压缩 
+    - 有损压缩 
+- 视频编码标准化工作组及标准 
+  - 标准化工作组 
+    - ISO/IEC MPEG 
+    - ITU-T/VCEG 
+    - AVS 
+    - IEEE-SA (Standard Association) 
+    - AOM 
+  - 经典标准 
+    - MPEG/VCEG系列标准 
+      - H.261/H.262/H.263
+      - H.264/AVC
+      - H.265/HEVC
+      - H.266/VVC
+    - AVS系列标准 
+      - AVS1-P2 (AVS1.0)
+      - AVS1-P7 (AVS-M)
+      - AVS2-P2
+      - AVS3-P2
+    - IEEE 1857.4 
+    - AV1 
+- 音频编码标准化工作组及标准 
+  - 标准化工作组 
+    - ISO/IEC MPEG 
+    - ITU-T 
+    - 3GPP 
+    - AVS 
+  - 经典标准 
+    - MPEG系列标准 
+      - MPEG-1 Layer III (MP3)
+      - MPEG-2 AAC (Advanced Audio Coding)
+    - ITU系列标准 
+      - G.711
+      - G.729
+    - 3GPP系列标准 
+      - AMR
+      - AMVR-WB
+      - AMR-WB+
+    - AVS系列标准 
+      - AVS1-P3
+    - 企业标准 
+      - Dolby AC-3
+      - WMA (Windows Media Audio)
+- 转码的基本概念 
+  - 不同格式之间的转码技术 
+  - 相同格式，不同分辨率/码率的转码技术
+
+
+## 相关学习资源
+
+1. 王爽，《汇编语言（第3版）》, [Assembly language]
+2. 殷建平，徐云，王刚等译，《算法导论（原书第3版）》[Introduction to Algorithms, third edition]
+3. 姜丹 《信息论与编码》
+4. 冈萨雷斯 《数字图像处理》
+5. 程佩青《数字信号处理教程》（第四版）
+6. Iain Richardson，H.264和MPEG-4视频压缩
+7. 《WebRTC权威指南》，2016
+8. 刘歧/赵文杰，机械工业出版社，《FFmpeg从入门到精通》，2018
+9. [Andreas Spanias, Ted Painter, Venkatraman Atti, “Audio Signal Processing and Coding”, December 2005](https://www.google.com/books/edition/Audio_Signal_Processing_and_Coding/a1RULRErhOYC?hl=en&gbpv=1&printsec=frontcover)
+10. Wai C. Chu, “Speech Coding Algorithms: Foundation and Evolution of Standardized Coders”, April 2003.
+11. Thomas H. Cormen, Charles E. Leiserson, Ronald L. Rivest, Clifford Stein, “Introduction to Algorithms”, 1989.
+12. [Andrew D. Birrell , “An Introduction to Programming with Threads,” ](https://www.hpl.hp.com/techreports/Compaq-DEC/SRC-RR-35.pdf)
+13. Mark Pesce, “DirectShow for Digital Video and Television”, 2003
+14. T. Wiegand, Gary J. Sullivan, Gisle Bjøntegaard, Ajay Luthra, “Overview of the H.264/AVC video coding standard,” IEEE Transactions on Circuits and Systems for Video Technology, vol. 13, no. 7, pp.560–576, 7 2003, doi: 10.1109/TCSVT.2003.815165.
+15. G. J. Sullivan, J. Ohm, W. Han and T. Wiegand, "Overview of the High Efficiency Video Coding (HEVC) Standard," in IEEE Transactions on Circuits and Systems for Video Technology, vol. 22, no. 12, pp. 1649-1668, Dec. 2012, doi: 10.1109/TCSVT.2012.2221191.
\ No newline at end of file

content/senior/1.md

+---
+title: "视频编码新方案"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 2
+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: 1
+type: 
+icon: #
+description: "音视频高阶路线图,视频编解码理论"
+# search related keywords
+---
+
+- 端到端图像/视频编码框架（End-to-End Image/Video Coding）
+- 与传统编码框架相结合的编码框架
+- LCEVC标准 (Low Complexity Enhancement Video Coding)

content/senior/3.md

+---
+title: "视频编码新应用"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 3
+type: 
+icon: #
+description: "音视频高阶路线图,视频编码新应用"
+# search related keywords
+---
+
+
+- 点云压缩
+- 全景视频压缩
+- 六度自由度6DoF (Six Degrees of Freedom)

content/senior/4.md

+---
+title: "视频差错控制技术"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 4
+type: 
+icon: #
+description: "音视频高阶路线图,视频差错控制技术"
+# search related keywords
+---
+
+
+- 信道编码差错控制技术
+  - 有条件的自动请求ARQ (Automatic repeat request)
+  - 基于反馈信息的参考帧选择RPS（Reference Picture Selection）
+  - 误码跟踪
+- 编码器差错恢复
+  - 分层编码
+  - 多描述编码
+  - 前向纠错编码
+  - Intra更新
+  - 独立分段编码
+  - 差错弹性的熵编码EREC (Error-Resilient Entropy Code)
+  - 可逆变长编码RLVC（Reversible Variable Length Code）
+- 解码器差错隐藏
+  - 编码模式恢复
+  - 运动信息恢复
+  - 纹理信息恢复

content/senior/5.md

+---
+title: "视频标准文本及参考软件"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 5
+type: 
+icon: #
+description: "音视频高阶路线图,视频标准文本及参考软件"
+# search related keywords
+---
+
+
+- 标准文本
+  - H.265/HEVC标准文本
+  - H.266/VVC标准文本	
+- 参考软件
+  - H.265/HEVC的参考软件：HM；开源软件 x265
+  - AVS3参考软件：uAVS3e
+  - VTM参考软件

content/senior/6.md

+---
+title: "相关学习资源"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 6
+type: 
+icon: #
+description: "音视频高阶路线图,相关学习资源"
+# search related keywords
+---
+
+
+1. [Gary J. Sullivan and Thomas Wiegand, “Rate-Distortion Optimization for video compression”](https://web.stanford.edu/class/ee398a/handouts/papers/Sullivan%20-%20RD%20Opt%20for%20Video.pdf)
+2. [Bernd Girod, Markus Flierl, “Video coding with superimposed motion compensated signals”, 2004](https://www.springer.com/gp/book/9781402077593?cm_mmc=sgw-_-ps-_-book-_-1-4020-7759-9)
+3. R. J. Clarke, “Transform coding of images”, Jan. 1985
+4. [P. G. Howard and J. S. Vitter, “Practical Implementations of Arithmetic Coding”](http://homepages.cae.wisc.edu/~ece533/resources/arithmeticcoding/howard.pdf)
+5. [J. J. Rissanen, G. G., Jr Langdon (March 1979). “Arithmetic coding” (PDF). IBM Journal of Research and Development. 23 (2): 149–162](http://read.pudn.com/downloads75/sourcecode/zip/276150/image_compresion_by_sfj/reference/arithmetic/ibmrd2302G.pdf)
+6. Aaron Courville, Ian Goodfellow, and Yoshua Bengio, “Deep Learning”, 2015
+7. R. Schnabel and R. Klein, "Octree-based point-cloud compression", Symposium on Point-Based Graphics, July 2006.
+8. ITU-T and ISO/IEC, “Advanced Video Coding for Generic Audiovisual Services,” ITU-T Rec. H.264 and ISO/IEC 14496-10, vers. 1, 2003.
+9. ITU-T and ISO/IEC, “High Efficiency Video Coding,” ITU-T Rec. H.265 and ISO/IEC 23008-2, vers. 1, 2013.
+10. B. Bross, J. Chen, S. Liu, and Y.-K. Wang, “Versatile Video Coding (Draft 10),” Document JVET-S2001 of JVET, Jun. 2020.
+11. HM 参考软件: https://vcgit.hhi.fraunhofer.de/jct-vc/HM/tags/HM-16.20 
+12. VTM参考软件: https://vcgit.hhi.fraunhofer.de/jvet/VVCSoftware VTM/tags/VTM-11.0
+13. [T. Stockhammer, "Dynamic adaptive streaming over HTTP -- standards and design principles," MMSys'11: Proceedings of the second annual ACM conference on Multimedia systems, pp. 133–144, Feb. 2011. (视频链接)](https://doi.org/10.1145/1943552.1943572)
+14. I. Sodagar, "The MPEG-DASH Standard for Multimedia Streaming Over the Internet," IEEE Multimedia, vol. 18, no. 4, Apr. 2011.
+15. T. Schierl and S. Narasimhan, "Transport and Storage Systems for 3-D Video Using MPEG-2 Systems, RTP, and ISO File Format," Proceedings of the IEEE, vol. 99, no. 4, pp. 671-683, Apr. 2011.
+16. G. K. Walker, T. Stockhammer, G. Mandyam, Y.-K. Wang, and C. Lo, "ROUTE/DASH IP Streaming-Based System for Delivery of Broadcast, Broadband, and Hybrid Services," IEEE Transactions on Broadcasting, vol. 62, no. 1, pp. 328-337, Mar. 2016.
+17. Y. Wang, and Q.-F. Zhu, “Error control and concealment for video communication: A review,” Proceedings of the IEEE, vol. 86, no. 5, pp. 974-997, May 1998.
+18. B. Girod and N. Farber, “Feedback-based error control for mobile video transmission,” Proc. of the IEEE, vol. 87, no. 10, pp. 1707-1723, Oct. 1999.
+19. Y. Wang, S. Wenger, J. Wen, and A. K. Katsaggelos, “Error resilient video coding techniques,” IEEE Signal Process. Mag., vol. 17, no. 4, pp. 61–82, Jul. 2000.
\ No newline at end of file

content/senior/_index.md

+---
+title: "音视频技术高阶"
+date: 2018-12-29
+lastmod: 2020-01-05
+weight: 1
+type: docs
+icon: #
+description: "高阶路线图"
+# search related keywords
+---
+
+## 高阶路线图
+
+{{< embed-pdf-view url="/images/Audio.pdf" >}}
+
+### 视频编解码理论
+
+- 率失真理论基础
+- 运动补偿理论基础
+- 变换量化理论基础
+- 算术编码理论基础
+
+### 视频编码新方案
+
+- 端到端图像/视频编码框架（End-to-End Image/Video Coding）
+- 与传统编码框架相结合的编码框架
+- LCEVC标准 (Low Complexity Enhancement Video Coding)
+
+### 视频编码新应用
+
+- 点云压缩
+- 全景视频压缩
+- 六度自由度6DoF (Six Degrees of Freedom)
+
+### 音频丢包补偿技术
+
+- 基于发送端的丢包补偿方案
+  - 主动重传
+  - 被动通道编码
+    - 前向差错纠正技术FEC (Forward Error Correction)
+    - 基于交织的技术
+      - 与媒体无关的方法
+      - 利用音频属性的媒体相关方法
+- 基于接收端的丢包补偿方案
+  - 基于插入的方法
+    - 拼接法 (Splicing)	
+    - 静音置换法 (Silence substitution)
+    - 噪声置换法 (Noise substitution)
+    - 重复法 (Repetition)
+  - 基于插值的方法
+    - 波形置换法 (Waveform substitution)
+    - 基音波形复制法 (Pitch waveform replication)
+    - 时间尺度修正法 (Time scale modification)
+  - 基于重构的方法
+    - 传输状态插值法 (Interpolation of transmitted state)
+    - 基于模型的恢复法 (Model-based recovery)
+
+### 视频差错控制技术
+
+- 信道编码差错控制技术
+  - 有条件的自动请求ARQ (Automatic repeat request)
+  - 基于反馈信息的参考帧选择RPS（Reference Picture Selection）
+  - 误码跟踪
+- 编码器差错恢复
+  - 分层编码
+  - 多描述编码
+  - 前向纠错编码
+  - Intra更新
+  - 独立分段编码
+  - 差错弹性的熵编码EREC (Error-Resilient Entropy Code)
+  - 可逆变长编码RLVC（Reversible Variable Length Code）
+- 解码器差错隐藏
+  - 编码模式恢复
+  - 运动信息恢复
+  - 纹理信息恢复
+
+
+### 视频标准文本及参考软件
+
+- 标准文本
+  - H.265/HEVC标准文本
+  - H.266/VVC标准文本	
+- 参考软件
+  - H.265/HEVC的参考软件：HM；开源软件 x265
+  - AVS3参考软件：uAVS3e
+  - VTM参考软件
+
+
+## 相关学习资源
+
+1. [Gary J. Sullivan and Thomas Wiegand, “Rate-Distortion Optimization for video compression”](https://web.stanford.edu/class/ee398a/handouts/papers/Sullivan%20-%20RD%20Opt%20for%20Video.pdf)
+2. [Bernd Girod, Markus Flierl, “Video coding with superimposed motion compensated signals”, 2004](https://www.springer.com/gp/book/9781402077593?cm_mmc=sgw-_-ps-_-book-_-1-4020-7759-9)
+3. R. J. Clarke, “Transform coding of images”, Jan. 1985
+4. [P. G. Howard and J. S. Vitter, “Practical Implementations of Arithmetic Coding”](http://homepages.cae.wisc.edu/~ece533/resources/arithmeticcoding/howard.pdf)
+5. [J. J. Rissanen, G. G., Jr Langdon (March 1979). “Arithmetic coding” (PDF). IBM Journal of Research and Development. 23 (2): 149–162](http://read.pudn.com/downloads75/sourcecode/zip/276150/image_compresion_by_sfj/reference/arithmetic/ibmrd2302G.pdf)
+6. Aaron Courville, Ian Goodfellow, and Yoshua Bengio, “Deep Learning”, 2015
+7. R. Schnabel and R. Klein, "Octree-based point-cloud compression", Symposium on Point-Based Graphics, July 2006.
+8. ITU-T and ISO/IEC, “Advanced Video Coding for Generic Audiovisual Services,” ITU-T Rec. H.264 and ISO/IEC 14496-10, vers. 1, 2003.
+9. ITU-T and ISO/IEC, “High Efficiency Video Coding,” ITU-T Rec. H.265 and ISO/IEC 23008-2, vers. 1, 2013.
+10. B. Bross, J. Chen, S. Liu, and Y.-K. Wang, “Versatile Video Coding (Draft 10),” Document JVET-S2001 of JVET, Jun. 2020.
+11. HM 参考软件: https://vcgit.hhi.fraunhofer.de/jct-vc/HM/tags/HM-16.20 
+12. VTM参考软件: https://vcgit.hhi.fraunhofer.de/jvet/VVCSoftware VTM/tags/VTM-11.0
+13. [T. Stockhammer, "Dynamic adaptive streaming over HTTP -- standards and design principles," MMSys'11: Proceedings of the second annual ACM conference on Multimedia systems, pp. 133–144, Feb. 2011. (视频链接)](https://doi.org/10.1145/1943552.1943572)
+14. I. Sodagar, "The MPEG-DASH Standard for Multimedia Streaming Over the Internet," IEEE Multimedia, vol. 18, no. 4, Apr. 2011.
+15. T. Schierl and S. Narasimhan, "Transport and Storage Systems for 3-D Video Using MPEG-2 Systems, RTP, and ISO File Format," Proceedings of the IEEE, vol. 99, no. 4, pp. 671-683, Apr. 2011.
+16. G. K. Walker, T. Stockhammer, G. Mandyam, Y.-K. Wang, and C. Lo, "ROUTE/DASH IP Streaming-Based System for Delivery of Broadcast, Broadband, and Hybrid Services," IEEE Transactions on Broadcasting, vol. 62, no. 1, pp. 328-337, Mar. 2016.
+17. Y. Wang, and Q.-F. Zhu, “Error control and concealment for video communication: A review,” Proceedings of the IEEE, vol. 86, no. 5, pp. 974-997, May 1998.
+18. B. Girod and N. Farber, “Feedback-based error control for mobile video transmission,” Proc. of the IEEE, vol. 87, no. 10, pp. 1707-1723, Oct. 1999.
+19. Y. Wang, S. Wenger, J. Wen, and A. K. Katsaggelos, “Error resilient video coding techniques,” IEEE Signal Process. Mag., vol. 17, no. 4, pp. 61–82, Jul. 2000.
\ 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/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>