Skip to main contentSkip to main navigationSkip to footer content

Components

Single Image with Caption

This is an alt text

Image caption | Leo sapien convallis odio, eget pellentesque ex erat vitae quam.

Gallery Slider

Accordion

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Icon Cards with Background Block

Lorem ipsum dolor sit amet

150 Years

of Academic Excellence

18.8

Average On-Campus Class Size

96%

Freshmen awarded

 

Lightbox Cards Block

Alt

Image and Text
Alt

Image and Text
Alt

Image and Text
Alt

Image and Text
Alt

Image and Text
Alt

Image and Text

News Block

Campus News

No articles found. Please adjust filters.

View All News

Events Block

Events

Oct 16 2026
11:00 AM UC Irvine Interdisciplinary Science and Engineering Building

CBE Seminar Series: Ergun Kirlikovali

Speaker: Ergun Kirlikovali — Integrated Polymer Industries Topic: Innovation as a Teachable...

Oct 21 2026
3:30 PM ISEB 4020

Social Hour with Associate Dean Ali Mohraz

Please join us in ISEB 4020 for our first Social Hour of the Fall Quarter with Associate Dean Ali...

Oct 21 2026
6:00 PM Common Space Brewery

Brains, Brews & Deans: UC Irvine Trivia Night

Three deans and a chief innovation officer walk into a brewery… and you’re invited too!. Join...

View All Events

Checker Boards

alternate text

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Animi quod nobis fugiat ipsum harum, eligendi nisi!

CTA Button

Placeholder Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Animi quod nobis fugiat ipsum harum, eligendi nisi!

CTA Button

alternate text

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Animi quod nobis fugiat ipsum harum, eligendi nisi!

CTA Button

Placeholder Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Animi quod nobis fugiat ipsum harum, eligendi nisi!

CTA Button

Cards With Background Block

Duis aute irure dolor in reprehenderit.

Heading

Cras tincidunt lectus ac quam ultrices posuere. Duis pretium commodo risus vel posuere. Sed elit dolor, dapibus vel sapien vel, rutrum malesuada diam.

CTA

Heading

Cras tincidunt lectus ac quam ultrices posuere. Duis pretium commodo risus vel posuere. Sed elit dolor, dapibus vel sapien vel, rutrum malesuada diam.

CTA

Responsive Grids [2,3,4]

2 Columns

Column 1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fringilla phasellus faucibus scelerisque eleifend. Nam aliquam sem et tortor consequat id porta nibh venenatis. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Non sodales neque sodales ut etiam sit amet nisl.

Primary Button

Column 2 Title

Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id leo in vitae turpis massa. Velit egestas dui id ornare arcu odio ut. Eu mi bibendum neque egestas. Eget duis at tellus at urna condimentum mattis. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.

Convallis a cras semper auctor. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Risus commodo viverra maecenas accumsan lacus vel. At volutpat diam ut venenatis tellus in metus vulputate. Velit egestas dui id ornare arcu odio ut. Mattis ullamcorper velit sed ullamcorper morbi.

Primary Button

 

3 Columns

Column 1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fringilla phasellus faucibus scelerisque eleifend. Nam aliquam sem et tortor consequat id porta nibh venenatis. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Non sodales neque sodales ut etiam sit amet nisl.

White Button

Column 2 Title

Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id leo in vitae turpis massa. Velit egestas dui id ornare arcu odio ut. Eu mi bibendum neque egestas. Eget duis at tellus at urna condimentum mattis. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.

Convallis a cras semper auctor. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Risus commodo viverra maecenas accumsan lacus vel. At volutpat diam ut venenatis tellus in metus vulputate. Velit egestas dui id ornare arcu odio ut. Mattis ullamcorper velit sed ullamcorper morbi.

White Button

Column 3 Title

Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id leo in vitae turpis massa. Velit egestas dui id ornare arcu odio ut. Eu mi bibendum neque egestas. Eget duis at tellus at urna condimentum mattis. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.

Convallis a cras semper auctor. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Risus commodo viverra maecenas accumsan lacus vel. At volutpat diam ut venenatis tellus in metus vulputate. Velit egestas dui id ornare arcu odio ut. Mattis ullamcorper velit sed ullamcorper morbi.

White Button

4 Columns

Column 1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fringilla phasellus faucibus scelerisque eleifend. Nam aliquam sem et tortor consequat id porta nibh venenatis. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Non sodales neque sodales ut etiam sit amet nisl.

Highlight Button

Column 2 Title

Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id leo in vitae turpis massa. Velit egestas dui id ornare arcu odio ut. Eu mi bibendum neque egestas. Eget duis at tellus at urna condimentum mattis. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.

Convallis a cras semper auctor. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Risus commodo viverra maecenas accumsan lacus vel. At volutpat diam ut venenatis tellus in metus vulputate. Velit egestas dui id ornare arcu odio ut. Mattis ullamcorper velit sed ullamcorper morbi.

Highlight Button

Column 3 Title

Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id leo in vitae turpis massa. Velit egestas dui id ornare arcu odio ut. Eu mi bibendum neque egestas. Eget duis at tellus at urna condimentum mattis. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.

Convallis a cras semper auctor. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Risus commodo viverra maecenas accumsan lacus vel. At volutpat diam ut venenatis tellus in metus vulputate. Velit egestas dui id ornare arcu odio ut. Mattis ullamcorper velit sed ullamcorper morbi.

Highlight Button

Column 4 Title

Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id leo in vitae turpis massa. Velit egestas dui id ornare arcu odio ut. Eu mi bibendum neque egestas. Eget duis at tellus at urna condimentum mattis. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mi quis hendrerit dolor magna eget est lorem ipsum dolor.

Convallis a cras semper auctor. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Risus commodo viverra maecenas accumsan lacus vel. At volutpat diam ut venenatis tellus in metus vulputate. Velit egestas dui id ornare arcu odio ut. Mattis ullamcorper velit sed ullamcorper morbi.

Highlight Button

Responsive Cards [2,3,4]

placeholder

Heading

Cras tincidunt lectus ac quam ultrices posuere. Duis pretium commodo risus vel posuere. Sed elit dolor, dapibus vel sapien vel, rutrum malesuada diam...

CTA Button

placeholder

Heading

Cras tincidunt lectus ac quam ultrices posuere. Duis pretium commodo risus vel posuere. Sed elit dolor, dapibus vel sapien vel, rutrum malesuada diam...

CTA Button

placeholder

First-time Freshman

placeholder

Graduate

placeholder

International

placeholder

First-time Freshman

placeholder

Graduate

placeholder

International

placeholder

Returning Students

Newsletter

Tabs

Text with Background Block

Duis aute irure dolor in reprehenderit.

Index News

Title News

mantisshrimp

The powerful punch of mantis shrimp pack insights into resilience

October 14, 2026 Continue Reading

Department of Energy selects UC Irvine-led, AI-driven geothermal energy project

October 8, 2026 Continue Reading

AI Experts Showcase Research at UCI Engineering+ Society AI Symposium

October 5, 2026 Continue Reading

UCI UAV Forge Drone Team Places First in U.S.

September 30, 2026 Continue Reading

UCI and UCLA engineering schools launch collaborative workshop series on trustworthy AI

September 29, 2026 Continue Reading
read more

Highlight Card

Alt text

Heading

Cras tincidunt lectus ac quam ultrices posuere. Duis pretium commodo risus vel posuere. Sed elit dolor, dapibus vel sapien vel, rutrum malesuada diam...

CTA