---
title: "Component Demo Page - All Paragraphs"
url: "/component-demo-page-all-paragraphs"
type: page
date: 2026-02-06
updated: 2026-02-12
---
# Component Demo Page - All Paragraphs
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.
[ Manhattan.edu ](https://manhattan.edu)
[ Home ](/)
Image
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
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.
[ Manhattan.edu ](https://manhattan.edu)
Image
Image
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.
[Manhattan.edu](https://manhattan.edu)
Image
Image
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.
[ Manhattan.edu ](https://manhattan.edu)
Image
Image
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.
[Manhattan.edu](https://manhattan.edu)
Image
Image
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.
[ Manhattan.edu ](https://manhattan.edu)
Image
Image
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.
[Manhattan.edu](https://manhattan.edu)
Image
C05 
C06 C06 Card w/Intro Above
## [Basic, no border style](https://manhattan.edu)
Description above appears here like this.
[Card One ](https://manhattan.edu)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 ](https://manhattan.edu)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](https://manhattan.edu)
Description above appears here like this.
[Card One ](https://manhattan.edu)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 ](https://manhattan.edu)The third card in the row. Each card can have an image, heading, text, and link.
[Card Four ](https://manhattan.edu)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](https://manhattan.edu)
Description above appears here like this.
Image
[Card One ](https://manhattan.edu)This is the first card in a C06 Cards component. Cards display in rows of 3.
Image
Card Two
The second card in the row. Each card can have an image, heading, text, and link.
Image
[Card Three ](https://manhattan.edu)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](https://manhattan.edu)
Description above appears here like this.
Image
[Card One ](https://manhattan.edu)This is the first card in a C06 Cards component. Cards display in rows of 3.
Image
Card Two
The second card in the row. Each card can have an image, heading, text, and link.
Image
[Card Three ](https://manhattan.edu)The third card in the row. Each card can have an image, heading, text, and link.
Image
[Card Four ](https://manhattan.edu)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](https://manhattan.edu)
Description above appears here like this.
- Image
[Card One ](https://manhattan.edu)This is the first card in a C06 Cards component. Cards display in rows of 3.
- Image
Card Two
The second card in the row. Each card can have an image, heading, text, and link.
- Image
[Card Three ](https://manhattan.edu)The third card in the row. Each card can have an image, heading, text, and link.
- Image
[Card Four ](https://manhattan.edu)The Fourth card in the row. Each card can have an image, heading, text, and link.
C06 Card w/Intro Left
## [Card w/border style](https://manhattan.edu)
Description above appears here like this.
- Image
[Card One ](https://manhattan.edu)This is the first card in a C06 Cards component. Cards display in rows of 3.
- Image
Card Two
The second card in the row. Each card can have an image, heading, text, and link.
- Image
[Card Three ](https://manhattan.edu)The third card in the row. Each card can have an image, heading, text, and link.
- Image
[Card Four ](https://manhattan.edu)The fourth card in the row. Each card can have an image, heading, text, and link.
C07 Intro above
## [Basic style, no border](https://manhattan.edu)
Description goes here like this
[](https://manhattan.edu)
[Research Opportunities
](https://manhattan.edu)
Content goes here like this.
Manhattan.edu
Global Programs
Content goes here like this.
Business Programs
Content goes here like this.
Intro left
## [Card style](https://manhattan.edu)
Description goes here like this
[](https://manhattan.edu)
[Research Opportunities
](https://manhattan.edu)
Content goes here like this.
Manhattan.edu
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](https://manhattan.edu)
Description goes here like this
[](https://manhattan.edu)
[Research Opportunities
](https://manhattan.edu)
Content goes here like this.
Manhattan.edu
Global Programs
Content goes here like this.
Business Programs
Content goes here like this.
Intro left
## [Card style](https://manhattan.edu)
Description goes here like this
[](https://manhattan.edu)
[Research Opportunities
](https://manhattan.edu)
Content goes here like this.
Manhattan.edu
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](https://manhattan.edu)
Description goes here like this
[](https://manhattan.edu)
[Research Opportunities
](https://manhattan.edu)
Content goes here like this.
Manhattan.edu
Global Programs
Content goes here like this.
Business Programs
Content goes here like this.
Intro left
## [Card style](https://manhattan.edu)
Description goes here like this
[](https://manhattan.edu)
[Research Opportunities
](https://manhattan.edu)
Content goes here like this.
Manhattan.edu
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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](https://manhattan.edu)
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 C12 Link List Basic
## [Intro Above](https://manhattan.edu)
Description goes here like this
[Financial Aid](/financial-aid)
[Hero](/hero)
[Home](/)
C12 Link List Cards
## [Intro Left](https://manhattan.edu)
Description goes here like this
[Financial Aid](/financial-aid)
[Campus Life](/campus-life)
[Hero](/hero)
[Home](/)
C12 Link List Basic
## [Intro Above](https://manhattan.edu)
Description goes here like this
[Financial Aid](/financial-aid)
[Hero](/hero)
[Home](/)
C12 Link List Cards
## [Intro Left](https://manhattan.edu)
Description goes here like this
[Financial Aid](/financial-aid)
[Campus Life](/campus-life)
[Hero](/hero)
[Home](/)
C12 Link List Basic
## [Intro Above](https://manhattan.edu)
Description goes here like this
[Financial Aid](/financial-aid)
[Hero](/hero)
[Home](/)
C12 Link List Cards
## [Intro Left](https://manhattan.edu)
Description goes here like this
[Financial Aid](/financial-aid)
[Campus Life](/campus-life)
[Hero](/hero)
[Home](/)
C17 C17 Gallery
## [Heading](https://manhattan.edu)
Description goes here like this.
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
Follow us on:- [ ](https://www.facebook.com/manhattanedu "Facebook")
- [ ](https://www.linkedin.com/manhattanedu "LinkedIn")
- [ ](https://www.tiktok.com/manhattanedu "TikTok")
- [ ](https://www.x.com/manhattanedu "X (Twitter)")
- [ ](https://www.instagram.com/manhattanedu "Instagram")
- [ ](http://www.youtube.com/@manhattanedu "Youtube Channel")
C17 Gallery
## [Heading](https://manhattan.edu)
Description goes here like this.
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
Follow us on:- [ ](https://www.facebook.com/manhattanedu "Facebook")
- [ ](https://www.linkedin.com/manhattanedu "LinkedIn")
- [ ](https://www.tiktok.com/manhattanedu "TikTok")
- [ ](https://www.x.com/manhattanedu "X (Twitter)")
- [ ](https://www.instagram.com/manhattanedu "Instagram")
- [ ](http://www.youtube.com/@manhattanedu "Youtube Channel")
C17 Gallery
## [Heading](https://manhattan.edu)
Description goes here like this.
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
[Image
](https://manhattan.edu) Show image description For Position Only
Follow us on:- [ ](https://www.facebook.com/manhattanedu "Facebook")
- [ ](https://www.linkedin.com/manhattanedu "LinkedIn")
- [ ](https://www.tiktok.com/manhattanedu "TikTok")
- [ ](https://www.x.com/manhattanedu "X (Twitter)")
- [ ](https://www.instagram.com/manhattanedu "Instagram")
- [ ](http://www.youtube.com/@manhattanedu "Youtube Channel")