Basic Page Paragraph Type Examples

This page shows all components and variations available for organizing content on a Basic Page.

Jump Link Menu

Body paragraph for the Jump Link Menu.

As of Dec. 19, 2022, this site has the jump link menu option enabled on the following bolded paragraph types:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Blockquote – Blue Background. Roads? Where we’re going, we don’t need roads. -Dr. Emmett Brown

Blockquote – Blue Background No Image. Roads? Where we’re going, we don’t need roads. -Dr. Emmett Brown

Blockquote – Yellow Box Background. Roads? Where we’re going, we don’t need roads. -Dr. Emmett Brown

Blockquote – Yellow Box Background No Image. Roads? Where we’re going, we don’t need roads. -Dr. Emmett Brown

Title 1

Link text

Title 2

Link text

Title 1 (No Img)

Link text

Title 2 (No Img)

Link text

Hyperlinked Item 1

Add'l link text

Hyperlinked Item 2

Add'l link text

Link Text

Hyperlinked Item 1

Add'l link text

Hyperlinked Item 2

Add'l link text

Link Text

Hyperlinked Item 1

Add'l link text

Hyperlinked Item 2

Add'l link text

Link Text

Michael J. Stamos, MD

Interim Vice Dean — Health Affairs

Dean — UC Irvine School of Medicine

Geoffrey Abbott, PhD

Vice Dean — Basic Science Research and Academic Affairs

Daniela Bota, MD, PhD

Professor, Neurology

Director, UC Irvine Alpha Stem Cell Clinic, Sue and Bill Gross Stem Cell Research Center

Callout (Featured) – Grey Bkgrnd

Link text

Callout (Featured) – White Bkgrnd – Heading Styles

Text Position = Left. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Paragraph <p> spacing is off for this paragraph type. There is no space between paragraphs. Must insert a <p> </p> to create space between paragraphs (see Source for Callout (Featured) below). Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body Copy

Link text

Callout (Featured) – White Bkgrnd

Heading 3

Link text

Callout (Gradient)

Link text

XX
value text

XX
value text

Callout (Map) – Gradient Bkgrnd UCI School of Medicine
1001 Health Sciences Road
Irvine, CA 92697-4089
949-824-5388

Callout (Map)

Rich Text field. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

This entire sentence is a link

This entire sentence is a link.

Callout (Map) – Gray Bkgrnd UCI School of Medicine
1001 Health Sciences Road
Irvine, CA 92697-4089
949-824-5388

Callout (Map)

Rich Text field. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

This entire sentence is a link

This entire sentence is a link.

Callout (Map) – Blue Bkgrnd UCI School of Medicine
1001 Health Sciences Road
Irvine, CA 92697-4089
949-824-5388

Callout (Map)

Rich Text field. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

This entire sentence is a link

This entire sentence is a link.

Callout (Mini menu)

Link text

This is sub-title field text.

Callout (Photo) – Blue Bkgrnd

Link text

Callout (Photo) – Grey Bkgrnd

Link text

Callout (Photo) – White Bkgrnd

Link text

Table Caption
Table header 1	Table header 2	Table header 3	Table header 4	Table header 5
Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet	Lorem ipsum dolor sit amet

Link text

Callout (Topic) 1

Link Text

Callout (Topic) 3

Link Text

Slide 1
Slide 2
Slide 3

Events

Jul 24 – Jul 25, 2026

Fifth Annual Spine by the Sea Symposium

Jul 31, 2026

Neuropolitics Lecture Series - The Hostility Habit: How Partisan Expectations Shape Political Conflict

Aug 4, 2026

2026 Community Lecture Series: Corneal Transplant

Aug 7, 2026

2026 White Coat Ceremony

Aug 17 – Aug 19, 2026

Center for Neural Circuit Mapping (CNCM) 2026 Conference: Neural Circuits in Health & Disease

View All Events

News

Jul 16, 2026 | UC Irvine School of Medicine

SpineLine's 20 Under 40 Class of 2025: Hao-Hua Wu, MD, Connects Global Communities Through Spine Research

Xi Yu on campus at UC Irvine, wearing her white coat

Jul 16, 2026 | UC Irvine School of Medicine

Student Spotlight: Xi Yu, PhD, Bridges the Gap Between Innovation and Patient Impact

