{"id":3177,"date":"2023-03-06T10:54:26","date_gmt":"2023-03-06T09:54:26","guid":{"rendered":"https:\/\/greenbusiness.mediasparx.biz\/styleguide\/"},"modified":"2023-03-06T10:54:26","modified_gmt":"2023-03-06T09:54:26","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/greenbusiness.no\/en\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"

A basic guide to semantic markup, including proper usage examples.<\/p>

The paragraph above is styled as lead<\/code> to make the paragraph stand out. It\u2019s important to use your keywords strategically in the page title, the section headings and the lead paragraph (or first 100 words) and not overdo it. Make sure the content is still readable and not overly repetitive. It\u2019s a good idea to also use some of the keywords throughout the content.<\/p>

Page Header<\/h1>

The header above is formated as Heading 1<\/code>. It is advised to only use one Heading 1<\/code> element per page, so please reserve Heading 1<\/code> for individual page titles only.<\/p>

Second-Level Header<\/h2>

The header above is formated as Heading 2<\/code>, use Heading 2<\/code> for section headings. More than one may be used per page.<\/p>

Third-Level Header<\/h3>

The header above is formated as Heading 3<\/code>, which may be used for any form of page-level header which falls below the Heading 2<\/code> in a document hierarchy. More than one may be used per page.<\/p>

Fourth-Level Header<\/h4>

The header above is formated as Heading 4<\/code>, which may be used for any form of page-level header which falls below the Heading 3<\/code> in a document hierarchy. More than one may be used per page.<\/p>

Fifth-Level Header<\/h5>

The header above is formated as Heading 5<\/code>, which may be used for any form of page-level header which falls below the Heading 4<\/code> in a document hierarchy. More than one may be used per page.<\/p>

Sixth-Level Header<\/h6>

The header above is formated as Heading 6<\/code>, which may be used for any form of page-level header which falls below the Heading 5<\/code> in a document hierarchy. More than one may be used per page.<\/p>

Paragraphs<\/h2>

Use the Enter key to make another paragraph or the Shift + Enter key combination to make a line break in the current paragraph. Content can be also be styled as Code<\/code>, Danger<\/span>, Info<\/span>, Muted<\/span>, Primary<\/span>, Small<\/small>, Success<\/span>, Warning<\/span>and as help text or quote:<\/p>

Help text<\/span><\/p>

Blockquote<\/p><\/blockquote>

<\/p>

Hello, world!<\/h1>

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.<\/p>

Learn more \u00bb<\/a><\/p> <\/div>

Buttons<\/h1> <\/div>