An official website of the State of Maryland.

Maryland.gov Translate

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Department of Veterans and Military Families

Example Page Components

Example components

This page will be deleted before the DVMF site goes live. Here are some examples of options that you can add to your pages as you migrate from Sharepoint to Drupal.

 

A Link Collection provides a compact list of related items, curated manually. Each item links to a page. The links included should be related in some way.

  • Use on either a Landing Page or Basic Page
  • Order the links in any order that you choose
  • Use two links minimum, and up to twelve links total
  • Avoid using a Link Collection to create “quick links” or generic “resources” where the links do not have a shared purpose.

Example Link Collection

This is the description of the Link Collection. Use 250 characters or less.

A Visual Link Collection provides a compact list of related items with a photo, curated manually. Each item links to a page. The links included should be related in some way. The Visual Link Collection shows a “card” with a photo.

  • Use on either a Landing Page or Basic Page
  • Order the links in any order that you choose
  • Use two links minimum, and up to twelve links total. Links appear in rows of three on your homepage and rows of two everywhere else.
  • Avoid using a Visual Link Collection to create “quick links” or generic “resources” where the links do not have a shared purpose.

Example Visual Link Collection

This is the description of the Visual Link Collection. Use 250 characters or less.

Accordion

An accordion is a list of headers that hide or reveal additional content when selected. Accordions simplify longer pages by “collapsing” sections of content.

  • Use on either a Landing Page or Basic Page.
  • Use between three and twenty accordions in an accordion section.
  • Only use accordions on longer pages.

Example accordions

This is the optional description of the Accordion section. Use 250 characters or less.

This is the description of Accordion 1. Use as many characters as you’d like. 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.

  • You can use bullets too
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Promo

A Promo highlights key initiatives, priorities or other content with a link. The Promo adds visual interest to the page with color, photography and illustration. 

  • Use on either a Landing Page or Basic Page.
  • Select from four styles: no image, image on the left, image on the right, or illustration on the left.
  • Optionally showcase more than one image in a rotating gallery.
  • Use only one link.
  • Avoid using too many promos on one page.
A group of five sitting on a set of stairs, engaged in conversation

Example Promo with image on the left

Provide a description of the featured link. 

Promo link label

Illustration Style Promo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Link label
A group of five sitting on a set of stairs, engaged in conversation A medium, outdoor shot of a family of four smiling for the camera. The two young children are carried piggyback A medium indoor shot of two women on a couch. One woman with dark hair, wearing a denim shirt, is speaking to the other woman, who has her back to the camera, while gently touching her shoulder.

Image Gallery Promo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Link label