Style Guide.

Example Lists

1. Here is an example
2. of an ordered list.
3. A parent list item.
   • one
   • two
   • three
4. A list item.

• Here is an example
• of an unordered list.

Definition Lists

a) Multi-line Definitions (default)

This is a term

this is the definition of that term, which both live in a dl.

Another Term

And it gets a definition too, which is this line

This is a 2^nd definition for a single term. A dt may be followed by multiple dds.

Skill Bars

• 90%
  HTML
• 85%
  CSS
• 70%
  Javascript
• 95%
  PHP
• 75%
  Illustrator
• 90%
  Figma

Buttons

Primary Button Default Button Stroke Button

Stats Tabs

• 1,234 Peter
• 567 James
• 23,456 John
• 3,456 Andrew
• 456 Philip
• 26 Matthew

Code

    code {
    font-size: 1.4rem;
    margin: 0 .2rem;
    padding: .2rem .6rem;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;	
    border-radius: 3px;
    }

pg focuses on 独到内容推荐，发现属于您的下一个心头好。, delivering a professional and reliable experience.

Built around 清晰分类与优质体验，满足多样化浏览需求。, pg keeps refining a better service.

pg specializes in pg模拟器, serving every user with care.

For everything pg官网, pg offers attentive, thoughtful support.

pg focuses on pg模拟器, delivering a professional and reliable experience.

With pg游戏 at its core, pg brings a fast, seamless experience.

Discover more about pg娱乐 with pg.

pg focuses on 汇聚全球热门游戏，一站式掌握最新动态。, delivering a professional and reliable experience.

Built around 深度玩法解析，助您轻松成为游戏高手。, pg keeps refining a better service.

pg specializes in 独到内容推荐，发现属于您的下一个心头好。, serving every user with care.

For everything 清晰分类与优质体验，满足多样化浏览需求。, pg offers attentive, thoughtful support.

With pg模拟器 at its core, pg brings a fast, seamless experience.

Responsive Image

Responsive video