Body text
Inside .body-text elements, the content will be treated as body text
Content Levels
Four heading levels are supported.
Different heading levels divides the text into different parts.
When the heading stylings are evaluated, it’s imporant the headings are not “hanging”.
The content levels are:
- The implicit main level
- Sections
- Subsections
- Topics
Sections
Sections have a level 2 heading. To give an h element a level 2 styling outside of a .body-text element, give it the class heading-2.
Subsections
The level below sections are sub sections. They have a level 3 heading. To give an h element a level 3 styling outside of a .body-text element, give it the class heading-3.
Topics
The level below sub sections are topics. They hafe a level 4 heading. To give an h element a level 3 styling outside of a .body-text element, give it the class heading-4.
Sub-Headings
Många söker hjälp
– Når du fram?
Jag vill hjälpa dig som driver en privat mottagning som psykolog eller psykoterapeut att nå nya klienter.
Därför har jag, tillsammans med legitimerade psykologer, utvecklat en tjänst för att skapa prisvärda hemsidor.
Pre-Headings
Hemsidor för psykologer
Många söker hjälp
Jag vill hjälpa dig som driver en privat mottagning som psykolog eller psykoterapeut att nå nya klienter.
Därför har jag, tillsammans med legitimerade psykologer, utvecklat en tjänst för att skapa prisvärda hemsidor.
Paragraphs
There are two types of paragraphs: normal and intro.
The intro text is bigger and used for introductions.
The standard paragraph uses the standard (step 0) font size.
Inline elements
There are some inline elements, like links, emphasized, and strong elements.
Lists
Two types of lists are supported: ordered (numbered) and unordered (bulleted) lists.
The lists are indented by default.
- item one
- item two
- item three
- item a
- item b
- item c
Images and divs
Images can be placed in body-text. They do not float, we handle this kind of thing with section layouts. But there margins are set to fit the body content. This is also true for div elements.
Lions
Content in a box
This content is just for demonstration.
Lions
Content in a box
This content is just for demonstration.
Lions
Content in a box
This content is just for demonstration.
Lions
Content in a box
This content is just for demonstration.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu nisl sodales, fermentum lorem in, feugiat augue. Vestibulum vehicula sollicitudin lectus a rutrum.
Content in a box
This content is just for demonstration.
Lions
Lions
Lions
Lions
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu nisl sodales, fermentum lorem in, feugiat augue. Vestibulum vehicula sollicitudin lectus a rutrum.