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;
    }

fifa specializes in World Cup 2026, serving every user with care.

For everything 2026 World Cup, fifa offers attentive, thoughtful support.

With World Cup schedule at its core, fifa brings a fast, seamless experience.

Discover more about World Cup with fifa.

Discover more about World Cup schedule with fifa.

fifa focuses on World Cup, delivering a professional and reliable experience.

Built around World Cup betting, fifa keeps refining a better service.

fifa specializes in real-time global team news, serving every user with care.

For everything live score updates, never miss a match, fifa offers attentive, thoughtful support.

With in-depth match analysis, helping you understand the game's intricacies at its core, fifa brings a fast, seamless experience.

Discover more about HD stable live streaming, experience the passion of football immersively with fifa.

fifa focuses on World Cup 2026, delivering a professional and reliable experience.

Responsive Image

Responsive video