Dr.Hoda Anton-Culver, director of All of Us Research Program

Jul 15, 2026 | UC Irvine School of Medicine

The All of Us Research Program: A Treasure Trove of Biomedical Research Data

View All News

Events

Jul 24 – Jul 25, 2026

Fifth Annual Spine by the Sea Symposium

Jul 31, 2026

Neuropolitics Lecture Series - The Hostility Habit: How Partisan Expectations Shape Political Conflict

Aug 4, 2026

2026 Community Lecture Series: Corneal Transplant

Aug 7, 2026

2026 White Coat Ceremony

Aug 17 – Aug 19, 2026

Center for Neural Circuit Mapping (CNCM) 2026 Conference: Neural Circuits in Health & Disease

View All Events

Full-width content – White Bkgrnd

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body Copy

Full-width content – Gray Bkgrnd

This is the caption for the Full-width image paragraph type WITHOUT the gradient background option checked.

This is the caption for the Full-width image paragraph type WITH the gradient background option checked.

Video

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Rich Text Columns

Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Embed Code

The embed code paragraph type allows you to embed iframe HTML code. Only Admin users should use this paragraph type since anything can be embedded.

Faculty (Filtered) View

This is used to show faculty tagged with a specific department. This example is showing faculty tagged with the Anatomy & Neurobiology department.

Leonard M Kitzes, PhD

Professor, Cognitive Sciences, School of Social Sciences

Professor and Acting Chair, Anatomy & Neurobiology

Julie C. Lauterborn, PhD

Researcher

Gary Lynch, PhD

Distinguished Professor, Psychiatry & Human Behavior

Professor, Anatomy & Neurobiology

David Christian Lyon, PhD

Professor, Anatomy & Neurobiology

Daniele Piomelli, PhD

Director, Center for the Study of Cannabis

Distinguished Professor, Anatomy & Neurobiology

David J. Reinkensmeyer, PhD

Professor, Anatomy & Neurobiology

Professor, Biomedical Engineering

Charles Ribak, PhD

Professor Emeritus, Anatomy & Neurobiology

Richard T. Robertson, PhD

Member, Chao Family Comprehensive Cancer Center

Professor Emeritus, School of Biological Sciences

News

Student Spotlight: Xi Yu, PhD, Bridges the Gap Between Innovation and Patient Impact

For Xi Yu, earning a PhD in biomedical engineering was only half the journey. Realizing that the clinical perspective is indispensable when advancing medical technology, she is now earning her MD.

Jul 16, 2026 | UC Irvine School of Medicine

SpineLine's 20 Under 40 Class of 2025: Hao-Hua Wu, MD, Connects Global Communities Through Spine Research

SpineLine’s "20 Under 40" honors young leaders in spine care who are making meaningful contributions to the field.

The All of Us Research Program: A Treasure Trove of Biomedical Research Data

Have a health-related research question? The world’s largest integrated genomics and health database has answers.

View All News

Basic Page Paragraph Type Examples

Jump Link Menu

Body paragraph for the Jump Link Menu.

Accordion (Title & Body Content)

Title 1

Title 2

Title 1 (No Img)

Title 2 (No Img)

Callout (Basic) – Gray Bkgrnd

Callout (Basic) – Blue Bkgrnd

Callout (Basic) – White Bkgrnd

Callout (Faculty / Staff)

Callout (Featured) – Grey Bkgrnd

Callout (Featured) – White Bkgrnd – Heading Styles

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Callout (Featured) – White Bkgrnd

Heading 3

Callout (Gradient)

Callout (Infographic)

Callout (Map)

Callout (Map)

Callout (Map)

Callout (Mini menu)

This is sub-title field text.

Callout (Photo) – Blue Bkgrnd

Callout (Photo) – Grey Bkgrnd

Callout (Photo) – White Bkgrnd

Callout (Table)

Callout (Topics) – Imgs

Callout (Topics) – Imgs No Body Txt

Callout (Topics) – No Imgs

Events

News

Events

Full-width content – White Bkgrnd

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Full-width content – Gray Bkgrnd

Video

Rich Text Columns

Heading 3

Heading 3

Heading 3

Embed Code

Faculty (Filtered) View

News

Seminar Event (Filtered): Displays filtered list of event listings for one named event