Basic Text

Use this to add paragraph type text or richtext to your page content.

Optionally add a heading and image which is directly related to the text.

Be aware, that the below are just examples, how text can look.

Of course any font, size, colour, and other style of your text can be changed globally to fit your exact design requirements via the template style settings.

Plain text

Left aligned text

This is some body text. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

A bulletpoint
One more bullet point
Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines.

Center aligned text

A bulletpoint
One more bullet point
Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines.

Right aligned text

A bulletpoint
One more bullet point
Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines.

Justified text

A bulletpoint
One more bullet point
Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines.

Left aligned on desktop and center aligned on smartphone

A bulletpoint
One more bullet point
Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines. Bullet point with a lot of text, so we force multiple lines.

Text with heading

This is a Section Heading

For other heading types see here.

Text with image

Image to the left

Image to the right

Image to the left (large image gets resized to 50%)

Image to the right (large image gets resized to 50%)

Image to the left without wrap

Image to the right without wrap

Image to the left beside heading

Image to the right beside heading

Image to the left above heading

Centered image above heading

Image to the right above heading

citrus 180w

Heading and text are left aligned

citrus 180w

Heading and text are centered

avocado 180w

Heading and text are right aligned

avocado 180w

Heading and text are with a justified alignment

citrus 180w

Heading and text are left aligned on desktop and center aligned on smartphone

Image to the left below heading

Centered image below heading

Image to the right below heading

Image to the left below text

Centered image below text

Image to the right below text

Parsing plain text (headings, line breaks, bold, italic, links, lists, spacing, text separators, and icons)

This is some plain text. Even this heading is written using plain text.

Another heading entered as plain text

Here we just added some new lines.
Here we just added some new lines.
Here we just added some bold style.
Here we just added some italic style.

~~The world is flat.~~ We now know that the world is round.

And www.seeems.dk is a link inside the plain text.

SEEEMS headquarter: Tel (+45) 73 57 50 60

Here is a bulleted list:

List option A
List option B
List option C
List option C second line
List option D

And here is an ordered list:

First list item
Second list item
Third list item

Sometimes you have to escape numbers, eg if you write a date in the beginning of a new paragraph:
1. marts 2020
5. juni 2020
13. august 2020
27. november 2020

Sometimes you wish to insert pixel precise space inside a text:
20px beforethis textand 40px after it.

The space logic is also used in the following line. In this example the space is even replaced by a line break on smartphones and other small devices:
Some text
Some more text
And yet some more text

Some icons:
Facebook
Twitter
Instagram (within a link)
(+45) 73 57 50 60 (within a tel link)

Image:
Citrus

Image with link:

Table:

abc	def	ghi
1	2	3

Seeems variables:

<var:palette_primary>
#053153

<var:spacing>
15

Simple table (for specification data, etc.):

Vægt utanket, uden sværd og kæde	6,2 kg
Olietankvolumen	350 cm3

Vægt utanket, uden sværd og kæde	6,2 kg
Olietankvolumen	350 cm3

And finally some more text.

Responsive formatting in plain text

<br:small>
Break on small:
New line on small and below

<space:40>
Home About Products Services Contact

<space:10%>
Home About Products Services Contact

<space:small br:small>
Home
About
Products
Services
Contact

<space:medium br:small>
Home
About
Products
Services
Contact

<space:normal br:small>
Home
About
Products
Services
Contact

<space:large br:small>
Home
About
Products
Services
Contact

<space:xlarge br:small>
Home
About
Products
Services
Contact

Richtext

This is a heading added directly inside richtext

This is some left aligned text. Nullam quis risus some bold text eget urna mollis ornare vel eu leo. Cum sociis x_subscript natoque x^superscript penatibus et strilked through magnis dis parturient montes, nascetur ridiculus mus. Here is some italic text nullam id dolor id and underlined text nibh ultricies vehicula.

This is some center aligned text. Maecenas red text sed diam eget risus varius green text blandit sit amet non magna. Donec id elit non mi blue text porta gravida at eget metus. Duis mollis, est non orange background commodo luctus, nisi yellow background erat porttitor ligula, eget lacinia odio sem nec elit.

This is some right aligned text. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id a link to some other page elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

This is some justified text. Maecenas link to internal page sed diam eget risus varius and another internal link blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Some special characters and smileys

∑ ‰ ≤ π

Table

Column A	Column B	Column C	Column D
Maecenas	Lacinia odio sem nec elit	Donec ullamcorper nulla	Lacinia odio sem nec elit
Diam	Donec id elit non mi	Duis mollis	Magnis dis parturient montes

Bullet list

Cum sociis natoque penatibus.

Magnis dis parturient montes.
Nascetur ridiculus mus.

Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Donec ullamcorper nulla non metus auctor fringilla.

Numbered list

Cum sociis natoque penatibus.

Magnis dis parturient montes.
Nascetur ridiculus mus.

Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Donec ullamcorper nulla non metus auctor fringilla.

Intro text

This is some intro text. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

This is some normal text below the intro text so you can see the difference. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.