Introduction
H2 Test
You can add an automatically generated table of contents to your page. Each Section Title will have its own entry, and H3s in the WYSIWYG editor and accordion items will be subheadings. If you do not see something in the table of contents, check to make sure the "Section Title" for each component has been filled in.
H1 Test
Heading 2
More content
Testing more content
Image Gallery
Link to this section
With the Image Gallery page component, you'll be able to: navigate through the image gallery using a keyboard, scroll through the top image the highlight on the bottom film strip will change, and clicking on an image on the bottom film strip will make that image show up in the top space.
Calendars
Basic Page Template Link to this section
This is the most common webpage template in the Content Management System CMS. The building blocks on this page are the same components that can be found on School Sub-Pages and Department pages.
Postcard Carousel Component
Sample: Postcard 1
Multiple postcards can be added to this component. A user clicks on the left and right arrows to see the next postcard.
Component Options:
Title, Media Type (Video or Image), Links (Internal or External), Link Text, Header Position (Left or Right).
Postcard Carousel Component
Sample: Postcard 2
Multiple postcards can be added to this component. A user clicks on the left and right arrows to see the next postcard.
Component Options:
Title, Media Type (Video or Image), Links (Internal or External), Link Text, Header Position (Left or Right).
Video postcard
This is a postcard with a video.
No image postcard
Testing a postcard with no image
Section Text Component Link to this section
Section Text Component includes WYSIWYG options for:
- Block Quote
- Numbered List
- Bulleted List
- Links
- Bold
- Italic
- HTML source code
Headers Link to this section
Use headers by highlighting text and selecting a heading style from the dropdown labeled "Normal." Using heading styles instead of bolding text is helpful for people using screenreaders and for search engine optimization.
Header 3 Link to this section
Headers in the WYSIWYG section should start with H3, as H1 is the page title and H2 is the blue section title.
Header 4 Link to this section
H4s go under H3s.
Header 5 Link to this section
And H5s are the smallest headers we have.
Sample of a Block Quote. Content is automatically wrapped and indented using this component.
Centered Section Cards Component Link to this section
Section Card Icon Variant Link to this section
Help Desk
Accordions
Link to this section
Use accordions for content such as FAQs or to shorten long content.
What is Lorem Ipsum?
Pretend this is Spanish
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Testing email links and footer button with 1 section card Link to this section
Raw HTML Embed Test Link to this section
This page was last updated on November 11, 2024