Element Demo Page

Buttons

These are your buttons, your primary button should be used for the primary action on the page (the most important thing for a user to do). Your secondary and tertiary buttons should be used for less important actions on the page.

Cards

These are your card links, these should be used instead of buttons when an action needs additional context.

They are most commonly used in columns of some sort.

Info Callout/Banner

These are usually used at the top of a page to indicate a deadline, a change in process, or some other important/timely info.

Info Icon

Learn more about financial aid and how it can help you reach your education goals at icangotocollege.com

Info Icon

Learn more about financial aid and how it can help you reach your education goals at icangotocollege.com

Info Icon

Learn more about financial aid and how it can help you reach your education goals at icangotocollege.com

Additional Elements

These elements don't have nice "clean" categories like the ones above, so they're going into this miscellaneous category.

Accordion content goes here.

Term

Definition Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Posuere morbi leo urna molestie at elementum eu facilisis sed. Parturient montes nascetur ridiculus mus. Nulla facilisi etiam dignissim diam quis enim lobortis.

Mike Vogt

Staff Name

Staff Position

Email: Staff@email.com

Dotted Border Section

Use this section as a callout for a specific call to action as a way to break up a page or at the bottom as a "catch all".

CTA button

Get Assistance

If you have questions or need
help, visit our Support Center

Connect

CVC Logo and home link
Copyright © 2024 California Community College Chancellors office. All rights Reserved.

Creative Commons License
This work by California Virtual Campus - Online Education Initiative, a project by the California Community Colleges Chancellor's Office is licensed under a Creative Commons Attribution 4.0 International License. Copyright © 2024 by California Community Colleges Chancellor's Office.

chevron-down