Snippet Gallery

Approved Snippets

Accordion

Uses: When you have a group of similar content separated by headings. Helps compress space.
Note: Add more rows to add more content

---

Accordion Numbered

Uses: When you have a series of item or steps that must be explained and want to take up less space.
Note: Add more rows to add more content

---

Card

Uses: To show a grouping of related items/text/links with an image

---

List Two Column

Uses: When you have a long bulleted list you want to take up less vertical space.

• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum
• lorem ipsum

---

Three Column

Uses: When you need to layout items in a grid that is 3 even columns.
Note: Add more rows to add more content

---

Blockquote

Uses: To call out a quote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

- Testimonial Name

---

Blockquote (no quotation marks)

Uses: To call out a quote or animportant piece of text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

- Testimonial Name

---

Info Box

Uses: To display information in the right column.

---

Info Box Image

Uses: To display information in the right column with an image.

---

Well

Uses: To make a section of text stand out from surrounding text. 

---

White Space

Uses: To add white space if needed.

Almost Approved Snippets

Callout

Uses: To emphaisze an important message.

---

Contact Info - Burgundy

---

Department Course Catalog List

Uses: To add a departments course catalog information for the current academic year.
Note: Only displays on publish.

Courses Offered By This Department

These listings are drawn from the current college catalog. Some courses may not be offered every quarter or may not be available in the foreseeable future. Contact the academic department to find out when a course will be offered.

Course Number	Course Title	Units
ASTR 4	Solar System Astronomy	5
ASTR 10	Stellar Astronomy	5
ASTR 15L	Astronomy Laboratory	1

---

Directory Custom List

Uses: To add selected users contact info to a page.
Note: Only displays on publish.
Note: Cannot be on same page as In Development - Directory Listing.
Update: Can now be used on Same page as In Development - Directory Listing
Update: Can now have multiple per page

---

Faculty Course List

Uses: To display 2 quarters of classes for a specific instructor.
Note: Only displays on publish.
Update: Now links to class details

Classes I Teach

Fall 2024

CRN	Course	Sec.	Title
27826	PARA 98	01Z	Drafting Wills and Trusts

---

Horizontal Definition List

Uses: To add items and their descriptions.

Phrase 1

Description for Phrase 1

Phrase 2

Description for Phrase 2

Phrase 3

Description for Phrase 3

Phrase 4

Description for Phrase 4

---

 In Development - Directory Listing

Uses: To add a departments' users contact info to a page.
Note: Only displays on publish.
Note: Cannot be on same page as Directory Custom List.

View Example

---

Twitter Feed Embed

The Twitter Feed Embed snippet should not be used. It no longer works because of changes that Twitter has made in its application programming interface (API).