Optional Name Tag
Image Card 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Landing: Secondary
This is the demo page for the Landing: Secondary content type. This page template uses the Basic Hero and offers the most number of components and secondary navigation options, making it ideal for subpages.
Available Components
Click component titles to view them on page or view all components.
| Content Discovery | Interactive & Media | Text & Navigation |
|
50/50 (Ambient Video)
The 50/50 is a basic building block for webpages. This component uses the full width of the page to showcase text on one half of the page and a large image or ambient video on the other half.
Enhanced 50/50
Enhanced 50/50 (e50/50) is modeled after the standard 50/50, using half of the component width for text and the other half for a visual element. Additionally, the e50/50 can display public videos hosted on Vimeo or YouTube (unlisted or private will not display), as well as Lottie animation files.
The e50/50 is intended to display video content. Images do not display correctly in the e50/50 - Please use the regular 50/50 component for static images.
Animated 50/50
Animated 50/50 provides an interactive scrolling experience ideal for displaying rich images and text with three or more 50/50 components.
50/50 #3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Description & Image Cards
Description & Image Cards displays content in two sections. The right side is organized as two columns of image cards that scroll within the component, while the left side displays header text and description.
Image Card 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Image Card 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Image Card 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Description & Summary Cards
Description & Summary Cards displays content in two sections. The right side is organized as two columns of text content with links (no images), while the left side displays header text and description.
Summary Card 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.
Summary Card 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.
Summary Card 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.
Summary Card 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.
User Choice Vertical Tabs
Block 1
User Choice Vertical Tabs displays bold headers with an associated image/video, description, and optional links.
Block 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Block 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Featured Summaries
Featured Summaries displays content in rows of three blocks. Each block contains a heading, description, image, and optional link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
This article can be displayed on pages using various news display components or the Feature: Internal Content component. When using the 'Headline Only Hero', make sure to add a Promotional Image. Promotional Images will display when an article is viewed inside components or on news listing pages.
Rollover Photo Grid
Rollover Photo Grid displays images prominently in rows of 3 with an optional title, description, and link.
Display Card 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Display Card 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Display Card 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Accordion
Accordion groups and organizes rich text content, including images, tables, and more, into expandable "drawers" for easy browsing.
-
Add any rich text content here, including embedded images, tables, lists, and videos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
-
Add any rich text content here, including embedded images, tables, lists, and videos.
-
Add any rich text content here, including embedded images, tables, lists, and videos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.
Enhanced Photo Gallery (Masonry)
Enhanced Photo Gallery displays a set of images and remotely hosted videos in various visual layouts. Each image/video can be clicked to view a fullscreen version with optional description, photo credit, and links.
Enhanced Photo Gallery (Justified)
Enhanced Photo Gallery displays a set of images and remotely hosted videos in various visual layouts. Each image/video can be clicked to view a fullscreen version with optional description, photo credit, and links.
Enhanced Photo Gallery (Grid)
Enhanced Photo Gallery displays a set of images and remotely hosted videos in various visual layouts. Each image/video can be clicked to view a fullscreen version with optional description, photo credit, and links.
Enhanced Photo Gallery (Slider)
Enhanced Photo Gallery displays a set of images and remotely hosted videos in various visual layouts. Each image/video can be clicked to view a fullscreen version with optional description, photo credit, and links.
Location 1
Image 1, Slide 1
Image 1 description can go here with rich text content.
Each location corresponds to an image selection on the left side of the component. Within each location, "slides" can be added to provide descriptions and additional images about interesting parts of the main image.
Each slide corresponds to a numbered pin that can be placed on the main image by clicking on the desired parts of the image inside the content editor.
Location 1
Image 1, Slide 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Location 2
Image 2, Slide 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Location 3
Image 3, Slide 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Location 3
Image 3, Slide 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie.
Cost Component
Cost component provides an interactive experience for users seeking undergraduate cost information. Site editors must create four "cost" entries for each desired school/location to cover the following cases:
• NJ Resident - Commuter
• NJ Resident - On Campus
• Out of State - Commuter
• Out of State - On Campus
Cost for Undergraduates
Filtered Events Display (Featured)
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Filtered Events Display (Filtered)
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Filtered Events Display (Similar)
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Saturday, March 19, 2050, 11:00 a.m.-12:00 p.m. | Location name displays here, New Brunswick
Filtered News Display (Featured)
This article can be displayed on pages using various news display components or the Feature: Internal Content component.
Filtered News Display (Filtered Summaries)
This content can be displayed on pages using various news display components.
This content can be displayed on pages using various news display components or the Feature: External Content component.
Filtered News Display (Filtered)
This guide provides an overview of how the RCCL works and essential steps for a website project.
This guide provides a walkthrough of a typical RCCL first-level landing page build.
This guide provides a walkthrough of a typical RCCL secondary page build.
This guide provides instructions for creating articles and news content in the RCCL.
This guide provides a walkthrough of a typical RCCL News landing page build.
This guide provides instructions for creating and managing events in the RCCL.
This guide provides instructions for creating and managing staff content in the RCCL.
This guide provides site administration tips and best practices to consider before launching your RCCL site.
Full Width Video Headline
Full-Width Video displays a remotely hosted video with an optional headline and description that spans the width of the screen. Videos must first be added to your content management's media library as "Remote Video" type before they can be used inside this component.
Discover Rutgers University
Optional caption for the Full Width Image component
Social Media Component
Follow Us