Featured Card Title #1
This card has no image or link.
We recommend you NOT check the "Animated with borders" checkbox beneath the optional title at the top of this component. It makes the required link below show over the top of the middle card.
Mini Site Landing Page Example
Mini Site Landing Page Example
Mini site landing pages are used on Barnard's mini sites as home pages for departments or centers. See how to set up a mini site landing page on Barnard's Website Resources site.
About this example page
This page type has many visually engaging components. We've grouped similar components together so you can more easily compare them.
Large, full-width image components
Several components use an image that fills the whole width of the browser window. They include the following:
- Full Screen Spotlight (the same example image is used here and in the Single Feature component for comparison)
- Full Screen Video Player (video must be on YouTube)
- Single Feature (the image is automatically darkened a bit so the text shows up well)
- Voices & Stories
Images for these components should be at least 1600 pixels wide. They are cropped automatically, so be sure to use the focus and preview functions when uploading a new image.
Full Screen Spotlight
Required fields include the title, description, image, link, link text, and align.
Align "normal" places a white box over the left side of the image. "Reverse" puts it on the right side.
Images should be at least 1600 pixels wide.
Full Screen Video Player Links to YouTube
Single Feature Image
Keep the text brief. It will be displayed over the image. The link must be internal, not to an external site.
Components with smaller images
- Flexible Text and Image Slider (great for images of different sizes, accommodates horizontal or vertical photo orientation)
- Split Screen Feature (can stack this component to show more than one "row" of image/text or text/image pairs)
- Bits & Pieces Grid (usually used in groups of 3 text/image pairs; this component accommodates less text than the Split Screen Feature)
- Three Across Featured (can be used with or without images and links)
Flexible Text and Image Slider
Split Screen Feature
Here's the description text, which is optional.
Note: The image is also optional, but the point of this component is to juxtapose an image on one side with text on the other.
Title, orientation, and color theme are required.
Bits & Pieces Grid
Short text description. This field is required, as is the associated image field.
If you use only 2 images, they'll display larger than 3 will.
Another short description. This component works well with 2 or 3 "bites" or text-image pairs.
Third section of text.
Three Across Featured
Events-focused components
These components are great options for showcasing events in your department if you don't have enough to create an individual event page.
- Three Featured Events (choose a "category" of events, e.g. economics, to narrow down what's displayed)
- Three Featured Events Manual (choose 3 specific events to display)
- Event Content Listing (choose a "category" of events, display in a list)
Three Featured Events
Upcoming events
Feb
20
Three Featured Events Manual
Nov
4
Dec
7
Event Content Listing
Dec
20
Feb
20
Story-focused components
These components allow you to link to already created stories on Barnard's website.
- Three Recent Stories (automatically selects the 3 most recent)
- Three Manual Stories (includes the associated images automatically)
- Three Manual Stories - No Images (requires that the stories not have associated images)
- News Listing (select a "category" of news items from the Taxonomy)
Three Recent Stories
Computer science professors share how they integrate values into AI research.
December 16, 2024
Read about the latest accomplishments from the Barnard community.
December 16, 2024
Three Manual Stories
What it means to be first — then and now.
November 7, 2022
On November 11, the College recognizes the exemplary sacrifice and leadership skills of its ROTC students and alumnae in the military.
November 11, 2022
From Barnard to the beach, Keith Gabora and Cory Lapp respond to campus needs by tending the grounds and to beach dangers by saving those at sea.
November 18, 2022
Three Manual Stories, No Images
News Listing
Tapped by the Costume Institute to curate its annual blockbuster exhibition, professor Monica L. Miller is using her research on Black style to educate fashion enthusiasts on Black dandies.
Follow along to learn how the two economics majors kicked off National Girls and Women and Sports Day (February 7).
The political ecology senior considers the connection between climate change and corporations while working for the NFL Foundation.
Short text components
- Full Descriptive Text Links (how to set up)
- Contextual Giving CTA (we recommend you use the beige Barnard logo pictured below as your background images. It is named "logo-barnard-monogram-beige_1.png" in the CMS media library; how to set up)
- Numbers & Stats (how to set up)
Full Descriptive Text Links
The title is required but this description is optional. Multiple links can be added.
This component requires a title, description, background image, link, and link text.
The background is beige and covers the full width, but the image does not.
Numbers & Stats
11
Number of visual-heavy components available, including this one.
Available components not demonstrated here
These components require special code to be inserted, so they are not shown as examples:
- Email Sign Up
- Social Media Feed
Columns is another component not demonstrated here. It's better used on pages with fewer visually rich options. See the Basic Page Example.