Typography
Headings | Lists | Buttons | Call-To-Action | PDFs | Image Alignment | Blockquote | Tables | Styling
Headings
.. using the H tags (H1, H2...)
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
.. using inline code styling
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Ordered List
- Ordered list item one
- Ordered list item two
- Ordered list item three
Mixed List
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
- Unordered list item three
- Ordered list item three
- Unordered list item three
Image Alignment
Image Center
Image Right
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.
Image Left
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.
Image Right, Version 2 - with Caption
Image Left, Version 2 - with Caption
Image Center, Version 2 - with Caption
Image caption maecenas sed diam eget risus varius blandit sit amet non magna.
Blockquote
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.
Tables
A. Regular Table
| Heading | Heading | Heading | |
|---|---|---|---|
| Content (td) | 500 Ccf | $0.10250 | $51.25 |
| Content (td) | 500 Ccf | $0.10250 | $51.25 |
| Content (td) | 500 Ccf | $0.10250 | $51.25 |
| Content (td) | 500 Ccf | $0.10250 | $51.25 |
| Total (td) | $205.00 |
B. Two-Column Transparent Table
C. Four Column Transparent Table
|
Row One: Table Cell One sample content |
Table Cell Two sample content |
|
|
|
Row Two: Table Cell One sample content |
Table Cell Two sample content |
|
|
| One
Lorem ipsum |
Two
Lorem ipsum |
Three
Lorem ipsum |
Four
Lorem ipsum |
| Five
Lorem ipsum |
Six
Lorem ipsum |
Seven
Lorem ipsum |
Eight
Lorem ipsums |
D. Table with custom heading color.
| Heading 1 | Tier 1 | Tier 2 |
|---|---|---|
| Row 1 | $20 | $30 |
| Row 2 | 225 kWh | 365 kWh |
| Row 3 | 640 | 1040 |
| Row 4 | 7,700 | 12,500 |
E. Table with no background color
| Heading 1 | Tier 1 | Tier 2 |
|---|---|---|
| Row 1 | $20 | $30 |
| Row 2 | 225 kWh | 365 kWh |
| Row 3 | 640 | 1040 |
| Row 4 | 7,700 | 12,500 |
F. Table with Scope Row set.
| Column 1 | Column 2 | Column 3 | |
|---|---|---|---|
| Row 1 | 7am-11pm | 7am-11pm | 7am-11pm |
| Row 2 | 11pm-7am | 11pm-7am | 11pm-7am |
| Row 3 | 7am-11pm | 2pm-6pm | 11pm-7am |
G. Table with horizontal scrolling
| Effective Month/Year | SC1 Residential | SC2 Residential & Commercial | SC2 Industrial | SC3 Large General Service | SC5 Firm Gas Sales | SC7 Small Volume Firm Gas Sales | SC8 Gas Sales | SC12 Distributed Generation | SC13 Distributed Generation |
|---|---|---|---|---|---|---|---|---|---|
| July 2024 | $0.297639 | $0.295749 | $0.295749 | N/A | $0.257739 | $0.274839 | $0.272939 | $0.230189 | $0.305239 |
| June 2024 | $0.263109 | $0.261179 | $0.261179 | N/A | $0.222679 | $0.239999 | $0.238079 | $0.194769 | $0.270809 |
| May 2024 | $0.264019 | $0.262069 | $0.262069 | N/A | $0.223129 | $0.240649 | $0.238709 | $0.194889 | $0.271809 |
| April 2024 | $0.260819 | $0.258879 | $0.258879 | N/A | $0.220299 | $0.237659 | $0.235739 | $0.192329 | $0.268539 |
| March 2024 | $0.326429 | $0.324519 | $0.324519 | N/A | $0.286419 | $0.303569 | $0.301659 | $0.258789 | $0.334049 |
H. Table with heading & sub-heading
| Heading | |
|---|---|
| Sub-heading 1 | |
| Data 1 | $21.40 |
| Data 2 | $0.67731 |
| Data 3 | $0.14687 |
| Sub-heading 2 | |
| Data 1 | varies |
| Data 2 | varies |
Styling
Font color (orange): Report Gas Emergency
Font color (red): Alert!
Font size with style: Lorem ipsum dolor sit amet
Highlight: Lorem ipsum dolor sit amet
Bold: Lorem ipsum dolor sit amet
Italic: Lorem ipsum dolor sit amet
Subscript: Lorem ipsum dolor sit amet1,2, 3
Superscript: Lorem ipsum dolor sit amet1,2, 3