Heading 1 - Only once at the top of a page

Large Highlight text (from Style pull-down menu). Strong opening statement for the page. It should answer the visitors question and give them a reason to stay on the page. Keep it short and ideally the text matches the page Meta Description tag, or what appears in the Google description as an example.

Default Body Text: The classic academic writing format is like a pyramid. It starts by laying the foundations - lots of supporting information from other research, and other data. It sorts and summarizes the supporting info into smaller summaries. Finally, it caps the work off with a brief conclusion. The pyramid style educates the reader by making them do lots of work along their way up from ground level to the pinnacle.

This style is totally inappropriate for the vast majority of web content. The right way to write for the web is to use the inverted pyramid style, which comes from journalism.

The Inverted Pyramid reverses the workflow, by putting the essential information first, which it follows with further detail. The quick overview helps the reader get the point and purpose of a page instantly, letting the user make a quick judgment whether to read on for a bit more detail.

Highlight Text 2 (from Style pull-down menu): Say Less. This is the most important thing about writing for the web. Because web users are generally scanning, not reading, the more concise the content, the easier it is to scan. A good approach is to write concisely, then cut, edit, boil down, paraphrase and finally trim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Font Styles - Headings

Selected from the Format pull-down menu

Heading 1 - Lorem ipsum dolor sit amet, consectetuer

Heading 2 - Adipiscing elit, sed diam nonummy nibh euismod

Heading 3 - Tincidunt ut laoreet dolore magna aliquam erat volutpat.

Heading 4 - Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper

Font Styles - Highlight Text

Selected from the Style pull-down menu

Highlight 1 - Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.

Highlight 2 - This makes the font slightly larger. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore.

Highlight 3 - Changes colour. Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.

Highlight 4 - Changes colour. Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan. Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.

Fine Print - Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Duis autem vel eum iriure dolor in hendrerit lobortis nisl ut aliquip ex ea commodo consequat. Suscipit lobortis nisl

Image Sizes

The Inverted Pyramid reverses the workflow, by putting the essential information first, which it follows with further detail. The quick overview helps the reader get the point and purpose of a page instantly, letting the user make a quick judgment whether to read on for a bit more detail.

Button Styles

Simple Button - Write button in the Stylesheet Classes field on the Advanced tab when creating or editing link.

Example of a Basic Button Link

Example of a Dark Button Link

100% Width Button - Use "button100" in the Stylesheet Classes field and the button will fill full-content width, or full cell width if used in template / table. Both Examples are shown below.

Button at 100% of content area width
Dark Button at 100% of content area width
As used in a 3 cell table...

Button 100% of cell

Button Dark 100% of cell

Table Templates

2 Column Table with Header

Heading	Heading
Commodo consequat. Suscipit lobortis nisl ut aliquip ex ea commodo consequat.Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.	Suscipit lobortis nisl Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit. Praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Duis autem vel eum iriure dolor in hendrerit lobortis nisl ut aliquip ex ea. Commodo consequat. Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis.	Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.

3 Column Table with Header

Li nov lingua franca va esser	Heading for 2nd Column	Heading for 3rd Column
Faquande lingues coalesce, li grammatica del resultant lingue. Aliquip ex ea commodo consequat.	Ma quande lingues coalesce, li grammatica del resultant lingue. Aliquip ex ea commodo consequat.	Quande lingues coalesce, li gram matica del resultant lingue es plu.
Li nov lingua franca va esser regulari	Li nov lingua franca va esser coalesce	Li nov lingua franca va esser.
Lorem ipsum dolor sit amet.	Lorem ipsum dolor sit amet.	Lorem ipsum dolor sit amet.

Callout Table

callout template Text style: Black for content area
Apply text style: fine print to make this secondary text. Select arrow below and link to content >

Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

callout template Text style: Black for
content area
Apply text style: fine print to make this secondary text. Select arrow below and link to content >

Bulleted and Numbered Lists

(Set inside a 2 column wide content template)

Bulleted List

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.
Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.
Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen.
Glorious baklava ex librus hup hey ad infinitum.
Non sequitur condominium facile et geranium incognito.
Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum.
Souvlaki ignitus carborundum e pluribus unum.

Numbered List

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum.
Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.
Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen.
Glorious baklava ex librus hup hey ad infinitum.
Non sequitur condominium facile et geranium incognito.
Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum.
Souvlaki ignitus carborundum e pluribus unum.

Testing / Practise Area

Say Less. This is the most important thing about writing for the web. Because web users are generally scanning, not reading, the more concise the content, the easier it is to scan. A good approach is to write concisely, then cut, edit, boil down, paraphrase and finally trim.

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Say Less. This is the most important thing about writing for the web. Because web users are generally scanning, not reading, the more concise the content, the easier it is to scan.

Header 3 - About Lists.

Lists should be short point form. The goal of a list is users can scan the content very fast.
Never put a full paragraph of text as a bullet point.
This would be the third point, but the first two are the main rules to follow.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan
Get iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus. Duis autem vel eum iriure dolor in hendrerit.

Header 4 - Lingues coalesce, li grammatica del resultant lingue

Es plu simplic e regulari quam ti del coalescent. Li nov lingua franca va esser plu simplic e regulari quam li existent. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus. Duis autem vel eum iriure dolor in hendrerit.

Li Europan lingues

Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit? de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, Pronunciation e plu sommun paroles. ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.

Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.

Occidental: in fact, it va esser Occidental.

A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Pronunciation e plu sommun paroles. ma quande lingues coalesce. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca Lor separat existentie es un myth.

Regulari quam li existent Europan lingues.
It va esser tam simplic quam Occidental:
Fact, it va esser Occidental. A un Angleso
It va semblar un simplificat Angles, quam

Un skeptic Cambridge amico dit me que Occidental es.
*This is the fine print at the bottom of the page. This is styled using the "Style" menu and selecting "Fine Print"
Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium.

Quote Templates

This is a full-width quote template. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Olypian quarrels et gorilla congolium

Caption

Quote with caption - Left. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.

Caption

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.

Quote with caption - Right. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate.

Caption

File Downloads

PDF File
External Link
Internal

Tables for Multi-Column Layouts

2 Column Layout (50/50)

2 Column Layout (33/66)

Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca: on refusa continuar payar custosi traductores. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca: on refusa continuar payar custosi traductores.