Basic Hero

Allows for an image or ambient video background. In addition, you may have a hero with no image with a simple color band that is shorter in height in white, black, blue, teal, red, dark gray, and light gray.

Rollover Photo Grid

Our organization works to implement the following:

Mission 1

25 Words Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mattis consectetur ullamcorper. Suspendisse nec mi vehicula, euismod sapien nec, posuere eros. Ut in quam ultrices.

Mission 2

Caring for such and such

Mission 3

Caring for such and such

Components available on Landing: Secondary

Description Link

• First Item Available Components (If enabled)

  Body - Hero Options:

  
  Basic Hero 

  ------------------------------------------------

  Content Discovery:

  • 50/50
  • Animated 50/50Cost Component
  • Description & Card Carousel
  • Description & Image Card
  • Description & Summary Cards
  • Facts & Figures
  • Filtered Events Display
  • Filtered News Display
  • Featured Summaries
  • People Collection
  • Social Media
     

  Informational:

  • Cost Component
  • Facts and Figures
  • Interactive:
  • Program Finder
  • Rollover Photo Grid
  • Location Map 

  Media:

  • Full-width Image
  • User Choice: Vertical Tabs
  • Full Width Video
  • Slideshow
  •  

  Sub-Navigation:

  • Descriptive Links
  • Link Grid
  • Tabbed
  • Tabbed Linked Grid

  Text:

  • Accordion
  • Heading and Description
  • Rich Text
  • Sticky Promo

• Another Item

  Here is some text.

People Collection

Use this people collection to show a list of people, who have already been added to our site through the People CT.

Bob Jones-Person

Rutgers University-New Brunswick

Assistant Professor

Rutgers University-New Brunswick

Phone555-555-5555

Fax555-555-5555

Emailbob@rutgers.edu

Website

Here is my contextual blurb limited to 550 characters. Use this area to add a short bio instead of or in addition to linking to the full bio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu vehicula tellus. Donec non fermentum sem, in euismod velit. Vivamus sollicitudin, lacus id euismod semper, lorem urna fermentum risus, quis eleifend eros quam ac nunc. Maecenas purus risus, finibus in mollis et, fringilla ut enim. Maecenas semper felis ex. Morbi. 

View Bio (Optional link to Person CT for this person)

Adam Aronn-Person

Rutgers University-New Brunswick

Professor

Rutgers University-New Brunswick

Phone555-555-5555

Fax555-555-5555

Emailaaaronn@email.com

Website

View Bio (Optional link to Person CT for this person)

Secondary Navigation (Menu) Component

The above Secondary Navigation component (teal) is coming in October 2021 and will be available on the Landing: Informational, Landing: Secondary, and Landing Marketing content types.

• Learn How the Secondary Navigation Component Works

50/50

1. Add description here. Unlimited character count. Although, keep i mind that the image scales automatically to the length of the text. If using a lot of text, it is better to select one of the text type components or an animated 50/50. WYSIWIG editor options: bold, italics, superscript, subscript, remove formatting, add a link, remove link, add an anchor, bulleted-list, numbered-list, paste as plain text.
2. Add an image or ambient video. Image layout options: on the right or left.
3. Add formatted linked list (for bolder links)
4. Add up to 1 Call To Action button
5. Color options for text background: white, black, blue, red, teal, light gray, dark gray

• Optional link text (as many links as wanted)

Enhanced 50/50

The e50/50 can take embedded videos hosted on Vimeo or YouTube, as well as Lottie files.

Don't use the e50/50 for static images. 

Filtered Events Display - Display ID: Featured (Shows One, First-Ranked Featured Event Item)

Optional Button

Sep20

Test - Campus Events

Student Info Session

