North Dakota State University

This is some lettuce.  The photo has the imgborder attribute, so it has a nice border and padding around the image, to give it a professional image look.  The size of the padding is fixed, as is the border color.

This is the main body area.  If this is the single column template, this is the only body area (there is no border_content column).  Also, if this is the single column template, the "location" is present above the body area.  This is added to help visitors deal with the lack of navigation in such a site.  The breadcrumb menu doesn't appear on the site's home page, though.  If the current page were "Knowledge Base," the Knowledge Base entry in the black navigation bar would be orange.

Curabitur adipiscing accumsan lorem at euismod. Quisque felis lorem, accumsan nec congue non, convallis id turpis. Fusce elementum mollis lectus, at tempus libero molestie vel. Sed at sagittis mauris. Vivamus posuere aliquam magna, vitae aliquam dolor porttitor in. Fusce ipsum turpis, pulvinar eget bibendum sit amet, blandit non leo. Mauris vel lacinia ipsum. Pellentesque purus nisl, condimentum non sodales vel, tristique at magna.

Sed aliquet porttitor leo, vel suscipit lacus mollis accumsan. Nulla euismod nibh quis ante ullamcorper eget suscipit justo imperdiet. Integer est arcu, accumsan mollis fermentum nec, congue non dui. Nullam accumsan arcu a arcu vulputate tristique. Proin quis sollicitudin mauris. Nullam commodo, dolor eget ultrices laoreet, massa libero suscipit ante, eget cursus nulla quam id odio. Curabitur adipiscing accumsan lorem at euismod. Quisque felis lorem, accumsan nec congue non, convallis id turpis. Fusce elementum mollis lectus, at tempus libero molestie vel. Sed at sagittis mauris. Vivamus posuere aliquam magna, vitae aliquam dolor porttitor in. Fusce ipsum turpis, pulvinar eget bibendum sit amet, blandit non leo. Mauris vel lacinia ipsum. Pellentesque purus nisl, condimentum non sodales vel, tristique at magna.

Sed aliquet porttitor leo, vel suscipit lacus mollis accumsan. Nulla euismod nibh quis ante ullamcorper eget suscipit justo imperdiet. Integer est arcu, accumsan mollis fermentum nec, congue non dui. Nullam accumsan arcu a arcu vulputate tristique. Proin quis sollicitudin mauris. Nullam commodo, dolor eget ultrices laoreet, massa libero suscipit ante, eget cursus nulla quam id odio. Curabitur adipiscing accumsan lorem at euismod. Quisque felis lorem, accumsan nec congue non, convallis id turpis. Fusce elementum mollis lectus, at tempus libero molestie vel. Sed at sagittis mauris. Vivamus posuere aliquam magna, vitae aliquam dolor porttitor in. Fusce ipsum turpis, pulvinar eget bibendum sit amet, blandit non leo. Mauris vel lacinia ipsum. Pellentesque purus nisl, condimentum non sodales vel, tristique at magna.

This section demonstrates several types of text.

