This is the .intro paragraph style to give extra impact to an opening sentence or two. It can serve as a tagline or short prompt for the content that follows.

Welcome to the Custom Development Cornell CSS Framework. Below, you'll find a collection of sample content to demonstrate default layout, styling, and functionality.

Heading Styles

Primary Section Title (Heading 2)

Basic paragraph text for comparison lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae. Fusce id tellus libero.

Secondary Section Title (Heading 3)

Basic paragraph text for comparison lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae. Fusce id tellus libero.

Tertiary Section Title (Heading 4)

Basic paragraph text for comparison lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae. Fusce id tellus libero.

Subsection Title (Heading 5)

Basic paragraph text for comparison lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae. Fusce id tellus libero.

Subsection Title (Heading 6)

Basic paragraph text for comparison lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae. Fusce id tellus libero.

Tip Boxes, Warning Boxes and Asides

Basic paragraph text... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo facilisis eros non faucibus. Aenean malesuada luctus augue. Nulla imperdiet mattis efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi eget justo sagittis, lacinia est id, semper sem. Aliquam laoreet congue lacinia. Donec pellentesque mauris et erat lacinia viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae mi sapien. Cras odio lorem, accumsan eu mi vel, tincidunt vestibulum augue. Sed vestibulum aliquam sodales. Pellentesque ullamcorper vestibulum varius. Proin lacinia tempus efficitur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae mi sapien. Cras odio lorem, accumsan eu mi vel, tincidunt vestibulum augue. Sed vestibulum aliquam sodales. Pellentesque ullamcorper vestibulum varius. Proin lacinia tempus efficitur.

Donec in velit tellus. Mauris in ornare urna, nec rutrum diam. Nam at sapien odio. Aliquam vitae turpis lorem. Ut maximus sodales ex, nec rhoncus dolor molestie nec. Fusce vitae imperdiet sem, at ultricies risus. Duis ac lectus consectetur, dictum tortor at, rhoncus lorem. Morbi orci justo, mattis nec vehicula at, aliquet nec dolor. Curabitur at nisl sollicitudin velit posuere laoreet quis sit amet felis. Pellentesque erat ipsum, iaculis quis placerat et, placerat at lorem. Praesent gravida mi a velit vulputate, in tristique tellus tincidunt.Integer fringilla leo quis lectus vehicula tincidunt. Maecenas consequat iaculis libero, mollis mattis diam ullamcorper a. Donec tellus massa, fringilla vitae sodales ut, fringilla vel dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Duis sit amet ex augue. Nullam scelerisque, tortor ut luctus fringilla, lacus enim rhoncus nunc, sed molestie nunc neque cursus tellus. Cras est lectus, dictum eu ex eget, efficitur auctor ex. Praesent neque urna, iaculis ac aliquet et, feugiat in tellus. 

Aliquam erat volutpat. Donec molestie tellus in mattis finibus. Maecenas facilisis posuere neque, condimentum porttitor lacus mattis accumsan. Quisque vitae imperdiet odio. Aenean porttitor justo quis felis molestie gravida. Morbi faucibus, nibh id venenatis sagittis, erat purus semper lectus, ultrices bibendum massa sem nec ex.

Etiam condimentum id orci non posuere. Suspendisse non felis lacus. Morbi scelerisque leo a ante dapibus fringilla. Donec molestie a urna a aliquam. Duis hendrerit odio vitae turpis vulputate blandit. Ut diam tellus, ultrices ut eleifend id, faucibus ut erat. Nam rutrum augue sed dui finibus, nec molestie nisl varius. Etiam vel ipsum ac risus laoreet egestas sed id leo. Ut sem eros, fermentum nec dolor sit amet, dictum tincidunt nunc. Aliquam erat volutpat. Donec molestie tellus in mattis finibus. Maecenas facilisis posuere neque, condimentum porttitor lacus mattis accumsan. Quisque vitae imperdiet odio. Aenean porttitor justo quis felis molestie gravida. Morbi faucibus, nibh id venenatis sagittis, erat purus semper lectus, ultrices bibendum massa sem nec ex.

