Skip to main content
UMD Students on McKeldin Mall

Name of School, Unit, or Department

A tagline expressing the purpose and vision of the organization.

This section is ideal for an organization's "elevator pitch" version of their mission statement or other short statement. Styling and code is automatically matched to the rest of the hero content. A single link may be added as the Hero CTA (Call to action) from the admin panel.

Call to action

Homepage Layouts

The UMD Terp Homepage layout is meant for a site's home or landing page, but the specific layout can be placed anywhere on the site. This is useful for self contained projects that should still appear under a School's, Department's, or Unit's specific site.

View Alternate Layouts
Basic Pages

The UMD Terp Basic Page layout is great for sharing more in-depth information about an organization (About page, Resources pages, Photo Gallery pages, etc). View examples of the Basic Page being used for the site's News feed, Directory, and an Internal page of resources.

View Basic Pages
Articles

Your organization might differentiate between "blog posts", "statements", "press releases", or many other types of editorial content. The UMD Terp theme simplifies all this by calling them all "articles". The UMD Terp Article layout can be used to create any kind of editorial content for publication to the site.

View Articles Pages
People

The UMD Terp Person layout provides space to share or promote important information for individuals in your school, department or unit.

View Directory and People pages
Find Inspiration

A collection of sites created using the University of Maryland's Drupal 8 Templates, "UMD Terp".

View UMD Terp Template Sites
Kitchen Sink

In Web Design, the term Kitchen sink, comes from the phrase "everything but the kitchen sink" or "everything and the kitchen sink". The Kitchen Sink page is meant to BE everything in one place, so you can compare and contrast available options for a site.

View the Kitchen Sink
Students outdoors on the Mall on an unseasonably warm February day.
Card title, keep it catchy, keep it short

Text areas support a number of formats by default with "Basic HTML" text formatting including Normal text, Headings 2 through 6, LinksBoldItalics, Numbered lists, Bulleted lists, Blockquotes, and Images.

Card groups help break up related content into manageable chunks for easier understanding, or as a teaser for longer articles/pages.

Keep any link titles short
Students outdoors on the Mall on an unseasonably warm February day.
Cards do not need to include links

Cards without a link do not behave interactively (no hover effects). As mentioned in the previously, Card Groups provide another way to present information with or without an accompanying image for each card.

Like with the card's title, keep the content in text areas short; no more than a couple of short paragraphs. If this card links to a page or article, think of this space as the summary to that page or that article.

Notice this link is within the body text of the card, and does not cause the whole card to become interactive (no hover effect).

Cards can be presented with and without images

Without an image, cards still fill the full height of the space they occupy. If the card has a link, it will still behave interactively with a hover effect.

Filler text: Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Tincidunt augue interdum velit euismod. Non tellus orci ac auctor augue. Feugiat nisl pretium fusce id. Nulla facilisi cras fermentum odio eu feugiat pretium.

Short link text
Looking into filled classroom from hallway, students focused on presenter at a dry erase board

A Feature section showcases an image, and a short statement. The background behind the text can be set to 1 of 6 colors.

A view of the Sundial on the Mall with student activity on an unseasonably warm winter day.

Each Feature is a separate section on the admin panel. Text can be set on the right or left (reverse) like this one.

Two female students sitting along ODK Fountain with McKeldin Library in the background.

Feature Sections are unique to the UMD Terp Homepage, and images are added from the media gallery

Wide-angle view of McKeldin Library with lens flare.

Setting the style to "background" causes the image to stretch across the full width of the page, so make sure it is wide enough.


Two female students sitting along ODK Fountain with McKeldin Library in the background.
Two female students sitting along ODK Fountain with McKeldin Library in the background.

A large title, with an image aligned to the left.

This section is called "Image with Text", and each one supports an image along with a text area. Images can be aligned left or right, and are pulled from the site's media library (accessible on the admin panel), so you can include images that have been previously uploaded, as well as newly uploaded images. Descriptive "alt-text" is required on each image during the upload process. 

Text areas support a number of formats by default with "Basic HTML" text formatting including Normal text, Headings 2 through 6, LinksBoldItalics, Numbered lists, Bulleted lists, Blockquotes, and Images.

Filler text: Bibendum enim facilisis gravida neque convallis. Erat imperdiet sed euismod nisi porta lorem. Elit sed vulputate mi sit amet mauris. Ut aliquam purus sit amet luctus venenatis lectus magna. Blandit turpis cursus in hac habitasse. Sollicitudin tempor id eu nisl nunc mi ipsum. Facilisi morbi tempus iaculis urna id. Bibendum at varius vel pharetra vel turpis nunc. Semper risus in hendrerit gravida rutrum quisque. Etiam dignissim diam quis enim. Blandit turpis cursus in hac habitasse platea dictumst quisque. Vel pharetra vel turpis nunc eget. Cursus metus aliquam eleifend mi in. Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Duis at tellus at urna. Aliquam vestibulum morbi blandit cursus risus at.

##
Share quick, key numbers about the school, department, or office
90+
Undergraduate Majors at the university of Maryland
18:1
Student to Teacher Ratio

This is a Blockquote, meant for featuring quotes, comments, or messages from experts and other persons of note. Statements like the Maryland Victory Song are great for the Blockquote Section.

Grey placeholder person
Digital Experience Office of Strategic Communications

View Section displaying the latest Articles

  • Example

  • news

  • Maryland Today: Hitting ‘Play’ at Home

    Spoofing our reliance on shopping and technology while omitting any human presence, the enigmatic and boldly animated videos by Jonathan Monaghan MFA ’11 star in a new—and timely—online exhibit at the Art Gallery.