Dark Mode On/Off

This style guide page will cover all the look and feel of default posts and pages. It will guide you with all the suggested headers typography and other contents.


Right Aligned Image

If you would like to see images appear on the right side of the website on the same line, select the image as right aligned on the editor. The images and content next to each other and will have right alignment. Make sure the images are small enough that they will both fit on one line, including borders and margins. Otherwise, one of the images will be bumped to the next line. If this happens, you can resize the images so that they can fit side by side. If you would like to see images appear on the right side of the website on the same line, select the image as right aligned on the editor. Make sure the images are small enough that they will both fit on one line, including borders and margins.

 


Left Aligned Image

If you would like to see images appear on the left side of the website on the same line, select the image as left aligned on the editor. The images and content next to each other and will have left alignment. Make sure the images are small enough that they will both fit on one line, including borders and margins. Otherwise, one of the images will be bumped to the next line. If this happens, you can resize the images so that they can fit side by side. If you would like to see images appear on the left side of the website on the same line, select the image as left aligned on the editor. Make sure the images are small enough that they will both fit on one line, including borders and margins.

 


 

Gallery

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Blockquote

The blockquote element is used to indicate the quotation of a large section of text from another source.It can be as long or as short as you’d like!

If you do build a great experience, customers tell each other about that. Word of mouth is very powerful.


Tables Format

Companies Industry Country
Walmart Retail United States
Sinopec Group Oil and gas China
Royal Dutch Shell Oil and gas Netherlands/United Kingdom
China National Petroleum Oil and gas China

Code Formatting

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

Different List Items

  • Unordered list item one
  • Unordered list item two
    1. Ordered list item one
    2. Ordered list item two
      • Unordered list item one
      • Unordered list item two
        1. Ordered list item one
        2. Ordered list item two
        3. Ordered list item three
      • Unordered list item three
    3. Ordered list item three
  • Unordered list item three

Instagram Feed