Content Elements

Content Elements

Display the different items or elements that are play in a page.

This is an example of the general text style and size used within the website

Normal Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas lacus non ipsum imperdiet, ac scelerisque ipsum congue. Ut scelerisque, odio vel pretium mollis, quam risus ultricies felis, eu placerat leo nulla non risus. Ut varius auctor felis eu molestie. Fusce semper luctus erat ut ultricies.

Bold Text

Sed eu mi nunc. Nullam at orci commodo, dignissim erat a, pharetra libero. Integer sit amet sodales eros. Nunc tempor sagittis nibh ornare placerat. Vestibulum commodo, nunc ut efficitur pulvinar, urna magna blandit augue, ut viverra augue massa suscipit turpis.

Italic Text

Aenean vel cursus nunc. Nullam id imperdiet quam, vel scelerisque nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut id turpis a turpis aliquet maximus at id libero.

Examples of Headers used in the ESU Web Site.

Welcome to ESU

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas lacus non ipsum imperdiet, ac scelerisque ipsum congue. Ut scelerisque, odio vel pretium mollis, quam risus ultricies felis, eu placerat leo nulla non risus. Ut varius auctor felis eu molestie.

About ESU

Nulla pretium, nibh id auctor sagittis, lectus lorem ornare massa, finibus tristique magna nisi eu turpis. Vivamus eget felis euismod, ultrices magna at, ultrices purus. Phasellus nisi purus, condimentum quis aliquet auctor, fermentum quis risus. Sed turpis ligula, scelerisque vitae odio vel, dictum accumsan leo. Etiam velit risus, lacinia non faucibus et, pharetra et nulla. Nulla facilisi. Nam urna mi, tempus congue dolor ut, malesuada imperdiet massa.

Buttons are used as links to other content or other websites.

There are two types of buttons. First is the Primary Button. Colored in red this button is to highlight the link to the main action to be taken. For example a Primary Button would be used to guide students to register to ESU. There is one and only one Primary Button allowed on a page.

The other type of button is called a Regular Button. It is colored in dark grey. And it too can guide the users to other pages, websites or content. More than one Regular Button can be used on a page.

Links are used to connect users to other pages, websites and content. They are makred with an underline. Special layout appears for links to Social Media and other popular sites.

Normal links to other pages or sites

Links to Social Media & Other Content

Examples of List styles

Bulleted Lists

Numbered Lists

Multi-Dimensional Lists

There are two types of columns: 2/1, and 1/1. 2/1 Column Layout will display the content across the full width of the page but with two columns. The Left Column will be 2/3rds the size of the page or twice as large as the Right Column. 1/1 Column layout will have two even width columns.

2/1 Column Layout

1/1 Column Layout

The Floating Sidebar is the right column of a two column layout. But the main column (left column) will wrap around the Floating Sidebar. Only text and headings should be in the main, left column.