| Location Name (Field Input, New Brunswick

Optional Button

Filtered Events Display-Display ID: Similar  (Shows list of events of selected category/event type)

Optional Button

Jan1

Test- Event Type Term

Sample Event - Commencement

Wednesday, January 01, 2025, 3:46 p.m.-Saturday, March 01, 2025, 3:46 p.m. | New Brunswick

Apr5

Test- Event Type Term

Sample Event CT A- Event Name

Saturday, April 05, 2025, 11:00 a.m.-3:30 p.m. | Add Location Name, New Brunswick

Aug30

Test- Event Type Term

Toucan Walk - Test Event 8-12-2021

Sunday, August 30, 2026, 9:00 a.m.-Monday, August 30, 2027, 9:00 a.m. | Rain Forest Pike

Optional Button

Filtered Events Display - Display ID: Filtered (Shows top "featured event for site and list of events of selected category/event type)

Optional Button

Sep20

Test - Campus Events

Student Info Session

| Location Name (Field Input, New Brunswick

Jan1

Test- Event Type Term

Sample Event - Commencement

Wednesday, January 01, 2025, 3:46 p.m.-Saturday, March 01, 2025, 3:46 p.m. | New Brunswick

Apr5

Test- Event Type Term

Sample Event CT A- Event Name

Saturday, April 05, 2025, 11:00 a.m.-3:30 p.m. | Add Location Name, New Brunswick

Aug30

Test- Event Type Term

Toucan Walk - Test Event 8-12-2021

Sunday, August 30, 2026, 9:00 a.m.-Monday, August 30, 2027, 9:00 a.m. | Rain Forest Pike

Optional Button

Location Map Component (Below)

Allows a graphical representation with labels.

Location Map Location: #1

Location Map Location: School

Location Map Location: Center

Location Map Location: Housing

Location Map Location: Recreation

Overview 1Location Map Slide: College Avenue From Above 2Passion Puddle at Cook/Douglass

Overview

Overview

Overview

Overview

Location Map Location: #1

Each thumbnail on the left side of this component represents Location Map Location. Here is the Location Description text entry area is a Rich text area offers a full WYSIWIG.

Each Location Map Location has Location Details where you add numbered Location Map Slides. Each slide corresponds to a pins on the image map. One slide per pin for this location. 

Location Map Location: #1

Location Map Slide: College Avenue From Above

College Avenue is a vibrant campus adjacent to downtown New Brunswick with theaters and restaurants, student-friendly shopping and nightlife, and the NJ Transit train station. The campus hosts traditional residence halls, some along the Raritan River, and two modern apartment buildings for upper class and transfer residents.  The College Avenue Campus also features the brand new Honors College Building.  Of the four campuses, College Avenue houses the smallest portion of first year students.

Location Map Location: #1

Passion Puddle at Cook/Douglass

Serene. Simply a great place to relax, study, or play.

Location Map Location: School

Location Description for 3

Location Map Location: Center

Location Map Location: Housing

Location Map Location: Recreation

Animated 50/50 - Title

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.

• Link Text
• Link Text

Another 50/50

Bold, italics, 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.

 

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.

1. Nullam in metus vitae ex condimentum molestie.
2. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.
3. 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.

Accordion

Optional description here. Choice of text hover/rollover states: Blue, red, and teal. Alignment options for above title text is: Left, center, and right

• Accordion Item Title Here

  Add Rich text. Full rich text styling available. You can embed images and video in this space as well.

  Heading 2

  Heading 3

  Heading 4

  Heading 5

• Accordion Item Title Here

  Add Rich text. Full rich text styling available. You can embed images and video in this space as well.

  Heading 2

  Heading 3

  Heading 4

  Heading 5

• Accordion Item Title Here

  Add Rich text. Full rich text styling available. You can embed images and video in this space as well.

  Heading 2

  Heading 3

  Heading 4

  Heading 5

Program Finder Headline

Optional description

Start Exploring

What kind of study are you looking for?

Testing Program Finder - Slide 1

Introductory Question

• Apple
• Bananna
• Cucumber

Start Over

Test Question Two

Editable Introductory Question Text Here

• Link text 1
• Link text 2
• Link text 3

Start Over

Question 3 with Single Link

Start Over

Description & Card Carousel

Optional description with a limit of 255 characters with spaces including HTML markup here. Ideally, add at a minimum of 3 items here. Arrows left and right will shuffle through the cards present. Cards will begin to repeat, to always show three items. Add Feature: Internal Content, Image Card: Curated; Feature: External Content. Color options: White, black, blue, dark gray, light gray, red, and teal.

Topic B - Test

Article CT- Hero Headline Above Image (B)

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.

Test Topic

Article CT Hero - Headline Only (A)

This would be a summary.

Test Topic

External CT 

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.

Description & Image Card - Title

Optional description. The title and description remain sticky on the left as the user scrolls. Add bold, italics, sub- and super-script, remove formatting, add/remove the link, add an anchor, paste as plain text. Add any number of image card squares. Tip: This component looks best with 4 or more image card squares. 

Optional Caption (Name Tag)

Optional Category

Image Card Title Here

Optional Caption (Name Tag)

Optional Category

Image Card Title Here

Optional Caption (Name Tag)

Optional Category

Image Card Title Here

Optional Caption (Name Tag)

Optional Category

Image Card Title Here

Optional Caption (Name Tag)

Optional Category

Image Card Title Here

Optional Caption (Name Tag)

Optional Category

Image Card Title Here

Description & Summary Cards

The title and description remain sticky while the user scrolls. Optional description here. Color options: White, black, blue, teal, red, light gray, dark gray.

Title for Summary Card

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.

CTA Can Be Button or Link Style

Title for Summary Card

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.

CTA Can Be Button or Link Style

Title for Summary Card

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.

CTA Can Be Button or Link Style

Title for Summary Card

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.

CTA Can Be Button or Link Style

Title for Summary Card

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.

CTA Can Be Button or Link Style

Title for Summary Card

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.

CTA Can Be Button or Link Style

Title for Summary Card

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.

CTA Can Be Button or Link Style

Featured Summaries

Use this component to promote information. An image is required for each item added to the featured summary. Use "Featured: Internal Content" to bring in articles and feature articles. When using Feature: Internal Content," the image used will be pulled in from the original items hero or promotional image. If neither of these images exists in the original article, the image will be a placeholder "Watermark" image.

Test Topic

Feature Article

Here is the summary for the feature article.

Support Your Cause

Image Card: Curated Here

This card allows you to create a title, description, image in place on this page.

Test Topic

It's Raining- TEST ARTICLE - jj

Here is a summary.

Optional Button

Animated 50/50 Title

Add text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eleifend non mi ac blandit. Sed vel metus nisl. Etiam ac placerat leo. Aenean ullamcorper lorem leo, ut tincidunt mauris dictum ultricies. Vivamus sed efficitur nisi, non aliquam diam. Phasellus laoreet orci sit amet lorem facilisis varius a at purus. Vivamus egestas felis nec fringilla varius. Fusce sit amet varius justo, hendrerit luctus odio. Nunc vel erat elementum, fermentum lectus et, aliquam quam. Donec tincidunt neque at leo ornare, non venenatis massa efficitur. Praesent bibendum sagittis tincidunt. Sed posuere turpis sit amet elementum fermentum. Ut in lorem hendrerit, varius quam eget.

• <em>Link text </em>

Social Media - Original Code

Follow Us

Social Media RU-N Sample Code

Follow Us

Powered by Curator.io