Section Template Examples
Accordion - A - Image White
H2 Heading Placeholder
Accordion - B - Image Charcoal
H2 Heading Placeholder
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.
Accordion - C - Image Navy
H2 Heading Placeholder
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.
Accordion - D - Image BG Image
H2 Heading Placeholder
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.
Contacts - A - 3C Platinum
Media Contacts
FNAME LNAME
Director of Communications
1234 ENGR Building
(217) 123-4567
name@illinois.edu
FNAME LNAME
Communications Coordinator
1234 ENGR Building
(217) 123-4567
name@illinois.edu
Have a news story idea? Submit it here:
go.department.illinois.edu/news
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.
Contacts - B - 3C Navy
Media Contacts
FNAME LNAME
Director of Communications
1234 ENGR Building
(217) 123-4567
name@illinois.edu
FNAME LNAME
Communications Coordinator
1234 ENGR Building
(217) 123-4567
name@illinois.edu
Have a news story idea? Submit it here:
go.department.illinois.edu/news
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.
Contacts - C - 3C Charcoal
Media Contacts
FNAME LNAME
Director of Communications
1234 ENGR Building
(217) 123-4567
name@illinois.edu
FNAME LNAME
Communications Coordinator
1234 ENGR Building
(217) 123-4567
name@illinois.edu
Have a news story idea? Submit it here:
go.department.illinois.edu/news
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.
CTA - A - Centered Platinum 100%
Call To Action Placeholder
Ask us anything—and keep up with the latest news and events at The Grainger College of Engineering.
CTA - B - 3C Horizontal 100% Platinum
Call To Action Placeholder
Lorem ipsum dolor sit amet, consectetur adipiscing
CTA - C - Centered Blueify
Call To Action Placeholder
Ask us anything—and keep up with the latest news and events at The Grainger College of Engineering.
CTA - D - 3C Horizontal 100% Royal
Call To Action Placeholder
Lorem ipsum dolor sit amet, consectetur adipiscing
CTA - E - Centered Darkify BG Parallax
Call To Action Placeholder
Ask us anything—and keep up with the latest news and events at The Grainger College of Engineering.
CTA - F - 3C Horizontal 100% Charcoal
Call To Action Placeholder
Lorem ipsum dolor sit amet, consectetur adipiscing
CTA - G - Centered Orangify
Call To Action Placeholder
Ask us anything—and keep up with the latest news and events at The Grainger College of Engineering.
Features Column - A
Physics postdoc Hector Silva discusses relativistic theories of gravity in black holes and neutron stars
10.7.19, Illinois Innovators Podcast
Listen to Podcast →
Through NSF grant, researchers creating advanced autopilot to mimic the "Sully Factor"
10.1.19
Full Story →
A data-intensive dugout: How Illinois is ramping up technology training
9.16.19, U.S. News & World Report
Full Story →
Features Column - B
10,000+
students from all 50 states and 100+ countries
400+
faculty leading breakthrough research
15
top-five ranked degree programs
$238M
in total research expenditures
80,000+
alumni worldwide
37
NAE fellows among faculty
60+
labs, research centers, and institutes
9+
multidisciplinary research centers
Features Column - C
10,000+
students from all 50 states and 100+ countries
400+
faculty leading breakthrough research
15
top-five ranked degree programs
$238M
in total research expenditures
80,000+
alumni worldwide
37
NAE fellows among faculty
60+
labs, research centers, and institutes
9+
multidisciplinary research centers
Features Column - D
Features Column - E
Features Column - F
Graduate
Explore graduate and professional degree programs, certificates, and concentrations.
Online
Explore online degree programs, certificate tracks, and individual course offerings.
Features Column - G
Graduate
Explore graduate and professional degree programs, certificates, and concentrations.
Online
Explore online degree programs, certificate tracks, and individual course offerings.
Features Column - H
Subheading Placeholder
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.
Subheading Placeholder
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.
Features Column - I
Ways to Give
Your support ensures that we remain a leader in engineering education, discovery, innovation, and sustained excellence.
To make a gift, choose which path you'd like to take.
Features Full-Width - A
We do the impossible every day
With top-ranked graduate programs across every department and discipline of engineering, we bring together the brightest minds in the world to solve the most pressing global challenges of our time.
Features Full-Width - B
We do the impossible every day
With top-ranked graduate programs across every department and discipline of engineering, we bring together the brightest minds in the world to solve the most pressing global challenges of our time.
Features Full-Width - C
Subheading Placeholder
With top-ranked graduate programs across every department and discipline of engineering, we bring together the brightest minds in the world to solve the most pressing global challenges.
Features Full-Width - D
Subheading Placeholder
With top-ranked graduate programs across every department and discipline of engineering, we bring together the brightest minds in the world to solve the most pressing global challenges.
Features Full-Width - E
13
Top 5 ranked degree programs
#6
Overall ranking among undergraduate programs in the U.S.
#9
Overall ranking among graduate programs in the U.S.
Features Full-Width - F - 2 Stat BG Image
89%
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
45%
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
Features Full-Width - G
TOP SIX
overall ranking among undergraduate engineering programs in the nation
U.S. News & World Report, 2020 Rankings
Features Full-Width - I - Orangeblueify
We do the impossible every day
With top-ranked graduate programs across every department and discipline of engineering, we bring together the brightest minds in the world to solve the most pressing global challenges of our time.
Features Split - A - 50/50 Platinum
Heading Placeholder
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.
Features Split - B - 50/50 Blueify
Heading Placeholder
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.
Features Split - C - 50/50 Orangify
Heading Placeholder
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.
Features Split - D - 50/50 Stat Parallax
P R I O R I T Y A R E A
Tackle the Toughest Challenges
Together, we do the impossible every day. We envision a future in which new solutions from our best engineers bring nuclear and cyber security, global access to clean water, cures and treatments for diseases, effective health care, and a sustainable environment. We make this possible by building state-of-the-art learning spaces and labs to cultivate breakthrough research and innovation. Strategic investments in our faculty and facilities allow us to recruit and retain the brightest minds. With Illinois, we are tackling the toughest challenges.
$224.6M
raised for faculty, facilities, and research through FY 2019
Fast track your career goals and maximize your growth potential
Grainger Engineering professional master’s degrees prepare students for careers in industry through coursework that encourages technical depth and professional development. The goal is to develop professional engineers who enter the workforce with industry-relevant experience and skills.
Whether you are interested in earning your graduate degree or simply sharpening your professional skill set, Grainger Engineering at Illinois will help you to invest in yourself and in your future.
Features Split - F - 50% Content Icon
Heading Placeholder
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.
Features Split - G - 50% Image
Features Split - H - 50% Content Stat
#1
Subheading Placeholder
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.
Highlighting a diverse community of researchers
Our spotlights showcase the breadth and diversity of research interests and potential growth opportunities on campus. We hope that by highlighting both our researchers and their research, we can help you to learn about and connect with your colleagues to enhance multidisciplinary research and education in microbial sciences here at Illinois.
Features Split - J - Stat Navy Charcoal
55%
increase in underrepresented students in engineering since 2013
60%
increase in the number of women in engineering since 2013
55%
increase in underrepresented students in engineering since 2013
60%
increase in number of women in engineering since 2013
Icons - A
SUBHEADING OPTION ONE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam faucibus leo enim, vel tempus ante fringilla eu. Suspendisse lobortis diam erat, vel volutpat.
SUBHEADING OPTION TWO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam faucibus leo enim, vel tempus ante fringilla eu. Suspendisse lobortis diam erat, vel volutpat.
Icons - B
Icons - C
Icons - D
Icons - E
SUBHEADING ONE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam faucibus leo enim, vel tempus ante fringilla eu.
SUBHEADING TWO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam faucibus leo enim, vel tempus ante fringilla eu.
Process - A
How to Apply
As a Grainger Engineer, your opportunities to do the impossible are limited only by your imagination. Here, you apply directly to your major of interest. This enables immediate interaction with faculty and peers, builds community, and assists your involvement in research and extracurriculars related to your academic goals.
All engineering applications are submitted through the Office of Undergraduate Admissions. We do not use the Common Application.
Begin Undergraduate Application
- Select a program of study that best fits your skills and interests.
- Review all application requirements and prepare for each stage of the application process.
- Complete the online application through the Office of Undergraduate Admissions
- Carefully read all emails sent from the department and university to ensure no additional forms must be completed after you submit the online application.
Testimonials - C - Quote Banner Parallax
“Living is not the same as residing; you can reside in a place without living in it. Living is enjoying life to the fullest extent, and Urbana-Champaign is a place to live.”
Alejandro Dominguez-Garcia
Assistant Professor, Electrical and Computer Engineering
Testimonials - D - Quote Banner Static
“Living is not the same as residing; you can reside in a place without living in it. Living is enjoying life to the fullest extent, and Urbana-Champaign is a place to live.”
Alejandro Dominguez-Garcia
Assistant Professor, Electrical and Computer Engineering
Testimonials - E - Quote Box Left
Heading Placeholder
Stat/Subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
“
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.
Title FName LName
H2 Heading Placeholder
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.
Text - B - H3 Sections
Heading One
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.
Heading Two
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.
Heading Three
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.
Text - C - Body Content 1-2-1
Lorem ipsum dolor sit amet, has ut dicam tempor, hinc conceptam ut pri. Fierent intellegam disputationi ut has. Ne per idque mucius tincidunt. Nec te quod zril, per amet dolores argumentum ut. Iusto noster nominavi ea vix. Te pro facilis intellegebat, quis graece ut per. In vix labores fuisset eloquentiam, ad vim dictas antiopam intellegat. Usu cu omnes disputando, facilis forensibus deterruisset te est. No vix doctus phaedrum, sea quidam dictas ne. Qui ea solum nonumy minimum, porro elitr iriure est ut. Labore recteque nam no, his modus fabellas et. Dictas eripuit salutandi ea duo, ex doctus fuisset sea.
At usu liber dicant, tritani posidonium dissentiet ne mea. An his aliquam intellegat, no cibo facilisis ius. Ut decore nostrud vituperatoribus pri. Eos et vidit graecis, pri pertinax sensibus mnesarchum eu. Appareat forensibus nam ad, sale dicant comprehensam ut vel. Ut alii aliquid tibique per, invenire corrumpit ad mei, nec nobis omnesque et.
Menandri petentium scripserit ut nam. Nec tempor perpetua inciderint te, no cum dicant legimus invidunt. Duo cibo labitur sensibus ut, quo tota ferri democritum eu. Vero admodum sed in, et nulla debitis his. Et erroribus sadipscing vis. Elit modus soleat nec an. No illud elitr lucilius duo, amet ubique eos ea. His at sonet omnes nominavi. Ei cum soluta graecis cotidieque, eius velit quodsi pri ne.
Here is a caption for the photo using italic Inline
No omnium integre per, pro in reque ipsum etiam. Idque partem tritani mei cu. Eos errem nihil ut, eu eum iusto sententiae, id usu accumsan dissentiunt. Nec ad veri solum posse. No illud elitr lucilius duo, amet ubique eos ea. His at sonet omnes nominavi. Ei cum soluta graecis cotidieque, eius velit quodsi pri ne. Sit at labore facete. Id cum simul libris. Esse torquatos has ei. Noster inciderint mei ex, sed ne virtute ocurreret, usu ipsum facilis id. Ei petentium assueverit sea, veniam sapientem his in. Cu aperiam saperet est, vix ne oblique tincidunt.
Text - E - Body Content 2C
Undergraduate Program Rankings
The undergraduate engineering program at the University of Illinois Urbana-Champaign ranked 6th overall in the 2018 America's Best Colleges edition of U.S. News and World Report (published in September 2017). Ranked undergraduate engineering science specialties in the College of Engineering* include the following.
U.S. News and World Report does not include the following majors in their rankings:
- Computer Science
- Nuclear, Plasma, and Radiological Engineering
- Systems Engineering and Design
*Engineering Physics was last ranked in September 2015.
- 6 Aerospace Engineering
- 4 Agricultural and Biological Engineering
- 24 Bioengineering
- 11 Chemical and Biomolecular Engineering
- 3 Civil and Environmental Engineering
- 5 Computer Engineering
- 6 Electrical Engineering
- 2 Engineering Physics
- 5 Environmental Engineering
- 13 Industrial Engineering
- 3 Materials Science and Engineering
- 6 Mechanical Engineering / Engineering Mechanics
Text - F - 2C Image H3 Copy
Subheading Placeholder
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.
Subheading Placeholder
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.
Titles - Top Content 1C
Here is a heading
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.
Icons 4c
Icons 3c
Icons 2c