Sample Content

Visual and functional examples of content blocks to assist with consistent page editing

Testing Announcements

This block is for an announcement. It can be dismissed.

Rich Text Block - 1 Column

Heading 2

A Rich Text Block is a flexible content block that supports formatted text, including headings, paragraphs, lists, links, bold/italic styles, buttons, horizontal lines, quotes, and adjustments to text justification. Ideal for general page content or multi-purpose text sections.In hac habitasse platea dictumst. Donec nec nisi sollicitudin, fermentum ipsum at, volutpat tortor. Aliquam maximus, erat sed mollis iaculis, ex nulla efficitur erat, non tempus eros ante id nunc. Phasellus tristique ligula nec condimentum eleifend. Nam nec erat eu mi hendrerit eleifend. Phasellus scelerisque ante sed tincidunt blandit. Ut in venenatis magna.

Heading 3 - Aliquam maximus, erat sed mollis iaculis, ex nulla efficitur erat, non tempus eros ante id nunc. 

Phasellus tristique ligula nec condimentum eleifend. Nam nec erat eu mi hendrerit eleifend. Phasellus scelerisque ante sed tincidunt blandit. Ut in venenatis magna.

Button Link

Nullam luctus orci mauris. Duis eleifend orci id maximus ultricies. Vivamus pulvinar velit quis ante pretium, vitae suscipit urna consequat. Sed elementum leo ac augue dictum, ut aliquet magna blandit. Donec ornare a ex sit amet eleifend. 

Subhead 2 - Voluptatem voluptatem facere suscipit inventore ut harum

Praesent ut arcu molestie mi tempus maximus nec in purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ultrices mauris dictum, cursus lorem ut, lacinia nulla. Cras porta dictum diam, interdum suscipit nibh sollicitudin at. Aenean euismod sem quis dui tempus porttitor. 

Rich Text Block - 2 Column with Quote block

Heading 2 - Aliquam maximus, erat sed mollis iaculis, eta ex nulla efficitur erat

Quote blocks will span the entire width of the page (with margins) even when placed in multi-column layouts.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum et leo ac congue. Fusce sit amet mollis quam. In hac habitasse platea dictumst. Donec nec nisi sollicitudin, fermentum ipsum at, volutpat tortor. Aliquam maximus, erat sed mollis iaculis, ex nulla efficitur erat, non tempus eros ante id nunc. Phasellus tristique ligula nec condimentum eleifend. Nam nec erat eu mi hendrerit eleifend. Phasellus scelerisque ante sed tincidunt blandit. Ut in venenatis magna.

– Somebody, Educator

Odit saepe autem qui praesentium voluptatum ullam voluptatem suscipit. Ipsa minima minus suscipit laudantium reprehenderit repudiandae molestiae placeat aut. Enim totam officia nobis nihil totam id quia quos. Enim pariatur nihil et deserunt aut vel et cupiditate.
Optio dolor ab esse. Ea perferendis sint cumque consectetur qui. Dolorem enim minus deserunt eius et. Est enim neque voluptates laboriosam explicabo delectus. Odio autem velit. Esse laboriosam minima atque unde nisi cupiditate quaerat aperiam deleniti.

Unordered (bullet) List

  • Nullam luctus orci mauris.
  • Duis eleifend orci id maximus ultricies.
  • Vivamus pulvinar velit quis ante pretium, vitae suscipit urna consequat.
  • Sed elementum leo ac augue dictum, ut aliquet magna blandit.
  • Donec ornare a ex sit amet eleifend. 

Ordered (number) List

  1. Nullam luctus orci mauris.
  2. Duis eleifend orci id maximus ultricies.
  3. Vivamus pulvinar velit quis ante pretium, vitae suscipit urna consequat.
  4. Sed elementum leo ac augue dictum, ut aliquet magna blandit.
  5. Donec ornare a ex sit amet eleifend. 

Unordered (bullet) List - Avoid Breaks (unordered) style applied

  • When avoid breaks is on, a list will not be split across columns.
  • Duis eleifend orci id maximus ultricies.
  • Vivamus pulvinar velit quis ante pretium, vitae suscipit urna consequat.
  • Sed elementum leo ac augue dictum, ut aliquet magna blandit.
  • Donec ornare a ex sit amet eleifend. 

Ordered (number) List - Avoid Breaks (ordered) style applied

  1. Nullam luctus orci mauris.
  2. Duis eleifend orci id maximus ultricies.
  3. Vivamus pulvinar velit quis ante pretium, vitae suscipit urna consequat.
  4. Sed elementum leo ac augue dictum, ut aliquet magna blandit.
  5. Donec ornare a ex sit amet eleifend. 

Illum aut facere ut sequi. Et tempora vel quam quis quasi. Optio aspernatur hic fugiat ut facilis sint. Voluptas qui mollitia eos id esse consequatur ducimus.

