HORIZONTAL RULE
HEADINGS
H2: SECTIONS WITHIN A PAGE/POST
These are to be only a few words. These are the major sections into which a page/post is divided. Sections use HR as separators.
H3: Subsections – Use Title Case… More Text To See What Happens When This Wraps And Here Is Even More Textore Text To See What Happens When This Wraps And Here Is Even More Tex
For use to organize subsections within sections. Indented to visually differentiate from Sections.
H4: Paragraph headers and is in sentence style – only capitalize first letter of sentence and use punctuation at end…. more text to see what happens when wraps
Used with leading images of exclamation points, checkmarks, etc. Slightly larger than body text. No extra padding underneath… these should “sit” just above their body text.
H5, for Paragraph headers… same as H4 except color is black… here is more text to see how the line wraps… and here is even more text.
All else same as H4. Not planning to use this, but it is here if needed.
H4/H5 STYLES
This is a know h4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor.
This is a do h4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor.
This is a do not h4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor.
This is a do maybe h4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor.
This is a class equals boxtocheck h4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor.
This is the H5 class=”noclass”
Reserved for the future.
STANDARD PARAGRAPHS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
TEXT LINKS
Here is a text link… visited and unvisited are the same colors… only rollover is to be different.
LISTS
Below is an OL with no class defined:
- here is the first line… plenty of words so we can see how the line wraps. More words to force the line wrap. more words to force the line wrap.
- here is the second line and with plenty of words so we can see how the line wraps and also what the spacing is between lines. More words to force the line wrap.
- here is the third line with plenty of words to see the line wrap and how these all look together with no attempt to force any spacings etc. More words to force the line wrap.
Below is an UL with no class defined:
- here is the first line… plenty of words so we can see how the line wraps. More words to force the line wrap. More words to force the line wrap.
- here is the second line and with plenty of words so we can see how the line wraps and also what the spacing is between lines.More words to force the line wrap.
- here is the third line with plenty of words to see the line wrap and how these all look together with no attempt to force any spacings etc. More words to force the line wrap.
Below is an OL with class=”standard”:
- here is the first line… plenty of words so we can see how the line wraps. More words to force the line wrap. More words to force the line wrap.
- here is the second line and with plenty of words so we can see how the line wraps and also what the spacing is between lines. More words to force the line wrap.
- here is the third line with plenty of words to see the line wrap and how these all look together with no attempt to force any spacings etc. More words to force the line wrap.
Below is a UL with class=”standard”:
- here is the first line… plenty of words so we can see how the line wraps. More words to force the line wrap. More words to force the line wrap.
- here is the second line and with plenty of words so we can see how the line wraps and also what the spacing is between lines.More words to force the line wrap.
- here is the third line with plenty of words to see the line wrap and how these all look together with no attempt to force any spacings etc. More words to force the line wrap.
BLOCKQUOTE
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
BLOCKQUOTE Alt1
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
BLOCKQUOTE Alt2
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
BLOCKQUOTE Alt3
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.
CITATION
Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis.Quote Source