Flexible Extension Program Template - Harvard DCE Site Documentation

Accordion

Option intro paragraph

Accordion 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordion 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Blog Post

Dean Coleman Looks to the Future of the Division of Continuing Education

Dean Nancy Coleman shares her early thoughts for the future of the Harvard Division of Continuing Education.

Promoting Gender Diversity in Leadership

Emerging women leaders and senior leaders alike have an important role to play in ensuring the promotion of women from entry-level through the C-suite.

How to Use — and Ask For —Employer Tuition Reimbursement Benefits

Whether you want to earn a degree or update your skills, your benefits package may be able to help cover the cost of furthering your education.

Columns

Header

This block displays text in one, two, or three columns with customizable background colors (none, white, blue-gray, or EXT blue). Dividers can be added when using two or three columns. Columns automatically wrap to new lines based on the layout selected, and each column can include an optional CTA button.

deserunt mollit anim id est laborum
deserunt mollit anim id est laborum
- lkdmsvlsm
  - kjdfnvkdsnsdmbdf
- dmvlmdflkbmdfb

Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Optional CTA

Faculty

This layout displays faculty profiles in two ways: by selecting existing Faculty posts or manually entering profile details. Faculty posts will automatically display the thumbnail, name, and title. For manual entries, editors can add an image (optional), name (required), title (optional), and URL (optional). An optional intro text field appears above the profiles. Recommended image ratio is 3:4 with centered cropping and space above the head.

John Westman

Jemalyn Griffin

Icons (Cards)

This block creates a content section with icons and text. You can add a heading (H2 or H3), an optional intro paragraph, and multiple icon-and-text pairs. Only existing SVG or PNG icons can be used, with layout options for icon placement (above or left of the text). Icons become clickable when linked, and adding a title enables a hover effect. The layout auto-adjusts to keep the design balanced.