Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site

Alternative Home CT

Old Queens Gate

Alternative Homepage

Select a hero type. Add a background image or an ambient video using a link from Vimeo.

Filtered News Display

Facts and Figures
(Optional Headline)

Description: 550 character limit including spaces and html markup. Color options: white, black, red, teal, dark gray, light gray. Add up to 4 stat items. Need to show more stats? Add another facts and figures component to the page. 

Top heading
Prefix
Stat
Suffix
Subheading

Description for stat item

Top-Ranked
$
3.5
M
in Grant Funded-Research

Source Publication, 2019

Top-Ranked
$3.5
Million
in Grant Funded-Research

Source Publication, 2019

More than
71,000
Students
Giving Day 2019

Add a summary here.  Headline 255 character limit. Use this to create links to external content, so that it can function link it's internal to your site. In this example, I am creating a content card, which is a set of content that contains a headline, an image, a topic tag/category/eyebrow, and a link.  This content card can be called into various components similar to other internal CTs like articles.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

Hero Options:

Feature Hero
Full Width Hero
Basic Hero (See, also on Landing: Secondary)
Hero - Swoosh (See, also on Landing: Informational)
Add Full-Width Video
------------------------------------------------

Content Discovery:

50/50
Description & Card Carousel
Events Display
Feature: External Content
Feature: Internal Content
Featured Summaries
Featured Topic
News Display
Filtered News Display
Social Media

Informational:

Facts and Figures

Interactive:

Rollover Photo Grid
User Choice Carousel

Media:

Featured Videos
Full-width Image
User Choice: Vertical Tabs
Full Width Video

Presentation:

Transition (Shape)

Sub-Navigation:

Descriptive Links
Link Grid

Events Display