Ea quia voluptas. Veritatis dolorem nihil qui et facilis voluptas nisi. Rerum excepturi debitis nihil molestias consequatur consequatur. Quo dolore provident labore. Vel quisquam consequatur delectus eligendi mollitia.

Asperiores porro harum eligendi. Vel sed et cum id. Quas quae voluptatibus qui cupiditate labore nemo. Nulla temporibus sapiente. Aliquam alias non adipisci enim illo est. Atque ut iure et incidunt veritatis voluptas ut et corporis.

Rich Text Block - 3 Column

Heading 2

Totam iure commodi molestiae error consectetur sapiente nobis saepe. Quisquam dolor qui. Saepe id similique doloribus atque. Deserunt assumenda laudantium quia sed.
Delectus cum officiis doloribus sit. Officia suscipit suscipit vel vero et dolorum qui tempore vel. Et eos voluptas sed. Deserunt ut incidunt autem laboriosam corrupti minima repudiandae praesentium deleniti.

Explicabo rerum fugiat blanditiis praesentium. Et nam cupiditate quia. Est doloribus quidem optio.

Image Block

Full-width Image Block

This block spans the entire width of the page with no left or right margins. Editors can customize the background color, image, headline, and body text. Supports up to two buttons linking to internal pages, external URLs, or downloadable assets.
External Link (opens in a new window) Entry Link

Callout (full-width)

This block includes a toggle to display as either regular width or full width (edge to edge with no left or right margins). It supports a headline, body text, and an image that can be positioned to the left or right of the text and set to either 33% or 50% of the block width. Editors can add up to two buttons and the Food Finder ZIP code field. Background color is also customizable.
Outlined - Asset

Callout (regular width)

This is a callout block with the full-width toggle set to 'off'. When adding a button, editors will typically see three style options: Primary, Secondary, and Outline. These styles use predetermined color settings based on the background color of the block to ensure appropriate contrast and visual consistency.
Primary - Entry Secondary - URL (opens in a new window)

Callout Section

A callout section is a layout block that contains one or more individual callouts. The number of columns adjusts automatically based on the number of callouts added and the browser window size, as each callout has a minimum width. Editors can customize the section background color, add a section headline and description, and configure each callout with a title, body text, optional image (or no image), up to two buttons, and the ZIP code field.

For single callouts, editors can control image placement (left or right) and image width (33% or 50%). These placement and proportion settings do not apply when multiple callouts are present.

Callout with PDF link

Dolorem consequatur magnam magni culpa. Voluptatibus ipsa sed sit omnis illo nemo dolor quaerat est. Eaque explicabo voluptatem nihil quis et. Officia libero occaecati repellendus repellat in occaecati excepturi sint.
Summer Newsletter

Callout with Food Finder field

This callout is set to full width with the image placement set at 50% on the right. Voluptatibus ipsa sed sit omnis illo nemo dolor quaerat est. Eaque explicabo voluptatem nihil quis et. Officia libero occaecati repellendus repellat in occaecati excepturi sint.

Callout with entry link (no image)

Dolorem consequatur magnam magni culpa. Voluptatibus ipsa sed sit omnis illo nemo dolor quaerat est. Eaque explicabo voluptatem nihil quis et. Officia libero occaecati repellendus repellat in occaecati excepturi sint.
Sample Content

Simple Callout Grid - Card

This block allows editors to customize the heading, description, background color, and callout type. The two callout types are Card and Accordion. Each callout, whether card or accordion, includes fields for a heading, body text, and buttons.

When set to Card mode, the content will default to 1 column for one callout, or 2 columns for 2+ callouts. 

Callout - Card

Et delectus ea animi animi id et voluptas nam at. Molestias harum veniam dolorem quibusdam molestiae sapiente praesentium dolore. Et consequatur quaerat.

Learn More

Callout - Card

Et delectus ea animi animi id et voluptas nam at. Molestias harum veniam dolorem quibusdam molestiae sapiente praesentium dolore. Et consequatur quaerat.

Learn More

Callout - Card

Et delectus ea animi animi id et voluptas nam at. Molestias harum veniam dolorem quibusdam molestiae sapiente praesentium dolore. Et consequatur quaerat.

Learn More

Simple Callout Grid - Accordion

When set to Accordion mode, the content will default to 2 columns. 

Callout - Accordion

Et delectus ea animi animi id et voluptas nam at. Molestias harum veniam dolorem quibusdam molestiae sapiente praesentium dolore. Et consequatur quaerat.

Learn More
Callout - Accordion

Et delectus ea animi animi id et voluptas nam at. Molestias harum veniam dolorem quibusdam molestiae sapiente praesentium dolore. Et consequatur quaerat.

Learn More
Callout - Accordion

Et delectus ea animi animi id et voluptas nam at. Molestias harum veniam dolorem quibusdam molestiae sapiente praesentium dolore. Et consequatur quaerat.