Aliquam erat volutpat. Donec molestie tellus in mattis finibus. Maecenas facilisis posuere neque, condimentum porttitor lacus mattis accumsan. Quisque vitae imperdiet odio. Aenean porttitor justo quis felis molestie gravida. Morbi faucibus, nibh id venenatis sagittis, erat purus semper lectus, ultrices bibendum massa sem nec ex. Sed sed posuere massa, sit amet interdum massa. Quisque risus erat, dapibus nec volutpat et, rutrum at metus. Morbi condimentum, diam in mattis venenatis, lorem magna interdum quam, at vestibulum enim urna et orci. Pellentesque tincidunt dui ac erat suscipit, eu volutpat metus ultricies. Nullam porttitor imperdiet enim, vitae blandit diam euismod a. Sed sed metus eget sapien tincidunt fringilla.

Image Alignment Options

Align Left

Integer fringilla leo quis lectus vehicula tincidunt. Maecenas consequat iaculis libero, mollis mattis diam ullamcorper a. Donec tellus massa, fringilla vitae sodales ut, fringilla vel dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet ex augue. Nullam scelerisque, tortor ut luctus fringilla, lacus enim rhoncus nunc, sed molestie nunc neque cursus tellus. Cras est lectus, dictum eu ex eget, efficitur auctor ex. Praesent neque urna, iaculis ac aliquet et, feugiat in tellus. Phasellus quis quam gravida, pulvinar orci ac, consequat dolor. Donec sollicitudin porta orci sed tempus. Cras diam elit, condimentum eget nisi sed, tempus tincidunt arcu. Duis mattis nisi at tellus lobortis, vel rhoncus felis egestas. Pellentesque maximus, orci vel suscipit vulputate, elit ex fringilla enim, et dictum purus justo vehicula est. Proin purus odio, tempor et tortor nec, rhoncus finibus justo. Donec vehicula mi eget ex rhoncus, rutrum vulputate est volutpat. Cras imperdiet ligula leo, eu sollicitudin nibh scelerisque et. Nulla tristique sodales neque, ac placerat tellus. Suspendisse vehicula quam sit amet arcu venenatis, eu tempus tortor semper.

Align Right

Donec porta felis accumsan massa tristique dignissim. Praesent rutrum lorem at ullamcorper gravida. Nunc vitae magna eget velit vehicula eleifend. Duis hendrerit a lectus vel pharetra. Nulla vitae efficitur mi, sit amet feugiat augue. Quisque felis urna, fringilla quis sem a, convallis placerat velit. Fusce ultrices nunc vel dolor imperdiet, dignissim scelerisque erat malesuada.

Integer quis lectus vitae risus feugiat tincidunt in eget augue. Integer quis metus eu arcu accumsan commodo. Nullam at tempor augue. Sed laoreet semper lobortis. Sed ac velit neque. Proin accumsan, leo non fermentum tempor, nunc nunc tempus lacus, non luctus ipsum metus tempor nunc. Curabitur in leo ipsum. Ut elementum mi id mi dapibus porttitor ac eu dui. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Inline Styles

Text Highlights

There are various ways to highlight or emphasize text within a paragraph, including traditional bold and italic styling.

Additionally, five basic highlight colors are provided. The default mark tag is bright yellow, while the five highlight colors below are a bit more muted but still easy to pick out from a white background. Lorem ipsum dolor sit amet. Fusce id tellus libero. In vitae libero sit amet velit lobortis congue in eu velit. Mauris venenatis, nisi vitae ultricies semper, leo dolor porta risus, vitae molestie magna sapien iaculis nibh. Etiam facilisis mauris sed arcu tempus vel dapibus dui molestie. Morbi vitae lacus metus, vel porttitor eros. Duis sed consectetur ipsum. Curabitur et velit in ante dignissim scelerisque. Duis non ipsum at mi pharetra consequat. Quisque eu tortor non ipsum laoreet feugiat. Sed blandit volutpat ligula, dui nec eros varius ac molestie ante malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae. Donec congue dui at velit consectetur fermentum. Fusce id tellus libero. Donec congue dui at velit consectetur fermentum.

