CSS Test page

Content Best Practices

The default font is set. You should not hardcode the font in the static content except in cases it is needed. This way, your pages are consistent from page to page. The default fonts are as follows:

In cases where you add an image, you should add a responsive class so that the image sizes as it should on mobile devices. That code is:
class="img-responsive"

By default, an alt tag is added when you add an image. the alt tag uses the image name.  For users accessing your site with a readers, it reads that image name.  You can either make your image names a bit more informative (women_with_book) or update the alt tag (Image of women reading a book).

Before


After




This page has been created to show the typography of the site. You should not hardcode fonts but instead let the editor use the site defaults so that every page is consistant.

Static content can use italics, bold content or even at times you can use block quotes as shown below

In publishing and graphic design, lorem ipsum (derived from Latin dolorem ipsum, translated as "pain itself")

This is the page title which uses and H1

Using the H tags from the Formats Dropdown

H1

H2

H3

H4

H5

H6

Using the Heading tags from the Paragraphs dropdown

H1

H2

H3

H4

H5
H6

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word processing templates for its desktop publishing program, PageMaker, for the Apple Macintosh.

  • In publishing and graphic design, lorem ipsum (derived from Latin dolorem ipsum, translated as "pain itself") is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows viewers to focus on graphic aspects such as font, typography, and page layout without being distracted by the content. It also reduces the need for the designer to come up with meaningful text, as they can instead use quickly-generated lorem ipsum.
  • The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.
  • A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word processing templates for its desktop publishing program, PageMaker, for the Apple Macintosh.

In publishing and graphic design, lorem ipsum (derived from Latin dolorem ipsum, translated as "pain itself") is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows viewers to focus on graphic aspects such as font, typography, and page layout without being distracted by the content. It also reduces the need for the designer to come up with meaningful text, as they can instead use quickly-generated lorem ipsum.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

Greybackground example within a blockquote:
A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word processing templates for its desktop publishing program, PageMaker, for the Apple Macintosh

.