One Column Template Page
HTML Style Elements
CSS separates content from presentation. The vast majority of presentation effects (e.g. background colors, borders, colors, columns, font type, font-size, layout, line height, margins, etc.) of page elements (including headers, subheaders, paragraphs, lists, links, etc.) are determined by the theme CSS files.
Below are the “semantic HTML elements” for your website. Check the source code, via the “Text” tab on the right side of the Page Editor, to see embedded elements within paragraphs.
Fonts: Avenir, sans-serif
Heading 1: 36 pixels, bold weight, Avenir 95 Black
Lorem ipsum paragraph: 16 pixels, Avenir 45 Book
You can create a non-breaking paragraph (no bottom margin) by holding down the Shift key while pressing Enter/Return.
Heading 2: 26 pixels, bold weight, Avenir 95 Black
Heading 3: 24 pixels, bold weight, ALL CAPS, Avenir 95 Black
Heading 4: 21 pixels, normal weight, Avenir 95 Black
List Types
Definition List
- Definition List Title
- This is a definition list division.
- Definition
- An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.
Ordered List
- List Item 1
- List Item 2
- Nested list item A
- Nested list item B
- List Item 3
Unordered List
- List Item 1
- List Item 2
- Nested list item A
- Nested list item B
- List Item 3
HTML Tables
Do NOT use HTML tables for layout purposes because they are not mobile responsive; use tables for columnar data only.
| Header 1 | Header 2 |
|---|---|
| Division 1 | Division 2 |
| Division 1 | Division 2 |
| Division 1 | Division 2 |
Blockquotes
Be sure to style the citation via the Text/HTML tab.
Hoosier marketer? A CSS superman – faster than a 500 Kb page load and able to leap long URLs. He hails from Indiana, the home of General Knight. With his four sidekicking hens, he now guards his Morgan Junction office in West Seattle, Washington.
Scott Marlow –
