Examples: Text
Every page should have a Page Title using Heading 1 as illustrated above.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Heading 2 - Section Headings
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
Heading 3 - Sub-section Headings
This is what standard paragraph text looks like. Linked text will look like this. Emphasized text will look like this. Here's an example of strong (bolded) text.
Dolor sit adipiscing elit. Vestibulum pharetra, risus quis iaculis adipiscing, est mauris facilisis erat, ut cursus nisi ligula et risus. Proin egestas orci eu nisl. Nunc elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras commodo loborts tortor. Phasellus ultricies est sit amet risus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra, risus quis iaculis adipiscing, est mauris facilisis erat, ut cursus nisi ligula et risus. Proin egestas orci eu nisl. Nunc elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras commodo loborts tortor.
Heading 4
Proin egestas orci eu nisl. Nunc elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras commodo loborts tortor.
Blockquoted Text
This is what blockquoted text looks like. See the template instructions for proper use of the blockquote tag. It should be used only for large blocks of quoted text.
Indented paragraph - (this heading is indented using the "indent" class on the h3 tag)
This is an indented parargaph style. Use this style by selecting the text to indent, then choose Style > indent in the Properties Toolbar.
This is a second level indented parargaph style. Use this style by selecting the text to indent, then choose Style > indent2 in the Properties Toolbar.
This is a third level indented parargaph style. Use this style by selecting the text to indent, then choose Style > indent3 in the Properties Toolbar.
This is a fourth level indented parargaph style. Use this style by selecting the text to indent, then choose Style > indent4 in the Properties Toolbar.
Unordered List
- Unordered lists
- are good for listing things
- that are in no particular order
- and will be displayed with bullets
Ordered List
- Ordered lists
- are good for listing things
- that that have a definite sequence
- and will be displayed with numbers
Back to Top Link
Type "back to top" in a paragraph, apply the "backtotop" class in the CSS Styles, and link to "#content" to utilize this element.
Heading 2 - Linked Text
Heading 3 - Linked Text
Heading 4 - Linked Text
The following are examples of inset boxes
Heading 2
This is an inset box where information will stand out from the other content on the page. To use this style apply the .contentBox style. As shown above, all the styles work the same within this boxed area, headings, paragraphs, and list styles can be used.
Heading 2
This is an inset box where information will stand out from the other content on the page. To use this style apply the .contentBox_no_outline style. As shown above, all the styles work the same within this boxed area, headings, paragraphs, and list styles can be used.
Heading 2
This is an inset box where information will stand out from the other content on the page. To use this style apply the .contentBox_outline_only style. As shown above, all the styles work the same within this boxed area, headings, paragraphs, and list styles can be used.
Heading 2
This is an inset box where information will stand out from the other content on the page. To use this style apply the .contentBox_outline_home style. As shown above, all the styles work the same within this boxed area, headings, paragraphs, and list styles can be used.
Header Rule
Split Layout
Left half
Dolor sit adipiscing elit. Vestibulum pharetra, risus quis iaculis adipiscing, est mauris facilisis erat, ut cursus nisi ligula et risus. Proin egestas orci eu nisl. Nunc elit. Cras commodo loborts tortor. Phasellus ultricies est sit amet risus.
Right Half
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra, risus quis iaculis adipiscing, est mauris facilisis erat, ut cursus nisi ligula et risus. Proin egestas orci eu nisl. Nunc elit.
Centered Text
This content has the "center" style applied to it.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra, risus quis iaculis adipiscing, est mauris facilisis erat, ut cursus nisi ligula et risus. Proin egestas orci eu nisl. Nunc elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras commodo loborts tortor.
The image below also has the "center" style applied to it.
Text Aligned Right
This content has the "right" style applied to it.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra, risus quis iaculis adipiscing, est mauris facilisis erat, ut cursus nisi ligula et risus. Proin egestas orci eu nisl. Nunc elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras commodo loborts tortor.
Code
<label for="username">Your name:</label>
<input type="text" name="username" accesskey="n" id="username" />
Instructions for editing the Cal Poly Web template are available online.
San Luis Obispo, California 93407