Learn More

Section - Three columns

A section is a parent block that can contain multiple child blocks nested inside it. At the section level, editors can customize the heading, description, and select which child blocks to include. In the layout tab, you can adjust the background color, heading alignment, and set the number of columns (1 to 3). If two columns are selected, editors can choose the column widths: either 50/50 or 30/70. Possible child blocks include text blocks, image blocks, and video embeds.

This is child text block. It has all of the same formatting and content options as a rich text block. Content editors can choose between a 1–3 column layout (when there are no other children in the section).

Section - Two columns

Farmers and Growers

Partnerships with local, North Carolina Farmers and growers allows the Food Bank to provide our partner agencies with fresh produce and proteins including fruits, vegetables, lean meats, and eggs.

Each partnership is unique, and the Food Bank works to make the donation process as easy as possible for our agriculture partners.  

In some cases, the Food Bank receives the excess of harvest – perhaps a farmer has grown more than they can sell – and we can ensure it reaches people in need. Other times we may receive products that don’t meet the aesthetic required for retail sale or have been gleaned from a field following the original harvest.

Accordion Section

This block allows editors to customize the heading, description, and background color. Each child accordion includes a heading and body. The body supports images, links, and basic text formatting such as bold and italic.
  • Accordion Heading

    Accordion Body - Eum delectus in ut consectetur non. Ullam sapiente nostrum vel illo qui ad voluptas. Quidem quos ad soluta dolorem quo qui.

    Image Caption

     

  • Accordion Heading

    Accordion Body - Eum delectus in ut consectetur non. Ullam sapiente nostrum vel illo qui ad voluptas. Quidem quos ad soluta quo qui.

  • Accordion Heading

    Accordion Body - Eum delectus in ut consectetur non. Ullam sapiente nostrum vel illo qui ad voluptas. Quidem quos ad soluta quo qui.

Asset Downloads Block

This block allows editors to set a heading, description, background color, and choose the number of columns in the asset grid layout.

Each downloadable asset includes:

- Title
- Description
- Document Upload: Add one or more files from the asset library or upload a new one
- Thumbnail Image: Select an image from the image library or upload a new image

Team Member Listing Block

This block allows editors to customize the heading, description, and team members displayed. Team members are referenced from the Team Members section in the entries tab.

Editors can:

- Choose how team members are sorted (manually or alphabetically by last name)
- Customize content justification
- Choose whether to display headshots
- Choose whether to show contact icons

  • Octavio Soares

    Past Chair
    Global Head of Seed Supply, BASF Corporation

  • Anne Lloyd

    Chair
    Retired, Martin Marietta

  • David L. Garris

    Chair-Elect
    Vice President Mid-Atlantic Division, Food Lion

  • Susan Allison

    Chief Financial Officer

  • Amy Beros

    President & CEO

  • Gideon Adams

    Vice President of Community Health & Engagement

News Listing Block (below)

This block allows editors to add a heading and display recent news entries. Content can be filtered by location or category to control which news items appear.

News Listing Block - Example

See All News

Honoring Craig Campbell’s Legacy

It is with heavy hearts that we remember Craig Campbell, a dedicated member of our Food Bank family for over two decades.  As a vital part of our Raleigh Operations Team, Craig played an essential role in the flow of millions of pounds of food to communities across our region. His tireless commitment [...]

Sustainer Spotlight: Kathy’s Commitment to Fighting Food Insecurity

Kathy Lewis was introduced to the Food Bank several years ago when she accompanied a friend on a tour of our Raleigh warehouse. The inspiration from that visit ultimately led her to seek out ways to make a difference through regular volunteer opportunities. Join Kathy and Give Monthly Learn more [...]

Farmer Bill Hering Shares what Local Farms Need to Fuel Hunger Relief

Food Bank Farmer Bill Hering provides more than 2 million meals each year for local families — growing produce exclusively for the Food Bank. He fears many farms will go out of business if we don't pass stronger state and federal investments in agriculture partnerships. Tell Congress to pass a strong U.S. [...]

Supporter Preferences & Contact Information Updates

Whether lending your time sorting food in our warehouses, donating food or funds toward community distributions, or advocating for policies and investments that address hunger, supporters like you are the heart and soul of our work at the Food Bank. Thanks for all you do to bring us closer to a [...]

Location Listing Block

This block includes fields for a heading, description, and content image. It automatically displays a list of buttons linking to each location’s detail page. The list of buttons is generated based on existing location entries and cannot be customized manually.

LinkedIn Embed Block

EveryAction Form Embed

This block allows editors to add a heading, description, and optional buttons. To embed the form, the EveryAction form ID is required. Layout customization is limited to setting the heading alignment (left or centered).

iFrame Embed

This block allows editors to add a heading, description, iFrame URL, and iFrame title. Layout customization options include heading alignment (left or centered) and setting the iFrame height.