提交 98f3e672 编写于 作者: Miykael_xxm's avatar Miykael_xxm 🚴

init

上级
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---
baseURL = "https://codechina.gitcode.host/developer-roadmap/frontend/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 = "#F9690E"
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/frontend/intro"
################################ 中文 ######################
# [Languages]
# languageName = "中文"
# languageCode = "zh-cn"
# weight = 0
# banner
[params.banner]
title = "CSDN IT 人才成长路线图"
subtitle = "前端技术技术路线图"
bg_image = "images/banner.jpg"
placeholder = "输入关键词"
# call to action
[params.cta]
# enable = true
# title = "Didn't find an answer to your question?"
#content = "Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam."
# call to action button
[params.cta.button]
# enable = true
# label = "contact us"
# link = "contact"
################## navigation #################
[[menu.main]]
name = "初阶"
url = "/junior"
weight = 2
[[menu.main]]
name = "中阶"
url = "/intermediate"
weight = 3
[[menu.main]]
name = "高阶"
url = "/senior"
weight = 4
# Dropdown menu
[[menu.main]]
weight = 5
name = "成长路线图"
hasChildren = true
[[menu.main]]
parent = "成长路线图"
name = "AI 路线图"
url = "https://codechina.gitcode.host/developer-roadmap/ai/intro/"
weight = 1
[[menu.main]]
parent = "成长路线图"
name = "安全技术路线图"
url = ""
weight = 2
[[menu.main]]
parent = "成长路线图"
name = "Python 路线图"
url = "https://codechina.gitcode.host/developer-roadmap/python/intro/"
weight = 3
[[menu.main]]
parent = "成长路线图"
name = "DevOps 路线图"
url = "https://codechina.gitcode.host/developer-roadmap/DevOps/info/"
weight = 4
[[menu.main]]
name = "CODE CHINA"
url = "https://codechina.csdn.net/"
weight = 6
[[menu.main]]
name = "我也要贡献"
weight = 7
hasChildren = true
[[menu.main]]
parent = "我也要贡献"
name = "我要补充学习资源"
url = ""
weight = 1
[[menu.main]]
parent = "我也要贡献"
name = "我要补充领域"
url = ""
weight = 2
[[menu.main]]
parent = "我也要贡献"
name = "我要反馈建议"
url = ""
weight = 3
\ No newline at end of file
---
title: "研发链路(工程化基础)"
date: 2018-12-29
lastmod: 2020-01-05
weight: 1
type:
icon: #
description: "研发链路(工程化基础)"
# search related keywords
---
- 脚手架 (Scaffold)
- CLI(command-line interface)
- commander
- inquirer
- ora
- chalk
- emoji
- 初始化(Boilerplate)
- create-react-app
- umi
- vue-cli
- 包管理
- NPM
- Yarn
- 开发
- dev-server
- hot-reload
- mock
- proxy
- 构建
- 构建器
- gulp
- Webpack
- snowpack
- vite
- JS 编译
- tsc
- babel
- esbuild
- CSS 编译
- Sass
- Less
- Stylus
- PostCSS
- 代码规范
- 业界流行规范
- Airbnb Style Guide
- StandardJS
- Google Style Guide
- 阿里巴巴前端规约
- CSS 命名规范
- BEM
- OOCSS
- SMACSS
- 工具
- ESLint
- stylelint
- commitlint
- Prettier(代码格式化)
- husky 和 lint-staged(流程控制)
- F2ELint(阿里前端规约配套的Lint工具)
- 测试
- 单元测试
- jasmine
- mocha
- jest
- enzyme
- E2E 测试
- Selenium
- karma
- cypress
- Puppeteer
- Appium
- 覆盖率测试
- istanbul
- CI/CD
- TravisCI
- CircleCI
- Codecov
- Jenkins
---
title: "库"
date: 2018-12-29
lastmod: 2020-01-05
weight: 2
type:
icon: #
description: "库"
# search related keywords
---
- 原则
- DRY
- CSS
- 作用域
- scoped css
- css modules
- css-in-js
- 样式库
- normalize.css
- Bootstrap
- Tailwind
- Bulma
- JS
- 工具类
- history
- path-to-regexp
- lodash
- fastclick
- date-fns
- 网络
- axios
- got
- 数据流
- rxjs
- Immer
- 模板引擎
- 动画
- CSS 动画
- JS 动画
- Lottie
- 设计规范/组件
- Material Design
- Apple Human Interface Guidelines
- Ant Design
- WeUI
- mini-ali-ui
- 文档
- jsdoc
- bisheng
- dumi
- Storybook
---
title: "框架"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "框架"
# search related keywords
---
- React
- 基础
- JSX
- 生命周期
- Hooks
- Immutable
- 组件
- AntDesign
- material-ui
- 状态管理
- Redux
- Dva
- Mobx
- xState
- 路由
- 样式
- classnames
- styled-components
- 框架
- Next.js
- Gatsby
- react-admin
- Ant Design Pro
- 周边生态
- React Native
- preact、remax、rax、taro
---
title: "性能优化"
date: 2018-12-29
lastmod: 2020-01-05
weight: 4
type:
icon: #
description: "性能优化"
# search related keywords
---
- 指标
- 真实指标
- First Contentful Paint (FCP)
- Largest Contentful Paint (LCP)
- First Input Delay (FID)
- Cumulative Layout Shift (CLS)
- 实验室指标
- Total Blocking Time (TBT)
- Time to Interactive (TTI)
- 评估工具
- Chrome DevTools
- LightHouse
- PageSpeed Insights
- WebPageTest
- 优化方案
- 压缩
- 代码压缩
- 文本压缩(gzip、Brotli、Zopfli等)
- Tree-shaking
- Code-splitting
- 图片优化
- 小图优化(css sprite、iconfont、dataURI、svg)
- 图片格式选择
- 压缩(如tinypng)
- 响应式
- 加载策略
- 懒加载
- DNS预解析、预加载、预渲染
- 离线化(ServiceWorker、AppCache、离线包等)
- HTTP缓存
- 数据缓存(localStorage、sessionStorage)
- 资源加载(顺序、位置、异步等)
- 请求合并
- HTTP2
- CDN
- 服务端渲染
- 执行渲染
- CSS代码优化(选择器、启用GPU、避免表达式等)
- JS代码优化及评估
- 感官体验优化
- 骨架屏
- Snapshot
- Loading
---
title: "工作原理"
date: 2018-12-29
lastmod: 2020-01-05
weight: 5
type:
icon: #
description: "工作原理"
# search related keywords
---
- 浏览器
- DOM Tree、CSSOM
- 渲染、绘制
- 会话
- 事件循环
- 垃圾回收
- Webkit 深入
- JavaScirpt引擎
- V8
- SpiderMonkey
- JavaScriptCore
---
title: "综合能力"
date: 2018-12-29
lastmod: 2020-01-05
weight: 6
type:
icon: #
description: "综合能力"
# search related keywords
---
- 知识管理
- Markdown
- 脑图
- wiki
- GitBook
- 软件工程
- 过程模型
- 需求分析
- 概念设计
- 体系结构设计
- 项目管理
- 交互设计
- 交互原型
- 视觉还原
- 开源项目
- GitHub
- OpenJS
- Apache
---
title: "相关学习资源"
date: 2018-12-29
lastmod: 2020-01-05
weight: 7
type:
icon: #
description: "相关学习资源"
# search related keywords
---
- [A curated list of command line apps](https://github.com/agarrharr/awesome-cli-apps)
- [常用的前端库](https://github.com/sorrycc/awesome-f2e-libs)
- [Learn best practices for the modern web and hone your skills with hands-on codelabs](https://web.dev/learn/)
- [Speed Launch Metrics Survey](https://docs.google.com/document/d/1Ww487ZskJ-xBmJGwPO-XPz_QcJvw-kSNffm0nPhVpj8)
- [Measure performance with the RAIL model](https://web.dev/rail/)
- [Front-End Performance Checklist 2021](https://www.smashingmagazine.com/2020/01/front-end-performance-checklist-2020-pdf-pages/)
- [Tutorial: Intro to React](https://reactjs.org/tutorial/tutorial.html)
- [A collection of awesome things regarding the React ecosystem](https://github.com/enaqx/awesome-react)
- [Ant Design 开源项目经验分享](https://g.yuque.com/alibabaf2e/tk6gqe/cu88os)
- [业界流行的前端规范](https://github.com/dustinspecker/awesome-eslint)
- [The State of JavaScript](https://2020.stateofjs.com/zh-Hans/)
- [Echo JS](https://www.echojs.com/)
- [Frontend Focus](https://frontendfoc.us/)
- [Hacker News](https://news.ycombinator.com/)
\ No newline at end of file
---
title: "前端开发中阶"
date: 2018-12-29
lastmod: 2020-01-05
weight: 2
type: docs
icon: #
description: "中阶路线图"
# search related keywords
---
## 中阶路线图
{{< embed-pdf-view url="/images/frontend.pdf" >}}
### 研发链路(工程化基础)
- 脚手架 (Scaffold)
- CLI(command-line interface)
- commander
- inquirer
- ora
- chalk
- emoji
- 初始化(Boilerplate)
- create-react-app
- umi
- vue-cli
- 包管理
- NPM
- Yarn
- 开发
- dev-server
- hot-reload
- mock
- proxy
- 构建
- 构建器
- gulp
- Webpack
- snowpack
- vite
- JS 编译
- tsc
- babel
- esbuild
- CSS 编译
- Sass
- Less
- Stylus
- PostCSS
- 代码规范
- 业界流行规范
- Airbnb Style Guide
- StandardJS
- Google Style Guide
- 阿里巴巴前端规约
- CSS 命名规范
- BEM
- OOCSS
- SMACSS
- 工具
- ESLint
- stylelint
- commitlint
- Prettier(代码格式化)
- husky 和 lint-staged(流程控制)
- F2ELint(阿里前端规约配套的Lint工具)
- 测试
- 单元测试
- jasmine
- mocha
- jest
- enzyme
- E2E 测试
- Selenium
- karma
- cypress
- Puppeteer
- Appium
- 覆盖率测试
- istanbul
- CI/CD
- TravisCI
- CircleCI
- Codecov
- Jenkins
### 库
- 原则
- DRY
- CSS
- 作用域
- scoped css
- css modules
- css-in-js
- 样式库
- normalize.css
- Bootstrap
- Tailwind
- Bulma
- JS
- 工具类
- history
- path-to-regexp
- lodash
- fastclick
- date-fns
- 网络
- axios
- got
- 数据流
- rxjs
- Immer
- 模板引擎
- 动画
- CSS 动画
- JS 动画
- Lottie
- 设计规范/组件
- Material Design
- Apple Human Interface Guidelines
- Ant Design
- WeUI
- mini-ali-ui
- 文档
- jsdoc
- bisheng
- dumi
- Storybook
### 框架
- React
- 基础
- JSX
- 生命周期
- Hooks
- Immutable
- 组件
- AntDesign
- material-ui
- 状态管理
- Redux
- Dva
- Mobx
- xState
- 路由
- 样式
- classnames
- styled-components
- 框架
- Next.js
- Gatsby
- react-admin
- Ant Design Pro
- 周边生态
- React Native
- preact、remax、rax、taro
### 性能优化
- 指标
- 真实指标
- First Contentful Paint (FCP)
- Largest Contentful Paint (LCP)
- First Input Delay (FID)
- Cumulative Layout Shift (CLS)
- 实验室指标
- Total Blocking Time (TBT)
- Time to Interactive (TTI)
- 评估工具
- Chrome DevTools
- LightHouse
- PageSpeed Insights
- WebPageTest
- 优化方案
- 压缩
- 代码压缩
- 文本压缩(gzip、Brotli、Zopfli等)
- Tree-shaking
- Code-splitting
- 图片优化
- 小图优化(css sprite、iconfont、dataURI、svg)
- 图片格式选择
- 压缩(如tinypng)
- 响应式
- 加载策略
- 懒加载
- DNS预解析、预加载、预渲染
- 离线化(ServiceWorker、AppCache、离线包等)
- HTTP缓存
- 数据缓存(localStorage、sessionStorage)
- 资源加载(顺序、位置、异步等)
- 请求合并
- HTTP2
- CDN
- 服务端渲染
- 执行渲染
- CSS代码优化(选择器、启用GPU、避免表达式等)
- JS代码优化及评估
- 感官体验优化
- 骨架屏
- Snapshot
- Loading
### 工作原理
- 浏览器
- DOM Tree、CSSOM
- 渲染、绘制
- 会话
- 事件循环
- 垃圾回收
- Webkit 深入
- JavaScirpt引擎
- V8
- SpiderMonkey
- JavaScriptCore
### 综合能力
- 知识管理
- Markdown
- 脑图
- wiki
- GitBook
- 软件工程
- 过程模型
- 需求分析
- 概念设计
- 体系结构设计
- 项目管理
- 交互设计
- 交互原型
- 视觉还原
- 开源项目
- GitHub
- OpenJS
- Apache
## 相关学习资源
- [A curated list of command line apps](https://github.com/agarrharr/awesome-cli-apps)
- [常用的前端库](https://github.com/sorrycc/awesome-f2e-libs)
- [Learn best practices for the modern web and hone your skills with hands-on codelabs](https://web.dev/learn/)
- [Speed Launch Metrics Survey](https://docs.google.com/document/d/1Ww487ZskJ-xBmJGwPO-XPz_QcJvw-kSNffm0nPhVpj8)
- [Measure performance with the RAIL model](https://web.dev/rail/)
- [Front-End Performance Checklist 2021](https://www.smashingmagazine.com/2020/01/front-end-performance-checklist-2020-pdf-pages/)
- [Tutorial: Intro to React](https://reactjs.org/tutorial/tutorial.html)
- [A collection of awesome things regarding the React ecosystem](https://github.com/enaqx/awesome-react)
- [Ant Design 开源项目经验分享](https://g.yuque.com/alibabaf2e/tk6gqe/cu88os)
- [业界流行的前端规范](https://github.com/dustinspecker/awesome-eslint)
- [The State of JavaScript](https://2020.stateofjs.com/zh-Hans/)
- [Echo JS](https://www.echojs.com/)
- [Frontend Focus](https://frontendfoc.us/)
- [Hacker News](https://news.ycombinator.com/)
\ No newline at end of file
---
title: "前端基础"
date: 2018-12-29
lastmod: 2020-01-05
weight: 1
type:
icon: #
description: "前端基础"
# search related keywords
---
- 客户端
- 浏览器
- Chrome
- Safari
- Firefox
- APP
- 小程序
- WebView
- 网络
- Domain
- TCP/IP
- DNS
- HTTP
- 服务端
- WebServer
- Nginx
- Apache HTTP Server
- CDN
- 服务端语言
- PHP
- Java
- Golang
- 数据库
- 操作系统
- 行业标准
- W3C/WHATWG
- CSS标准
- HTML、XHTML、XML、HTML5标准
- DOM标准
- SVG标准
- 小程序标准
- ECMA-TC39
- EcmaScript标准
- JavaScript标准
---
title: "研发工具"
date: 2018-12-29
lastmod: 2020-01-05
weight: 2
type:
icon: #
description: "研发工具"
# search related keywords
---
- 编辑器
- Sublime Text
- Visual Studio Code
- WebStorm
- 调试预览
- 浏览器调试工具
- FireBug
- Chrome DevTools
- 本地服务
- file://
- http://、SimpleHTTPServer
- 在线服务
- CodePen
- JSFiddle
- 网络调试
- hosts、Switchhosts
- Debugging Proxy、Charles、wireshark
- 图片编辑器
- Photoshop
- Sketch
- 版本管理
- Git
- SVN
---
title: "HTML"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "HTML"
# search related keywords
---
- 元素
- 根元素
- 主根元素 html
- 分区根元素 body
- 元数据
- base、head
- 内容分区
- header、footer
- 内容
- 块级内容 div、dir
- 文字内容 a、b、strong
- 图片和多媒体
- audio、img
- 内嵌内容
- iframe、object
- 脚本
- canvas、script
- 表格
- table、tbody
- 表单
- button、input
- 可交互元素
- menu、menuitem
- 属性
- 常用属性
- class、id、style、title
- 全局属性
- 事件
- 窗口事件
- 表单事件
- 键盘事件
- 鼠标事件
- 多媒体事件
- 编码
- URL编码
- 语言代码
- 字符集
---
title: "CSS"
date: 2018-12-29
lastmod: 2020-01-05
weight: 4
type:
icon: #
description: "CSS"
# search related keywords
---
- 语法
- @规则
- 层叠
- 注释
- 解释器
- 继承
- 简写
- 优先级
- 值定义
- 单位与取值类型
- 选择器
- 元素选择器
- 选择器分组
- 类选择器
- ID 选择器
- 属性选择器
- 后代选择器
- 子元素选择器
- 相邻选择器
- 伪类
- 伪元素
- 定位
- position
- top、left、bottom、right
- z-index
- 布局
- Box Model
- FlexBox
- Grid
- Column
- 样式
- 背景
- 文本
- 轮廓
- 列表
- 动画
- Animation
- transition
- 应用
- 响应式
- em、vh/vw、%
- 自适应
- @media、rem
---
title: "JavaScript"
date: 2018-12-29
lastmod: 2020-01-05
weight: 5
type:
icon: #
description: "JavaScript"
# search related keywords
---
- 语法
- 值、变量
- 数据类型
- 基本类型
- 类型判断
- 类型转换
- 流程控制
- 运算(表达式、运算符)
- 数学
- 比较
- 逻辑
- 函数
- 函数声明
- 函数表达式
- 回调函数
- 箭头函数
- 数据类型深入
- 原始类型的方法
- 数字类型
- 字符串
- 数组
- 数组方法
- Iterable object(可迭代对象)
- Map and Set(映射和集合)
- WeakMap and WeakSet(弱映射和弱集合)
- Object.keys、values、entries
- 解构赋值
- 日期和时间
- JSON序列化、反序列化
- 对象
- 属性/字面量
- in 、for...in
- 对象引用
- 深拷贝、浅拷贝
- Symbol
- 垃圾收集机制
- this
- new
- Optional chaining '?.'
- 类型转换Symbol.toPrimitive
- Property flags、descriptors
- getters、setters
- 函数
- 调用栈
- 递归、尾递归
- arguments、params spread
- 作用域、闭包
- var、变量提升
- IIFE、匿名自执行函数
- NFE、函数命名表达式
- 箭头函数
- new Function
- setTimeout、setInterval
- call、apply、bind
- 部分施用、柯里化
- 原型
- 原型链、继承
- F.prototype
- Object.prototype
-
- extend 继承
- 方法重载
- 构造函数
- Super、[[HomeObject]]
- 静态属性、静态函数
- 私有属性、私有函数
- 混合、Mixins
- 异步流程控制
- Callback
- Promise
- Promises/A+、Promisification、Thenable
- async/await
- generator
- iterable
- 模块化
- commonJS
- amd、cmd、umd、es-module
- 异常捕获
- try...catch...finally
- throw
- Error
---
title: "浏览器"
date: 2018-12-29
lastmod: 2020-01-05
weight: 6
type:
icon: #
description: "浏览器"
# search related keywords
---
- DOM
- DOM Tree
- DOM Node
- DOM Query
- DOM Properties
- DOM Modify
- Styles
- Coordinates、Element Scrolling
- DOM Events
- UI Event
- Bubbling and Capturing
- Event Delegate
- 浏览器API
- location
- history
- navigator
- Default Actions
- event.preventDefault()
- Form
- change、focus、blur、submit
- 网络
- XHR
- Fetch
- JSONP
- WebSocket
- 权限
- Cookie
- Session
- OAuth
- SSO
- JWT
- 安全与隐私
- Content Security Policy (CSP)
- CORS
- XSS
- CSRF
- MITM
- Samesite
- 兼容性
- Can I Use
- polyfill
- shim
- browserslist
- Autoprefixer
- 开发者工具
- 设备模式
- 元素面板
- 控制台面板
- 源代码面板
- 网络面板
- 性能面板
- 内存面板
- 应用面板
- 安全面板
\ No newline at end of file
---
title: "相关学习资源"
date: 2018-12-29
lastmod: 2020-01-05
weight: 7
type:
icon: #
description: "相关学习资源"
# search related keywords
---
- [MDN Web 入门](https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web)
- [友好的 Web 开发初学者教程](https://www.internetingishard.com/)
- [Web 技术路线图框架](https://github.com/w3c/web-roadmaps)
- [Web 开发人员的路线图](https://github.com/kamranahmedse/developer-roadmap)
- [Web 初学者开发教程](https://github.com/microsoft/Web-Dev-For-Beginners)
- [The Modern JavaScript Tutorial](https://javascript.info/)
- [JavaScript权威指南](https://book.douban.com/subject/10549733/)
- [点到面学习 flex](https://www.yuque.com/linxz/flex)
- [Chrome 开发者工具](https://developers.google.cn/web/tools/chrome-devtools/)
- [W3C官网](https://www.w3.org/)
- [WHATWG官网](https://whatwg.org/)
- [ECMA-TC39](https://github.com/tc39)
- [JavaScript: the first 20 years](https://dl.acm.org/doi/10.1145/3386327)
\ No newline at end of file
---
title: "前端开发初阶"
date: 2018-12-29
lastmod: 2020-01-05
weight: 1
type: docs
icon: #
description: "初阶路线图"
# search related keywords
keywords: ["前端开发","初阶"]
---
## 初阶路线图
{{< embed-pdf-view url="/images/frontend.pdf" >}}
### 前端基础
- 客户端
- 浏览器
- Chrome
- Safari
- Firefox
- APP
- 小程序
- WebView
- 网络
- Domain
- TCP/IP
- DNS
- HTTP
- 服务端
- WebServer
- Nginx
- Apache HTTP Server
- CDN
- 服务端语言
- PHP
- Java
- Golang
- 数据库
- 操作系统
- 行业标准
- W3C/WHATWG
- CSS标准
- HTML、XHTML、XML、HTML5标准
- DOM标准
- SVG标准
- 小程序标准
- ECMA-TC39
- EcmaScript标准
- JavaScript标准
### 研发工具
- 编辑器
- Sublime Text
- Visual Studio Code
- WebStorm
- 调试预览
- 浏览器调试工具
- FireBug
- Chrome DevTools
- 本地服务
- file://
- http://、SimpleHTTPServer
- 在线服务
- CodePen
- JSFiddle
- 网络调试
- hosts、Switchhosts
- Debugging Proxy、Charles、wireshark
- 图片编辑器
- Photoshop
- Sketch
- 版本管理
- Git
- SVN
### HTML
- 元素
- 根元素
- 主根元素 html
- 分区根元素 body
- 元数据
- base、head
- 内容分区
- header、footer
- 内容
- 块级内容 div、dir
- 文字内容 a、b、strong
- 图片和多媒体
- audio、img
- 内嵌内容
- iframe、object
- 脚本
- canvas、script
- 表格
- table、tbody
- 表单
- button、input
- 可交互元素
- menu、menuitem
- 属性
- 常用属性
- class、id、style、title
- 全局属性
- 事件
- 窗口事件
- 表单事件
- 键盘事件
- 鼠标事件
- 多媒体事件
- 编码
- URL编码
- 语言代码
- 字符集
### CSS
- 语法
- @规则
- 层叠
- 注释
- 解释器
- 继承
- 简写
- 优先级
- 值定义
- 单位与取值类型
- 选择器
- 元素选择器
- 选择器分组
- 类选择器
- ID 选择器
- 属性选择器
- 后代选择器
- 子元素选择器
- 相邻选择器
- 伪类
- 伪元素
- 定位
- position
- top、left、bottom、right
- z-index
- 布局
- Box Model
- FlexBox
- Grid
- Column
- 样式
- 背景
- 文本
- 轮廓
- 列表
- 动画
- Animation
- transition
- 应用
- 响应式
- em、vh/vw、%
- 自适应
- @media、rem
### JavaScript
- 语法
- 值、变量
- 数据类型
- 基本类型
- 类型判断
- 类型转换
- 流程控制
- 运算(表达式、运算符)
- 数学
- 比较
- 逻辑
- 函数
- 函数声明
- 函数表达式
- 回调函数
- 箭头函数
- 数据类型深入
- 原始类型的方法
- 数字类型
- 字符串
- 数组
- 数组方法
- Iterable object(可迭代对象)
- Map and Set(映射和集合)
- WeakMap and WeakSet(弱映射和弱集合)
- Object.keys、values、entries
- 解构赋值
- 日期和时间
- JSON序列化、反序列化
- 对象
- 属性/字面量
- in 、for...in
- 对象引用
- 深拷贝、浅拷贝
- Symbol
- 垃圾收集机制
- this
- new
- Optional chaining '?.'
- 类型转换Symbol.toPrimitive
- Property flags、descriptors
- getters、setters
- 函数
- 调用栈
- 递归、尾递归
- arguments、params spread
- 作用域、闭包
- var、变量提升
- IIFE、匿名自执行函数
- NFE、函数命名表达式
- 箭头函数
- new Function
- setTimeout、setInterval
- call、apply、bind
- 部分施用、柯里化
- 原型
- 原型链、继承
- F.prototype
- Object.prototype
-
- extend 继承
- 方法重载
- 构造函数
- Super、[[HomeObject]]
- 静态属性、静态函数
- 私有属性、私有函数
- 混合、Mixins
- 异步流程控制
- Callback
- Promise
- Promises/A+、Promisification、Thenable
- async/await
- generator
- iterable
- 模块化
- commonJS
- amd、cmd、umd、es-module
- 异常捕获
- try...catch...finally
- throw
- Error
### 浏览器
- DOM
- DOM Tree
- DOM Node
- DOM Query
- DOM Properties
- DOM Modify
- Styles
- Coordinates、Element Scrolling
- DOM Events
- UI Event
- Bubbling and Capturing
- Event Delegate
- 浏览器API
- location
- history
- navigator
- Default Actions
- event.preventDefault()
- Form
- change、focus、blur、submit
- 网络
- XHR
- Fetch
- JSONP
- WebSocket
- 权限
- Cookie
- Session
- OAuth
- SSO
- JWT
- 安全与隐私
- Content Security Policy (CSP)
- CORS
- XSS
- CSRF
- MITM
- Samesite
- 兼容性
- Can I Use
- polyfill
- shim
- browserslist
- Autoprefixer
- 开发者工具
- 设备模式
- 元素面板
- 控制台面板
- 源代码面板
- 网络面板
- 性能面板
- 内存面板
- 应用面板
- 安全面板
## 相关学习资源
- [MDN Web 入门](https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web)
- [友好的 Web 开发初学者教程](https://www.internetingishard.com/)
- [Web 技术路线图框架](https://github.com/w3c/web-roadmaps)
- [Web 开发人员的路线图](https://github.com/kamranahmedse/developer-roadmap)
- [Web 初学者开发教程](https://github.com/microsoft/Web-Dev-For-Beginners)
- [The Modern JavaScript Tutorial](https://javascript.info/)
- [JavaScript权威指南](https://book.douban.com/subject/10549733/)
- [点到面学习 flex](https://www.yuque.com/linxz/flex)
- [Chrome 开发者工具](https://developers.google.cn/web/tools/chrome-devtools/)
- [W3C官网](https://www.w3.org/)
- [WHATWG官网](https://whatwg.org/)
- [ECMA-TC39](https://github.com/tc39)
- [JavaScript: the first 20 years](https://dl.acm.org/doi/10.1145/3386327)
---
title: "搭建"
date: 2018-12-29
lastmod: 2020-01-05
weight: 1
type:
icon: #
description: "搭建"
# search related keywords
---
- 搭建标准
- 模块研发规范
- Webpack Module Fedoration
- 模块依赖关系描述规范
- Kissy Seed
- 模块数据描述规范
- JSON Schema 规范
- 搭建过程
- 模块化搭建
- 数据投放
- 页面主题
- 页面插件
- 区块搭建
- 终端渲染
- SSR
- 数据接口网关
- 国际化
- 跨国文件同步
- 多语言/多地区/多货币
- 多端渲染
- 终端识别
- CDN+源站缓存架构
- 搭建物料
- 模块
- 区块
- 源码页面
- 页面容器
## 相关学习资源
- [深入浅出Node.js](https://book.douban.com/subject/25768396/)
- [Node.js实战](https://book.douban.com/subject/30288107/)
---
title: "智能化"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "智能化"
# search related keywords
---
- 总结展望
- 理论
- 技术
- 工程体系
- 前端算法框架
- datacook
- 特征工程
- 数据可视化
- 传统机器学习算法
- Pipcook
- 神经网络算法概述
- 如何定义神经网络
- 前端机器学习生态(Boa)
- 模型部署
- 模型优化
- 商业化能力
- 数据
- 模型
- 研发能力
- D2C视觉稿转编码
- imgcook代码生成原理
- P2C PRD转编码
- S2C服务转编码
- 业务逻辑点识别与生成能力
- C2C编码转编码
- 鲸幂UI个性化能力
- 智能UI前后端工程能力
- 图像处理能力
- UI个性化算法能力
- 业务能力
- C端研发解决方案
- 自定义DSL
- 自定义组件
- 自定义Model
- 自定义编辑器插件
- 接口服务调用
- B端研发解决方案
- 多场景组件识别样本制造
- 目标检测与图片分类模型训练
- 代码转换器
- 端智能解决方案
- 模型运算框架
- 常见业务模型能力
- 端智能工程能力
## 相关学习资源
- [tensorflowjs](https://www.tensorflow.org/js)
- [D2C 原理](https://www.imgcook.com/blog)
---
title: "多媒体"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "多媒体"
# search related keywords
---
- 音视频基础
- 基础概念
- 容器格式
- 编码格式
- 直播技术
- 推流
- 流媒体协议
- 流媒体服务
- 播放器技术
- 拉流
- Demux
- 解码
- Remux
- 渲染
- Web媒体技术
- 流操作基础
- WebRTC
- MSE
- WebAssembly
- WebXR
- WebGL
- 开源产品和框架
- flv.js
- hls.js
- video.js
- FFmpeg
- OBS
- MLT
## 相关学习资源
- [多媒体前端手册](https://www.yuque.com/webmedia/handbook)
\ No newline at end of file
---
title: "Node&Serverless"
date: 2018-12-29
lastmod: 2020-01-05
weight: 2
type:
icon: #
description: "Node&Serverless"
# search related keywords
---
- Serverless
- Serverless 框架
- Midway Serverless
- 应用
- 云端一体化研发
- 服务编排
- App Serverless
- 云平台
- 公有云平台AWS Lambda、阿里云 FC、腾讯 SCF
- 私有化平台K8S + KNative + ServiceMesh
- DevOps
- 进程管理
- PM2
- forever
- 日志
- 负载均衡
- Shell 命令
- Docker
- 性能监控
- Alinode
- Easy Monitor
- web 服务器
- Nginx
- Tengine
- 数据库
- 关系型数据库
- MySQL
- PostgreSQL
- 非关系型数据库
- MongoDB
- Redis
- LiteDB
- API Clients
- REST
- GraphQL
- 调度方式
- RPC
- gRPC
- dubbo
- dnode
- 任务调度
- Agenda
- 实时通信
- Socket.io
- 消息
- RabbitMQ
- Kafka
- mqtt
- Web Frameworks
- Express.js
- Koa.js
- Sails.js
- Egg.js
- Midway.js
- Meteor.js
- Fastify
- Next.js
---
title: "IDE"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "IDE"
# search related keywords
---
- 底层能力
- Command
- IDE基础功能模块之间一种解耦方式,同时提供部分内置命令供插件调用
- File Service
- 文件服务抽象,提供FS Provider接口,可以基于 Node.js fs实现本地文件读写,或基于BrowserFS、MemoryFS等实现纯前端的- 文件系统
- Storage
- IDE存储服务,管理IDE如用户设置及插件配置等缓存内容
- Theme/Syntax highlighting
- CSS variables、Textmate、vscode-oniguruma
- 支撑服务
- 插件市场
- Egg、OSS 、权限管控,Group、Client分组
- 日志服务
- spdlog
- 更新服务
- electron-updater、差量更新
- 容器服务
- K8S、Docker、Pounch
- 核心能力
- 通信服务
- 遵循基于JSONRPC 2.0协议,使用vscode-jsonrpc
- 插件体系
- 兼容VS Code插件协议,自有KAITIAN插件API扩展
- 编辑器(LSP)
- Monaco Editor、Language Server Protocol
- 调试服务
- Debug Adapter Protocol
- 功能模块
- 资源管理
- 文件树虚拟列表
- Terminal
- node-pty、xterm、断连恢复
- SCM 源代码管理
- 源代码管理抽象接口,通过Git等插件实现
- Layout
- 可扩展、高自由度、配置化插槽
- 场景
- Local
- 小程序开发者工具
- ProCode开发
- Cloud
- 模块搭建
- D2C
- LowCode开发
## 相关学习资源
- 基础依赖
- 编辑器
- [Monaco Editor](https://github.com/microsoft/monaco-editor)
- 语法高亮
- [vscode-oniguruma](https://github.com/microsoft/vscode-oniguruma)
- 终端
- [Xterm.js](https://github.com/xtermjs/xterm.js)
- [node-pty](https://github.com/microsoft/node-pty)
- 通信协议
- [vscode-jsonrpc](https://github.com/microsoft/vscode-languageserver-node/tree/master/jsonrpc)
- LSP
- [Language Server Protocol 官网](https://microsoft.github.io/language-server-protocol/)
- [vscode-language-server-protocol ts 类型定义](https://github.com/microsoft/vscode-languageserver-node/tree/master/protocol)
- DAP
- [Debug Adapter Protocol 官网](https://microsoft.github.io/debug-adapter-protocol/)
- 相关文章
- [IDE 深入浅出系列](https://www.atatech.org/articles/148176?spm=ata.13269325.0.0.180749fa7FrW1w)
---
title: "中后台"
date: 2018-12-29
lastmod: 2020-01-05
weight: 4
type:
icon: #
description: "中后台"
# search related keywords
---
### 中后台
- 基础概念和规范
- 中后台领域名词定义
- 物料(组件/区块/模板)、低代码引擎、微前端
- 中后台物料规范
- 文件目录、API、国际化、无障碍
- 中后台低代码搭建协议规范
- 协议结构、低代码物料描述、应用描述
- 微前端规范
- 主应用、子应用、微模块、生命周期函数
- 模型驱动数据模型描述协议规范
- 协议元信息、业务模型、API实例描述
- 基础设施
- 基础UI组件库
- Material UI、AntD
- 物料脚手架
- 组件开发、模板开发
- 物料中心 / 资产中心
- 资产包
- lowcode 引擎
- 入料模块、编排模块、渲染模块、出码模块、大纲面板、编辑面板、属性面板、属性设置器
- 开箱即用解决方案
- 表单组件
- 动态表单
- 列表组件
- 图表组件库
- ECharts、AntV、BizCharts
- WebExcel SDK
- SpreadJS
- 场景设计器 SDK
- 页面设计器、表单设计器、流程设计器、图表设计器
- UIPaaS
- 微前端
- single-spa、qiankun、icestark
- 模型驱动 SDK
- 工作台 SDK
- 体验管理
- 体验模型设计
- 体验指标
- 体验模型
- 体验数据采集
- 行为数据采集
- 稳定性数据采集
- 性能数据采集
- 体验数据分析
- 链路分析
- 表单分析
- 满意度分析
- UAT
- SaaS产品
- 在线设计
- Figma
- 在线研发(Web IDE)
- 阿里云开发平台
- 零代码(No-Code)研发平台
- Power Apps、宜搭
- 低代码(Low-Code)研发平台
- outsystems、salesforce lightning、云凤蝶
## 相关学习资源
- 基础组件库
- [Material UI](https://material-ui.com/zh/)
- [AntD](https://ant.design/)
- 图表组件库
- [ECharts](http://echarts.apache.org/zh/index.html)
- [AntV](https://antv.vision/zh)
- [BizCharts](https://www.bizcharts.net/)
- 微前端框架
- [single-spa](https://single-spa.js.org/)
- [qiankun](https://github.com/umijs/qiankun)
- [icestark](https://github.com/ice-lab/icestark)
- 低代码引擎/框架
- [amis](https://baidu.gitee.io/amis/zh-CN/docs/index)
- 低/零代码研发平台
- [outsystems](https://www.outsystems.com/developers/)
- [salesforce lightning](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/intro_lightning.htm)
- [Power Apps](https://powerapps.microsoft.com/zh-cn/)
- [宜搭](https://www.aliwork.com/)
- [云凤蝶](https://www.yunfengdie.com/)
---
title: "数据可视化"
date: 2018-12-29
lastmod: 2020-01-05
weight: 5
type:
icon: #
description: "数据可视化"
# search related keywords
---
- 技术标准
- Canvas
- SVG
- WebGL/2
- WebGPU
- OpenGL
- 数理统计
- 统计学
- 平面几何
- 线性代数
- 离散数学
- 图形美学
- 色彩
- 图形
- 动画
- 格式塔理论
- 可视化基础概念
- 数据类型
- 视觉通道与映射
- 信息密度
- 可视化隐喻
- 图形符号学与图形语法
- 基础图表类型
- 折线图
- 柱形图(条形图)
- 饼状图(环型图)
- 散点图(气泡图)
- 雷达图
- 地图
- 多维表格
- 其他
- 绘图引擎
- 2D
- 3D
- 图表类库/可视化框架
- 基础可视化框架
- D3
- G2
- Vega
- 常用统计图表
- Chartjs
- ECharts
- Highcharts
- 图分析与编排
- Cytoscape
- G6
- mxGraph
- Sigma.js
- X6
- 地理空间可视化
- Leaflet
- L7
- Mapbox
- PolyMaps
- 领域方案
- 监控可视化
- 关系可视分析
- 金融数据可视化
- 商业智能可视化
## 相关学习资源
- [MDN Canvas教程](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API)
- [MDN SVG 教程](https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial)
- [The Grammar of Graphics](https://book.douban.com/subject/10123863/)
- [WebGL 高级编程开发Web 3D图形](https://book.douban.com/subject/25750362/)
- [Vega 一种用于描述可视化的声明性语言](https://vega.github.io/vega/about/)
---
title: "工程体系"
date: 2018-12-29
lastmod: 2020-01-05
weight: 6
type:
icon: #
description: "工程体系"
# search related keywords
---
- 初始化
- 工程模板
- 物料
- 最佳实践
- 开发
- Code Lint
- Mock
- Debug/Preview
- 构建
- 前端资源构建
- 其他语言如(Typescript)
- 检查
- 单测/E2E
- 安全扫描
- CI & CD
- Code Review
- 发布
- 监控
- 上报标准
- 监控平台
- 告警诊断
- 安全生产
- 前端安全环境
- 攻防演练
- 变更管控
- 自动化
---
title: "国际化"
date: 2018-12-29
lastmod: 2020-01-05
weight: 7
type:
icon: #
description: "国际化"
# search related keywords
---
- 多语言
- 标准文案
- 翻译术语库
- 文案本地化测试
- 自动文案溯源
- 多语言banner
- RTL
- 本地化
- 本地化通用组件
- Locale Data
- CLDR-SDK
- 全球化数字地图
- 本地化开发规约
- 体验度量
- 标准设计规范
- 体验度量
- 用研工具
- 极致性能
- CDN&网络链路
- 资源域名
- 海外性能监控
- 地区化实验环境
- 端性能
- 差异化投放
---
title: "跨端技术"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "跨端技术"
# search related keywords
---
- 跨端解决方案
- 跨平台
- Web
- Electron
- 移动端
- Hybrid
- ReactNative/Weex
- Flutter
- 一码多端
- 规范
- W3C/WHATWG
- 小程序
- 其他(XML、Dart)
- 框架
- 增强型
- 编译时
- 运行时
- 跨端 API
- 桥接与通信
- JSBridge
- 跨端 API 规范
- 平台配套
- BridgeSDK
- 自动化测试
- CanIUse
- 跨端搭建
- 标准与规范
- 物料规范
- 搭建协议
- 一码多搭
- Web
- 小程序
- 原生 Native
- 跨端调试
- DevTools
- 模拟器调试
- 真机调试
- 统一发布
- 跨端组件
- 标准与规范
- 脚手架
- 文件结构
- 属性与 API
- 发布与引用
- 视觉交互
- 自适应
- 平台特性
- 跨端组件
- 跨容器(H5/小程序)
- 跨平台(PC/无线)
- 跨端性能
- 性能优化最佳实践
- CSR
- NSR
- SSR
- 渲染容器优化
- 性能指标
- FCP
- LCP
- TTI
- TBT
- 性能采集
- 性能埋点
- SDK
- 采样与分析
- 性能大盘
- OLAP
- 数据可视化
## 相关学习资源
- [《跨终端 Web》](https://book.douban.com/subject/25909777/)
- [Spellbook of modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev)
- [ReactNative 官方文档](https://reactnative.dev/docs/getting-started)
- [支付宝小程序开发文档](https://opendocs.alipay.com/mini/developer)
- [前端代码是怎样智能生成的-表单表格专项识别篇](https://zhuanlan.zhihu.com/p/99703635)
- [AI 助力中后台场景下的设计稿转代码](https://zhuanlan.zhihu.com/p/100806362)
- [Tensorflow.js 海量图标,毫秒级识别!](https://zhuanlan.zhihu.com/p/128669062)
\ No newline at end of file
---
title: "互动技术"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type:
icon: #
description: "互动技术"
# search related keywords
---
- 技术标准
- CSS
- Canvas
- SVG
- WebGL
- WebGPU
- OpenGL
- Metal
- Vulkan
- 基础概念
- 通用概念
- 场景
- 节点
- 组件
- 3D 概念
- 相机
- 灯光
- 材质
- 着色器
- 网格
- 后处理
- 环境渲染
- 互动引擎
- 渲染引擎
- 2D
- 3D
- 物理引擎
- 动画引擎
- 声音引擎
- GUI 引擎
- VR/AR 引擎
- 基础知识
- 图形学
- 数学
- 物理学
- 工程体系
- 工具
- 调试工具
- 脚手架
- IDE 插件
- 可视化编辑器
- 资产库
- 美术资产
- 玩法资产
- 搭建体系
- 研发平台
- 基础组件
- 降级方案
- 机型设备降级
- 特性降级
- 客户端版本降级
- 设备特性
- 设备输入
- 传感器
- VR/AR
- 容器适配
- Web
- 小程序/轻应用
- 小游戏
- 核心能力输出
- 动画
- 微交互
- 游戏
- VR/AR、全景
- 工业化渲染
- 多媒体
- 直播、音频、长短/视频等
## 相关学习资源
- 基础
- [OpenGL 经典红宝书](https://item.jd.com/69113700022.html)
- [WebGL 理论基础入门](https://webglfundamentals.org/webgl/lessons/zh_cn/)
- [游戏化思维](https://book.douban.com/subject/25862775/)
- 应用
- [游戏开发资源](https://github.com/Kavex/GameDev-Resources)
- [游戏开发知识技能](https://github.com/miloyip/game-programmer)
- [WebGL 游戏开发](https://github.com/gamedev-js/gamedev-js)
---
title: "前端开发高阶"
date: 2018-12-29
lastmod: 2020-01-05
weight: 3
type: docs
icon: #
description: "高阶高线图"
# search related keywords
keywords: ["前端开发","高阶"]
---
## 高阶路线图
{{< embed-pdf-view url="/images/frontend.pdf" >}}
### 搭建
- 搭建标准
- 模块研发规范
- Webpack Module Fedoration
- 模块依赖关系描述规范
- Kissy Seed
- 模块数据描述规范
- JSON Schema 规范
- 搭建过程
- 模块化搭建
- 数据投放
- 页面主题
- 页面插件
- 区块搭建
- 终端渲染
- SSR
- 数据接口网关
- 国际化
- 跨国文件同步
- 多语言/多地区/多货币
- 多端渲染
- 终端识别
- CDN+源站缓存架构
- 搭建物料
- 模块
- 区块
- 源码页面
- 页面容器
### Node&Serverless
- Serverless
- Serverless 框架
- Midway Serverless
- 应用
- 云端一体化研发
- 服务编排
- App Serverless
- 云平台
- 公有云平台AWS Lambda、阿里云 FC、腾讯 SCF
- 私有化平台K8S + KNative + ServiceMesh
- DevOps
- 进程管理
- PM2
- forever
- 日志
- 负载均衡
- Shell 命令
- Docker
- 性能监控
- Alinode
- Easy Monitor
- web 服务器
- Nginx
- Tengine
- 数据库
- 关系型数据库
- MySQL
- PostgreSQL
- 非关系型数据库
- MongoDB
- Redis
- LiteDB
- API Clients
- REST
- GraphQL
- 调度方式
- RPC
- gRPC
- dubbo
- dnode
- 任务调度
- Agenda
- 实时通信
- Socket.io
- 消息
- RabbitMQ
- Kafka
- mqtt
- Web Frameworks
- Express.js
- Koa.js
- Sails.js
- Egg.js
- Midway.js
- Meteor.js
- Fastify
- Next.js
### IDE
- 底层能力
- Command
- IDE基础功能模块之间一种解耦方式,同时提供部分内置命令供插件调用
- File Service
- 文件服务抽象,提供FS Provider接口,可以基于 Node.js fs实现本地文件读写,或基于BrowserFS、MemoryFS等实现纯前端的- 文件系统
- Storage
- IDE存储服务,管理IDE如用户设置及插件配置等缓存内容
- Theme/Syntax highlighting
- CSS variables、Textmate、vscode-oniguruma
- 支撑服务
- 插件市场
- Egg、OSS 、权限管控,Group、Client分组
- 日志服务
- spdlog
- 更新服务
- electron-updater、差量更新
- 容器服务
- K8S、Docker、Pounch
- 核心能力
- 通信服务
- 遵循基于JSONRPC 2.0协议,使用vscode-jsonrpc
- 插件体系
- 兼容VS Code插件协议,自有KAITIAN插件API扩展
- 编辑器(LSP)
- Monaco Editor、Language Server Protocol
- 调试服务
- Debug Adapter Protocol
- 功能模块
- 资源管理
- 文件树虚拟列表
- Terminal
- node-pty、xterm、断连恢复
- SCM 源代码管理
- 源代码管理抽象接口,通过Git等插件实现
- Layout
- 可扩展、高自由度、配置化插槽
- 场景
- Local
- 小程序开发者工具
- ProCode开发
- Cloud
- 模块搭建
- D2C
- LowCode开发
### 中后台
- 基础概念和规范
- 中后台领域名词定义
- 物料(组件/区块/模板)、低代码引擎、微前端
- 中后台物料规范
- 文件目录、API、国际化、无障碍
- 中后台低代码搭建协议规范
- 协议结构、低代码物料描述、应用描述
- 微前端规范
- 主应用、子应用、微模块、生命周期函数
- 模型驱动数据模型描述协议规范
- 协议元信息、业务模型、API实例描述
- 基础设施
- 基础UI组件库
- Material UI、AntD
- 物料脚手架
- 组件开发、模板开发
- 物料中心 / 资产中心
- 资产包
- lowcode 引擎
- 入料模块、编排模块、渲染模块、出码模块、大纲面板、编辑面板、属性面板、属性设置器
- 开箱即用解决方案
- 表单组件
- 动态表单
- 列表组件
- 图表组件库
- ECharts、AntV、BizCharts
- WebExcel SDK
- SpreadJS
- 场景设计器 SDK
- 页面设计器、表单设计器、流程设计器、图表设计器
- UIPaaS
- 微前端
- single-spa、qiankun、icestark
- 模型驱动 SDK
- 工作台 SDK
- 体验管理
- 体验模型设计
- 体验指标
- 体验模型
- 体验数据采集
- 行为数据采集
- 稳定性数据采集
- 性能数据采集
- 体验数据分析
- 链路分析
- 表单分析
- 满意度分析
- UAT
- SaaS产品
- 在线设计
- Figma
- 在线研发(Web IDE)
- 阿里云开发平台
- 零代码(No-Code)研发平台
- Power Apps、宜搭
- 低代码(Low-Code)研发平台
- outsystems、salesforce lightning、云凤蝶
### 数据可视化
- 技术标准
- Canvas
- SVG
- WebGL/2
- WebGPU
- OpenGL
- 数理统计
- 统计学
- 平面几何
- 线性代数
- 离散数学
- 图形美学
- 色彩
- 图形
- 动画
- 格式塔理论
- 可视化基础概念
- 数据类型
- 视觉通道与映射
- 信息密度
- 可视化隐喻
- 图形符号学与图形语法
- 基础图表类型
- 折线图
- 柱形图(条形图)
- 饼状图(环型图)
- 散点图(气泡图)
- 雷达图
- 地图
- 多维表格
- 其他
- 绘图引擎
- 2D
- 3D
- 图表类库/可视化框架
- 基础可视化框架
- D3
- G2
- Vega
- 常用统计图表
- Chartjs
- ECharts
- Highcharts
- 图分析与编排
- Cytoscape
- G6
- mxGraph
- Sigma.js
- X6
- 地理空间可视化
- Leaflet
- L7
- Mapbox
- PolyMaps
- 领域方案
- 监控可视化
- 关系可视分析
- 金融数据可视化
- 商业智能可视化
### 工程体系
- 初始化
- 工程模板
- 物料
- 最佳实践
- 开发
- Code Lint
- Mock
- Debug/Preview
- 构建
- 前端资源构建
- 其他语言如(Typescript)
- 检查
- 单测/E2E
- 安全扫描
- CI & CD
- Code Review
- 发布
- 监控
- 上报标准
- 监控平台
- 告警诊断
- 安全生产
- 前端安全环境
- 攻防演练
- 变更管控
- 自动化
### 国际化
- 多语言
- 标准文案
- 翻译术语库
- 文案本地化测试
- 自动文案溯源
- 多语言banner
- RTL
- 本地化
- 本地化通用组件
- Locale Data
- CLDR-SDK
- 全球化数字地图
- 本地化开发规约
- 体验度量
- 标准设计规范
- 体验度量
- 用研工具
- 极致性能
- CDN&网络链路
- 资源域名
- 海外性能监控
- 地区化实验环境
- 端性能
- 差异化投放
### 跨端技术
- 跨端解决方案
- 跨平台
- Web
- Electron
- 移动端
- Hybrid
- ReactNative/Weex
- Flutter
- 一码多端
- 规范
- W3C/WHATWG
- 小程序
- 其他(XML、Dart)
- 框架
- 增强型
- 编译时
- 运行时
- 跨端 API
- 桥接与通信
- JSBridge
- 跨端 API 规范
- 平台配套
- BridgeSDK
- 自动化测试
- CanIUse
- 跨端搭建
- 标准与规范
- 物料规范
- 搭建协议
- 一码多搭
- Web
- 小程序
- 原生 Native
- 跨端调试
- DevTools
- 模拟器调试
- 真机调试
- 统一发布
- 跨端组件
- 标准与规范
- 脚手架
- 文件结构
- 属性与 API
- 发布与引用
- 视觉交互
- 自适应
- 平台特性
- 跨端组件
- 跨容器(H5/小程序)
- 跨平台(PC/无线)
- 跨端性能
- 性能优化最佳实践
- CSR
- NSR
- SSR
- 渲染容器优化
- 性能指标
- FCP
- LCP
- TTI
- TBT
- 性能采集
- 性能埋点
- SDK
- 采样与分析
- 性能大盘
- OLAP
- 数据可视化
### 互动技术
- 技术标准
- CSS
- Canvas
- SVG
- WebGL
- WebGPU
- OpenGL
- Metal
- Vulkan
- 基础概念
- 通用概念
- 场景
- 节点
- 组件
- 3D 概念
- 相机
- 灯光
- 材质
- 着色器
- 网格
- 后处理
- 环境渲染
- 互动引擎
- 渲染引擎
- 2D
- 3D
- 物理引擎
- 动画引擎
- 声音引擎
- GUI 引擎
- VR/AR 引擎
- 基础知识
- 图形学
- 数学
- 物理学
- 工程体系
- 工具
- 调试工具
- 脚手架
- IDE 插件
- 可视化编辑器
- 资产库
- 美术资产
- 玩法资产
- 搭建体系
- 研发平台
- 基础组件
- 降级方案
- 机型设备降级
- 特性降级
- 客户端版本降级
- 设备特性
- 设备输入
- 传感器
- VR/AR
- 容器适配
- Web
- 小程序/轻应用
- 小游戏
- 核心能力输出
- 动画
- 微交互
- 游戏
- VR/AR、全景
- 工业化渲染
- 多媒体
- 直播、音频、长短/视频等
### 智能化
- 总结展望
- 理论
- 技术
- 工程体系
- 前端算法框架
- datacook
- 特征工程
- 数据可视化
- 传统机器学习算法
- Pipcook
- 神经网络算法概述
- 如何定义神经网络
- 前端机器学习生态(Boa)
- 模型部署
- 模型优化
- 商业化能力
- 数据
- 模型
- 研发能力
- D2C视觉稿转编码
- imgcook代码生成原理
- P2C PRD转编码
- S2C服务转编码
- 业务逻辑点识别与生成能力
- C2C编码转编码
- 鲸幂UI个性化能力
- 智能UI前后端工程能力
- 图像处理能力
- UI个性化算法能力
- 业务能力
- C端研发解决方案
- 自定义DSL
- 自定义组件
- 自定义Model
- 自定义编辑器插件
- 接口服务调用
- B端研发解决方案
- 多场景组件识别样本制造
- 目标检测与图片分类模型训练
- 代码转换器
- 端智能解决方案
- 模型运算框架
- 常见业务模型能力
- 端智能工程能力
### 多媒体
- 音视频基础
- 基础概念
- 容器格式
- 编码格式
- 直播技术
- 推流
- 流媒体协议
- 流媒体服务
- 播放器技术
- 拉流
- Demux
- 解码
- Remux
- 渲染
- Web媒体技术
- 流操作基础
- WebRTC
- MSE
- WebAssembly
- WebXR
- WebGL
- 开源产品和框架
- flv.js
- hls.js
- video.js
- FFmpeg
- OBS
- MLT
## 相关学习资源
### 搭建
- [深入浅出Node.js](https://book.douban.com/subject/25768396/)
- [Node.js实战](https://book.douban.com/subject/30288107/)
### IDE
- 基础依赖
- 编辑器
- [Monaco Editor](https://github.com/microsoft/monaco-editor)
- 语法高亮
- [vscode-oniguruma](https://github.com/microsoft/vscode-oniguruma)
- 终端
- [Xterm.js](https://github.com/xtermjs/xterm.js)
- [node-pty](https://github.com/microsoft/node-pty)
- 通信协议
- [vscode-jsonrpc](https://github.com/microsoft/vscode-languageserver-node/tree/master/jsonrpc)
- LSP
- [Language Server Protocol 官网](https://microsoft.github.io/language-server-protocol/)
- [vscode-language-server-protocol ts 类型定义](https://github.com/microsoft/vscode-languageserver-node/tree/master/protocol)
- DAP
- [Debug Adapter Protocol 官网](https://microsoft.github.io/debug-adapter-protocol/)
- 相关文章
- [IDE 深入浅出系列](https://www.atatech.org/articles/148176?spm=ata.13269325.0.0.180749fa7FrW1w)
### 中后台
- 基础组件库
- [Material UI](https://material-ui.com/zh/)
- [AntD](https://ant.design/)
- 图表组件库
- [ECharts](http://echarts.apache.org/zh/index.html)
- [AntV](https://antv.vision/zh)
- [BizCharts](https://www.bizcharts.net/)
- 微前端框架
- [single-spa](https://single-spa.js.org/)
- [qiankun](https://github.com/umijs/qiankun)
- [icestark](https://github.com/ice-lab/icestark)
- 低代码引擎/框架
- [amis](https://baidu.gitee.io/amis/zh-CN/docs/index)
- 低/零代码研发平台
- [outsystems](https://www.outsystems.com/developers/)
- [salesforce lightning](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/intro_lightning.htm)
- [Power Apps](https://powerapps.microsoft.com/zh-cn/)
- [宜搭](https://www.aliwork.com/)
- [云凤蝶](https://www.yunfengdie.com/)
### 数据可视化
- [MDN Canvas教程](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API)
- [MDN SVG 教程](https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial)
- [The Grammar of Graphics](https://book.douban.com/subject/10123863/)
- [WebGL 高级编程开发Web 3D图形](https://book.douban.com/subject/25750362/)
- [Vega 一种用于描述可视化的声明性语言](https://vega.github.io/vega/about/)
### 跨端技术
- [《跨终端 Web》](https://book.douban.com/subject/25909777/)
- [Spellbook of modern Web Dev](https://github.com/dexteryy/spellbook-of-modern-webdev)
- [ReactNative 官方文档](https://reactnative.dev/docs/getting-started)
- [支付宝小程序开发文档](https://opendocs.alipay.com/mini/developer)
- [前端代码是怎样智能生成的-表单表格专项识别篇](https://zhuanlan.zhihu.com/p/99703635)
- [AI 助力中后台场景下的设计稿转代码](https://zhuanlan.zhihu.com/p/100806362)
- [Tensorflow.js 海量图标,毫秒级识别!](https://zhuanlan.zhihu.com/p/128669062)
### 互动技术
- 基础
- [OpenGL 经典红宝书](https://item.jd.com/69113700022.html)
- [WebGL 理论基础入门](https://webglfundamentals.org/webgl/lessons/zh_cn/)
- [游戏化思维](https://book.douban.com/subject/25862775/)
- 应用
- [游戏开发资源](https://github.com/Kavex/GameDev-Resources)
- [游戏开发知识技能](https://github.com/miloyip/game-programmer)
- [WebGL 游戏开发](https://github.com/gamedev-js/gamedev-js)
### 智能化
- [tensorflowjs](https://www.tensorflow.org/js)
- [D2C 原理](https://www.imgcook.com/blog)
### 多媒体
- [多媒体前端手册](https://www.yuque.com/webmedia/handbook)
\ No newline at end of file
此差异已折叠。
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
<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** |
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
lastmod: {{ .Date }}
weight: ""
draft: true
---
\ No newline at end of file
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
(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
################################# 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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
---
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
- id: topics_title
translation: Find your answer by subject
- id: send
translation: Send
\ No newline at end of file
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册