Welcome to Manhattan University

Component Demo Page

HERO: This page demonstrates all available paragraph components and their style variations. Use this as a reference for content entry training.

Image
For Position Only
C01

C01 Text Component

 

This is a simple text component used for general content. It includes a full WYSIWYG editor for rich text formatting including bold, italic, lists, and links.

C01 Text Component

 

This is a simple text component used for general content. It includes a full WYSIWYG editor for rich text formatting including bold, italic, lists, and links.

C01 Text Component

 

This is a simple text component used for general content. It includes a full WYSIWYG editor for rich text formatting including bold, italic, lists, and links.

C04
Image
For Position Only

Featured Section

C04 Promo Left

The C04 Promo component displays text alongside an image. It supports left or right image positioning and includes optional eyebrow text, heading, description, and call-to-action buttons.

Image
For Position Only
Image
For Position Only

Featured Section

C04 Promo Right

The C04 Promo component displays text alongside an image. It supports left or right image positioning and includes optional eyebrow text, heading, description, and call-to-action buttons.

Image
For Position Only
Image
For Position Only

Featured Section

C04 Promo Left

The C04 Promo component displays text alongside an image. It supports left or right image positioning and includes optional eyebrow text, heading, description, and call-to-action buttons.

Image
For Position Only
Image
For Position Only

Featured Section

C04 Promo Right

The C04 Promo component displays text alongside an image. It supports left or right image positioning and includes optional eyebrow text, heading, description, and call-to-action buttons.

Image
For Position Only
Image
For Position Only

Featured Section

C04 Promo Left

The C04 Promo component displays text alongside an image. It supports left or right image positioning and includes optional eyebrow text, heading, description, and call-to-action buttons.

Image
For Position Only
Image
For Position Only

Featured Section

C04 Promo Right

The C04 Promo component displays text alongside an image. It supports left or right image positioning and includes optional eyebrow text, heading, description, and call-to-action buttons.

Image
For Position Only
C05

C05 Basic Testimonial

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

C05 Basic Testimonial w/Image

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

Image
For Position Only

C05 Quote Testimonial w/Image

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

Image
For Position Only

C05 Basic Testimonial

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

C05 Basic Testimonial w/Image

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

Image
For Position Only

C05 Quote Testimonial w/Image

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

Image
For Position Only

C05 Basic Testimonial

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

C05 Basic Testimonial w/Image

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

Image
For Position Only

C05 Quote Testimonial w/Image

The C05 Callout component is perfect for highlighting quotes, testimonials, or important statements. It can display with a border on the left (basic style) or a large quote icon (quote style).

Jane Smith

Class of 2024, Computer Science

Image
For Position Only
C06

C06 Card w/Intro Above

Basic, no border style

Description above appears here like this.

Card One

This is the first card in a C06 Cards component. Cards display in rows of 3.

Card Two

The second card in the row. Each card can have an image, heading, text, and link.

Card Three

The third card in the row. Each card can have an image, heading, text, and link.

C06 Card w/Intro Left

Card w/border style

Description above appears here like this.

Card One

This is the first card in a C06 Cards component. Cards display in rows of 3.

Card Two

The second card in the row. Each card can have an image, heading, text, and link.

Card Three

The third card in the row. Each card can have an image, heading, text, and link.

Card Four

The fourth card in the row. Each card can have an image, heading, text, and link.

C06 Card w/Intro Above

Basic, no border style

Description above appears here like this.

Image
For Position Only
Card One

This is the first card in a C06 Cards component. Cards display in rows of 3.

Image
For Position Only
Card Two

The second card in the row. Each card can have an image, heading, text, and link.

Image
For Position Only
Card Three

The third card in the row. Each card can have an image, heading, text, and link.

C06 Card w/Intro Left

Card w/border style

Description above appears here like this.

Image
For Position Only
Card One

This is the first card in a C06 Cards component. Cards display in rows of 3.

Image
For Position Only
Card Two

The second card in the row. Each card can have an image, heading, text, and link.

Image
For Position Only
Card Three

The third card in the row. Each card can have an image, heading, text, and link.

Image
For Position Only
Card Four

The fourth card in the row. Each card can have an image, heading, text, and link.

C07

Intro above

Basic style, no border

Description goes here like this

Global Programs

Content goes here like this.

Business Programs

Content goes here like this.

Intro left

Card style

Description goes here like this

Global Programs

Content goes here like this.

Global Programs

Content goes here like this.

Business Programs

Content goes here like this.

Intro above

Basic style, no border

Description goes here like this

Global Programs

Content goes here like this.

Business Programs

Content goes here like this.

Intro left

Card style

Description goes here like this

Global Programs

Content goes here like this.

Global Programs

Content goes here like this.

Business Programs

Content goes here like this.

Intro above

Basic style, no border

Description goes here like this

Global Programs

Content goes here like this.

Business Programs

Content goes here like this.

Intro left

Card style

Description goes here like this

Global Programs

Content goes here like this.

Global Programs

Content goes here like this.

Business Programs

Content goes here like this.

C09

C09 Accordions, Intro Above

Basic Style

Description goes here like this.

What is the C09 Accordion?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

Click the green "Add C09 Item" button to add additional accordion items. Each item has a Heading (the clickable title) and Content (revealed when expanded).

C09 Accordions, Intro Left

Cards Style

Description goes here like this.

What is the C09 Accordion?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

Click the green "Add C09 Item" button to add additional accordion items. Each item has a Heading (the clickable title) and Content (revealed when expanded).

C09 Accordions, Intro Above

Basic Style

Description goes here like this.

What is the C09 Accordion?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

Click the green "Add C09 Item" button to add additional accordion items. Each item has a Heading (the clickable title) and Content (revealed when expanded).

C09 Accordions, Intro Left

Cards Style

Description goes here like this.

What is the C09 Accordion?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

Click the green "Add C09 Item" button to add additional accordion items. Each item has a Heading (the clickable title) and Content (revealed when expanded).

C09 Accordions, Intro Above

Basic Style

Description goes here like this.

What is the C09 Accordion?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

Click the green "Add C09 Item" button to add additional accordion items. Each item has a Heading (the clickable title) and Content (revealed when expanded).

C09 Accordions, Intro Left

Cards Style

Description goes here like this.

What is the C09 Accordion?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

The C09 Accordion is a collapsible content component perfect for FAQs, policies, or any content that benefits from an expandable structure. Users click on the heading to reveal or hide the content.

How do I add accordion items?

Click the green "Add C09 Item" button to add additional accordion items. Each item has a Heading (the clickable title) and Content (revealed when expanded).

C11

C11 Stats Basic

Intro Above

Description goes here like this

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

C11 Stats Cards

Intro Left

Description goes here like this

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

C11 Stats Basic

Intro Above

Description goes here like this

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

C11 Stats Cards

Intro Left

Description goes here like this

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

C11 Stats Basic

Intro Above

Description goes here like this

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

C11 Stats Cards

Intro Left

Description goes here like this

95%

Job Placement Rate

The stat description appears here like this.

Cite label

95%

Job Placement Rate

The stat description appears here like this.

Cite label

C12
C17