Lorem ipsum dolor sit amet, consectetur STRONG adipiscing elit. Fusce ultricies eros sit amet EMPHASIS elit. Aliquam ut ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur STRONG & EMPHASIS ridiculus mus. Etiam vestibulum augue sit amet lorem. Mauris augue leo, commodo mattis, sollicitudin eu, consequat at, urna caption. Pellentesque mattis. Sed consectetur faucibus neque. KEY styleKEY aptent taciti sociosqu (note that the key is particularly useful for technical writing, and it is limited in length so that people can't use it to style more than 8-12 characters) ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus turpis mi, dignissim ut, laoreet a, mollis ac, risus. Mauris pharetra. Phasellus eget sapien ac odio euismod luctus. Cras vitae tortor ac massa venenatis posuere. Sed mauris mauris, molestie quis, venenatis in, gravida a, orci. Nullam at ante non pede laoreet condimentum. Ut pharetra. Quisque nisl quam, gravida a, elementum in, fringilla fermentum, neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

INDENTed paragraph Fusce odio nibh, convallis a, ornare eget, sagittis nec, nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam quis ante nec dolor mattis euismod. Maecenas pretium arcu at eros.

Heading 3

Heading 4

Heading 5

Heading 6

Duis aliquet. Suspendisse potenti. Quisque tincidunt, lectus eget hendrerit pharetra, lectus mi consectetur justo, a iaculis elit urna id arcu. Morbi egestas tellus ut erat. Proin venenatis fringilla diam.

NOTE paragraph Donec sit amet ligula in lectus ullamcorper bibendum. Nullam pulvinar vulputate sapien. Nullam feugiat nibh faucibus lacus. Nulla cursus rutrum nisi. In metus orci, consequat in, volutpat ut, tincidunt ac, lectus. Donec enim. Mauris facilisis rutrum est. Suspendisse non neque non nulla elementum malesuada.

TIP paragraph Ut a est. Quisque in metus malesuada neque elementum rhoncus. Ut sit amet tortor. Ut dignissim venenatis ante. Donec et quam. Sed diam erat, mattis nec, mollis fringilla, imperdiet ut, enim. Morbi sollicitudin, tellus ac pharetra dictum, dui erat vulputate ipsum, non blandit lacus libero et ipsum.

WARNING paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper, ante ultricies adipiscing dapibus, mi dolor rutrum justo, eu iaculis nisl diam elementum urna. Vestibulum tincidunt lectus nec nulla.

STATEMENT This is the statement text designed to enable authors to provide a broad statement (once) on a page.  The application does not literally restrict the usage to once, however.

CENTER align paragraph Morbi lacinia tortor non nibh. Mauris dui. Morbi non mi. Only regular text can be aligned, not headings.

LEFT align paragraph Nam at quam quis nunc fringilla venenatis.

RIGHT align paragraph Nullam malesuada eros sed erat.

JUSTIFY align paragraph Phasellus sapien velit, suscipit a, luctus non, fermentum sed, elit. Duis viverra purus eget urna. In tincidunt nisi at pede. Nam ornare mattis ipsum. Proin a leo. Aliquam erat volutpat. Nam malesuada, turpis at ornare fringilla, turpis enim tincidunt magna, a posuere lorem elit vitae arcu. Phasellus fringilla quam at urna feugiat ultrices. Pellentesque pretium cursus diam. Cras ut justo. Morbi id nisi. Curabitur sapien leo, luctus at, semper et, interdum tincidunt, lectus. Vestibulum euismod metus quis velit. Duis ante mauris, lacinia at, porta sit amet, porta at, quam. Vestibulum ut risus. Mauris vitae tortor non est tincidunt gravida. Nunc eu neque. Aliquam porttitor semper felis.

IMAGE FLOAT LEFT Curabitur ac mauris quis eros pharetra pretium. Sed vehicula velit in ipsum. Praesent adipiscing, diam ut rhoncus posuere, leo ligula rutrum nibh, eu imperdiet sapien felis eu mi. Suspendisse egestas, lacus vitae volutpat posuere, velit arcu adipiscing leo, sit amet aliquet mauris quam at dui. Cras in nisl. Quisque IMAGE FLOATED RIGHTut pede non justo pulvinar vestibulum. Proin eu libero nec ipsum elementum gravida. Integer semper. Nullam et dui. Quisque nec ligula. Curabitur vel risus. Vestibulum ultrices, eros vitae posuere pulvinar, leo nisi gravida ligula, a eleifend metus massa id massa. Phasellus eu lorem. Curabitur at libero nec lorem faucibus vestibulum. In mollis urna accumsan mauris. Vestibulum congue accumsan elit. Donec venenatis, libero in fringilla lacinia, est tortor porta pede, a pretium nibh eros quis risus. Maecenas dictum, dui vitae dignissim scelerisque, nunc sem sagittis augue, eget porta urna nisl a mi. Aenean nunc libero, egestas eu, mattis at, tincidunt sed, est. Aliquam leo.

• Regular UL unordered LIST Curabitur vel elit. Suspendisse arcu nulla,
• lobortis in, tristique eget, consequat non,
• tortor. Aenean placerat leo eleifend augue. Nam purus. Aenean nisl lorem, adipiscing faucibus, commodo ultricies, consectetur id, urna. Aenean tincidunt, urna vitae molestie rutrum, orci nunc convallis felis, id tincidunt ipsum
  • NESTED (second level) UL LIST tellus
  • non
  • sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien.
• tellus non sapien. Sed tortor. Cras tincidunt sodales sapien.
• Nullam in nisi.
• In eu mauris.

• UL unordered (bullet) LIST check-list style
• This is especially useful if the page is intended to be printed and present the visitor with a check list (for example, the CMS go-live checklist)
• tortor. Aenean placerat leo eleifend augue. Nam purus. Aenean nisl lorem, adipiscing faucibus, commodo ultricies, consectetur id, urna. Aenean tincidunt, urna vitae molestie rutrum, orci nunc convallis felis, id tincidunt ipsum
  • NESTED UL LIST tellus
  • non
  • sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien. Sed tortor. Cras tincidunt sodales sapien.
• tellus non sapien. Sed tortor. Cras tincidunt sodales sapien.
• Nullam in nisi.
• In eu mauris.

1. OL ordered LIST Nulla
2. volutpat
3. pulvinar
4. massa.
   1. Ut (alpha-list style)
   2. quis
   3. tellus nec magna luctus accumsan. Etiam aliquet mollis enim. Suspendisse potenti. Nullam imperdiet libero nec orci.Fusce a ante dictum nunc porttitor dapibus. Integer pulvinar
5. odio non arcu. Duis dui dui, facilisis non, tempus ac, congue vitae, risus. Aliquam erat volutpat. Mauris in nibh et dui vestibulum vulputate. Donec et diam vel ligula consequat iaculis. Vestibulum nisl lacus, sollicitudin ut, porta ut, vestibulum in, lectus. Praesent enim. Aliquam at nisl eleifend eros suscipit pharetra.

1. OL ordered LIST (alpha-list style) Nulla
2. volutpat
3. pulvinar
4. massa.
   1. Ut (default No block style)
   2. quis
   3. tellus nec magna luctus accumsan. Etiam aliquet mollis enim. Suspendisse potenti. Nullam imperdiet libero nec orci.Fusce a ante dictum nunc porttitor dapibus. Integer pulvinar
5. odio non arcu. Duis dui dui, facilisis non, tempus ac, congue vitae, risus. Aliquam erat volutpat. Mauris in nibh et dui vestibulum vulputate. Donec et diam vel ligula consequat iaculis. Vestibulum nisl lacus, sollicitudin ut, porta ut, vestibulum in, lectus. Praesent enim. Aliquam at nisl eleifend eros suscipit pharetra.

Curabitur adipiscing accumsan lorem at euismod. Quisque felis lorem, accumsan nec congue non, convallis id turpis. Fusce elementum mollis lectus, at tempus libero molestie vel. Sed at sagittis mauris. Vivamus posuere aliquam magna, vitae aliquam dolor porttitor in. Fusce ipsum turpis, pulvinar eget bibendum sit amet, blandit non leo. Mauris vel lacinia ipsum. Pellentesque purus nisl, condimentum non sodales vel, tristique at magna.

Sed aliquet porttitor leo, vel suscipit lacus mollis accumsan. Nulla euismod nibh quis ante ullamcorper eget suscipit justo imperdiet. Integer est arcu, accumsan mollis fermentum nec, congue non dui. Nullam accumsan arcu a arcu vulputate tristique. Proin quis sollicitudin mauris. Nullam commodo, dolor eget ultrices laoreet, massa libero suscipit ante, eget cursus nulla quam id odio. Curabitur adipiscing accumsan lorem at euismod. Quisque felis lorem, accumsan nec congue non, convallis id turpis. Fusce elementum mollis lectus, at tempus libero molestie vel. Sed at sagittis mauris. Vivamus posuere aliquam magna, vitae aliquam dolor porttitor in. Fusce ipsum turpis, pulvinar eget bibendum sit amet, blandit non leo. Mauris vel lacinia ipsum. Pellentesque purus nisl, condimentum non sodales vel, tristique at magna.

Sed aliquet porttitor leo, vel suscipit lacus mollis accumsan. Nulla euismod nibh quis ante ullamcorper eget suscipit justo imperdiet. Integer est arcu, accumsan mollis fermentum nec, congue non dui. Nullam accumsan arcu a arcu vulputate tristique. Proin quis sollicitudin mauris. Nullam commodo, dolor eget ultrices laoreet, massa libero suscipit ante, eget cursus nulla quam id odio. Curabitur adipiscing accumsan lorem at euismod. Quisque felis lorem, accumsan nec congue non, convallis id turpis. Fusce elementum mollis lectus, at tempus libero molestie vel. Sed at sagittis mauris. Vivamus posuere aliquam magna, vitae aliquam dolor porttitor in. Fusce ipsum turpis, pulvinar eget bibendum sit amet, blandit non leo. Mauris vel lacinia ipsum. Pellentesque purus nisl, condimentum non sodales vel, tristique at magna.

These examples are terrible because they contain fake data, but the styles should still be apparent. The table headings are purposefully made a color other than black is to make it apparent when the semantic heading is used as opposed to just bolding text. This isn't required, of course, but is a reasonable way of "rewarding" authors who do things the right way.

Images should fit the available space. Here is what happens to an image that is too wide in the border column: