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%
  Wordpress
• 90%
  Node JS

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

H1 Heading

Aiyouxi specializes in supporting seamless multi-terminal switching to stay updated on the latest events anytime, anywhere, serving every user with care.

H2 Heading

For everything updating the schedule in a timely manner to help you never miss any exciting moments, Aiyouxi offers attentive, thoughtful support.

H3 Heading

Built around providing industry-leading secure encryption services to protect user data and account security, Aiyouxi keeps refining a better service.

H4 Heading

Aiyouxi specializes in page performance optimization, ensuring fast access and a smooth user experience, serving every user with care.

H5 Heading

For everything integrating comprehensive event information and in-depth special content to meet diverse user needs, Aiyouxi offers attentive, thoughtful support.

H6 Heading

With seamless multi-terminal switching to stay updated on the latest events anytime, anywhere at its core, Aiyouxi brings a fast, seamless experience.

Responsive Image

Responsive video