Lesson 2: The Style Sheet

h1 Text Treatment

h2 Text Treatment

h3 Text Treatment

h4 Text Treatment

h5 Text Treatment

Callouts

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante.

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Header Style 3 and it is super long so it wraps around to the very next line

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Header Style 4 and it is super long so it wraps around to the very next line

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Glossary Rollover

lacinia volutpat rhoncus

Aenean fermentum sagittis luctus. Sed gravida ornare

est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Not Hidden: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum consectetur aliquam. Phasellus eu dolor sed nisi egestas congue id nec tortor. Donec fringilla commodo nulla ut eleifend. Nulla facilisi. Proin ipsum nunc, mollis id gravida at, aliquam in enim.

Flash Embed Code

You must have Flash to view this file
You must have Flash to view this file

Paragraph

Nam commodo congue nisl nec pretium. Ut lacinia volutpat rhoncus. Aenean fermentum sagittis luctus. Sed gravida ornare est ut venenatis. Duis quis mi ante, sit amet feugiat felis. Cras risus metus, tincidunt ac cursus id, accumsan porttitor ante. Duis auctor nisi vitae massa pellentesque mattis. Maecenas ligula felis, imperdiet at vulputate sed, pretium eu arcu. Phasellus et mollis risus. Proin vel metus diam.

Ordered List

  1. Item #1: This is the first item in this list
  2. Item #2: This is the second item in this list and it is super long so it wraps around to the very next line
  3. Item #3: This is the third item in this list

Unordered List

  • Item #1: This is the first item in this list
  • Item #2: This is the second item in this list and it is super long so it wraps around to the very next line
  • Item #3: This is the third item in this list
    • Sub Item #1: This is the first item in this sub list
    • Sub Item #2: This is the second item in this sub list and it is super long so it wraps around to the very next line
    • Sub Item #3: This is the third item in this sub list

Full Page Image or Graphic

diagram

Link to pdf document

click here for pdf version


Reference Quote treatment

The following basic rights and obligations for Members are provided in Article 2 of the SPS Agreement:

  1. Members have the right to take sanitary and phytosanitary measures necessary for the protection of human, animal or plant life or health, provided that such measures are not inconsistent with the provisions of this Agreement.
  2. Members shall ensure that any sanitary or phytosanitary measure is applied only to the extent necessary to protect human, animal or plant life or health, is based on scientific principles and is not maintained without sufficient scientific evidence, except as provided for in paragraph 7 of Article 5.