Blockquotes

Phasellus egestas dictum erat at placerat. Donec euismod leo ut nisl porta, vitae egestas massa finibus. Sed et pulvinar quam. Praesent eu mi vestibulum, eleifend urna ut, tincidunt ex. Maecenas lacinia feugiat aliquet. Integer sed lorem mauris.

Standard Blockquote... Ut venenatis pellentesque mauris, vitae scelerisque nunc. Curabitur gravida egestas purus sit amet varius. Ut nec posuere eros. Fusce in faucibus lacus, eget pharetra eros. In hac habitasse platea dictumst.

4.4.4 The blockquote element - W3C Working Group, 2013

Pellentesque porta, felis quis interdum venenatis, enim sapien scelerisque risus, at pharetra quam mauris sit amet enim. Aenean finibus gravida purus vitae condimentum. Nunc scelerisque elementum neque, ac fringilla diam tempus vitae.

Offset Blockquote... Ut vitae tellus enim. Praesent at bibendum eros, eu dignissim neque.

Suspendisse non mollis nisl. Curabitur maximus risus quis mi consequat, et dignissim elit iaculis. Nunc nec nulla viverra, iaculis leo consequat, pellentesque nisl. Aenean elit nunc, accumsan ut molestie ut, egestas et erat. Maecenas eleifend, ipsum sit amet cursus finibus, arcu neque ornare lorem, sagittis tristique tortor sem vel tortor. Nulla nec nulla iaculis, feugiat lacus at, volutpat nibh. Pellentesque consectetur in libero ut luctus.

Horizontal Rules

Default

Heavy

Extra-Heavy

Blue-Green

Blue

Purple

Gold

Green

Blue-Green Heavy

Blue Heavy

Purple Heavy

Gold Heavy

Green Heavy

Lists

Unordered Lists

• List Item
• List Item
  • Nested List Item
  • Nested list item ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquam fermentum lacus, ut sagittis dui porttitor vitae.
  • Double Nested
    • Nested List Item
    • Nested List Item
  • Nested List Item
  • Nested List Item
  • Nested List Item

Ordered Lists

Tables

Columns

You can find these in the templates.

Two Even Columns

Column One

Ut vitae tellus enim. Praesent at bibendum eros, eu dignissim neque. Proin eget dui sodales, tempor nisl nec, convallis elit. Ut pulvinar pulvinar sem non vehicula. 

Column Two

Donec dapibus, lectus sed ultricies auctor, nisi neque suscipit lectus, eu faucibus nulla eros at sem. Fusce nec ex interdum, volutpat lorem vel, eleifend urna. Sed nec augue velit. Nunc orci nulla, commodo a ex eu, rutrum tincidunt sem. Suspendisse potenti.

Three Even Columns

Column One

Donec dapibus, lectus sed ultricies auctor, nisi neque suscipit lectus, eu faucibus nulla eros at sem.

Column Two

Fusce nec ex interdum, volutpat lorem vel, eleifend urna. Sed nec augue velit. Nunc orci nulla, commodo a ex eu, rutrum tincidunt sem. Suspendisse potenti.

Column Three

Donec molestie hendrerit tempor. Vivamus luctus, magna nec laoreet facilisis, orci neque.

Four Even Columns

Column One

Vivamus luctus, magna nec laoreet facilisis, orci neque rutrum mauris.

Column Two

Nunc orci nulla, commodo a ex eu, rutrum tincidunt sem. Suspendisse potenti.

Column Three

Donec dapibus, lectus sed ultricies auctor, nisi neque suscipit lectus, eu faucibus nulla eros at sem.

Column Four

Fusce nec ex interdum, volutpat lorem vel, eleifend urna.

Listing

Special Note: To replace the image, double click on the image and replace the image name at the end of the image URL with the image name. Image name can be found in the Media Library.

Microsoft 365 Group Notifications to Ownerless Groups Starting April 8, 2024

March 26, 2024

Beginning on April 8, 2024, members of inactive Microsoft 365 groups will receive email notifications directly from Microsoft.