CINXE.COM
College of Science
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta charset="UTF-8"/> <meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="ie=edge" http-equiv="X-UA-Compatible"/> <title> College of Science </title> <meta content="The College of Science's learn-by-doing philosophy gives students practical experience in their field which gives them a competitive edge in the job market. Programs include biology, biotechnology, chemistry, kinesiology, computer science, physics, geology, mathematics." name="description"/> <script src="https://cdn.levelaccess.net/accessjs/YW1wX2NwcDExMDM/access.js"></script> <script>// <![CDATA[ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSKJRNV'); // ]]></script> <link rel="icon" href="/common/green-and-gold/assets/icons/gg-favicon.svg" type="image/svg+xml" /> <link rel="icon" href="/common/green-and-gold/assets/icons/gg-favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="/common/green-and-gold/assets/css/index.css" /> <link rel="stylesheet" href="https://use.typekit.net/fia5dle.css" /> <link rel="stylesheet" href="/common/green-and-gold/assets/css/cpp-fonts.css" /> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="/common/green-and-gold/assets/js/accordion.js"></script> <script crossorigin="anonymous" defer="defer" integrity="sha384-FW78RPcSpi13vjx77nPWQIrQbNSLkPBopb0qGzLCxD2x4Kr6FA8V05C/6cpgkKPL" src="https://pro.fontawesome.com/releases/v5.10.1/js/all.js"></script> </head> <body> <a class="skip-to-content-link" href="#main">Skip to content</a> <header class="nav fixed"> <nav class="container"> <ul class="row nav__main" id="mainNavMenu"> <li id="main-logo" class="col-6 col-lg-3 nav__logo"> <a href="/" aria-label="Cal Poly Pomona Home" tabindex="0"> <div class="nav__logo--horizontal"> <img src="/common/green-and-gold/assets/logos/cpp_horizontal_2c_green_rgb.png" alt="Cal Poly Pomona Logo" /> </div> </a> </li> <!-- department header hidden by default--> <li id="dept-header-desktop" class="col-sm-5 col-md-6 nav__logo desktop d-none"> <a href="/" aria-label="Cal Poly Pomona Home" tabindex="0"> <div class="nav__logo--stacked"> <img src="/common/green-and-gold/assets/logos/cpp_primary_2c_green_cmyk.png" alt="Cal Poly Pomona Logo"> </div> </a> <div class="divider"></div> <div id="split-header" class="nav__division col-lg-7"> <div id="large-name"></div> <div style="display:none" id="sub-name"></div> </div> </div> </li> <li class="nav__links col-2" id="head-links"> <a class="nav__link nav__link--desktop col-1" href="/apply/" tabindex="0">apply</a> <a class="nav__link nav__link--desktop col-1" href="/outreach/tours.shtml" tabindex="0">visit</a> <a class="nav__link nav__link--desktop col-1" href="https://engage.cpp.edu/register/ask_us_a_question" tabindex="0">info</a> <a class="nav__link nav__link--desktop col-1" href="/giving/" tabindex="0">give</a> <a class="nav__link nav__link--desktop col-1" href="https://my.cpp.edu" tabindex="0">mycpp</a> <button id="search-open" class="nav__search col-1" tabindex="0"> <img src="/common/green-and-gold/assets/icons/nav/search-dark-green.svg" alt="Open search box" /> </button> <button class="nav__menu col-1" id="menuButton" aria-expanded="false" tabindex="0"> <img src="/common/green-and-gold/assets/icons/nav/menu.svg" alt="menu" /> </button> </li> </ul> </nav> </header> <header id="search-header" style="display:none"> <div class="row"> <div class="col-md-6"></div> <div id="searchbox" class="col-md-6"> <div id="search-slide"> <label for="#gsc-i-id1" class="sr-only">Search</label> <script async="" src="https://cse.google.com/cse.js?cx=007035455219528863532:fcaogmpwbtt"></script> <div class="gcse-searchbox-only" data-resultsurl="https://www.cpp.edu/search.shtml"></div> <button class="nav__menu col-1" id="search-close" tabindex="0"> <img src="/common/green-and-gold/assets/icons/nav/close.svg" alt="Close search menu"> </button> </div> </div> <script async="" src="https://cse.google.com/cse.js?cx=007035455219528863532:fcaogmpwbtt"></script> <script> $("#search-open").click(function() { $("#search-header").show(); $("#search-slide").addClass("slideup"); $("#gsc-i-id1").focus(); $('#search-close').focusout(function() { $("#search-header").hide(); $("#search-slide").removeClass("slideup"); $("#search-open").focus(); }) }); $("#search-close").click(function() { $("#search-header").hide(); $("#search-slide").removeClass("slideup"); $("#search-open").focus(); }); </script> <style> .gstl_50 gssb_c { position: fixed !important; } #searchbox { height: 93px; overflow: hidden; } #search-header { position: fixed; height: 100px; width: 100%; height: 93px; z-index: 99999; top: 0; } #gsc-i-id1 { height: 40px; width: 70%; border-radius: 4px; border: none; padding: 15px; } #search-submit { margin: 15px; } #search-close { width: 23px; height: 21px; position: absolute; top: 32px; } #search-slide { width: 0px; right: -100%; padding: 20px 15px; position: relative; background: #005030; height: 100%; transition: all .5s ease 0s } #search-slide.slideup { right: 0; width: 100%; position: relative; } @media screen and (max-width:991px) { #search-slide { height: 77px !important; padding: 12px 10px; } } @media screen and (max-width:767px) { #search-header { position: relative !important; } #search-slide { text-align: center !important; } } .gsc-search-button-v2 svg { width: auto; height: 21px; } .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border: none !important; background: none !important; } form.gsc-search-box { font-size: 13px; margin-top: 0; margin-right: 0; margin-bottom: 4px; margin-left: 0; width: 100%; display: inline-block; } #___gcse_0 { width: 70%; display: inline-block; } table.gsc-search-box td.gsc-input { padding-right: 0; } #gsc-i-id1 { width: 100%; padding: 0px; border: none; margin: -0.0625em 0px 0px; height: 40px !important; background: rgb(255, 255, 255); outline: none; font-size: 20px; font-weight: 200; } .gstl_50.gssb_c { z-index: 99999; } .gsq_a { font-weight: 200; font-size: 18px; padding: 2px; } .gssb_a img { display: none; } </style> </div> </header> <section class="side-nav" id="sideNavOverlay"> <header class="side-nav__overlay relative"> <nav class="container"> <ul class="row nav__overlay" id="sideNavMenu"> <li class="nav__logo col-12 col-md-10 col-lg-3" id="navLogoOverlay"> <a href="/" aria-label="Cal Poly Pomona Home" tabindex="-1"> <img src="/common/green-and-gold/assets/logos/cpp_horizontal_1c_gold_rgb.png" alt="Cal Poly Pomona Logo" /> </a> </li> <div class="nav__overlay--right col-12 col-lg-9"> <li class="nav__links nav__links--desktop col-12 col-lg-6"> <a class="nav__link nav__link--mobile col-1" href="/apply/" tabindex="-1">apply</a> <a class="nav__link nav__link--mobile col-1" href="/outreach/tours.shtml" tabindex="-1">visit</a> <a class="nav__link nav__link--mobile col-1" href="https://engage.cpp.edu/register/ask_us_a_question" tabindex="-1">info</a> <a class="nav__link nav__link--mobile col-1" href="/giving/" tabindex="-1">give</a> <a class="nav__link nav__link--mobile col-1" href="https://my.cpp.edu" tabindex="-1">mycpp</a> </li> <li class="nav__icons col-1"> <button id="search-open-green" class="nav__search col-1" tabindex="-1"> <img src="/common/green-and-gold/assets/icons/nav/search-white.svg" alt="Open search box" /> </button> <button class="nav__close col-1" id="closeButton" tabindex="-1"> <img src="/common/green-and-gold/assets/icons/nav/close.svg" alt="Close menu" /> </button> </li> <li class="nav__links nav__links--mobile col-12 col-lg-6"> <a class="nav__link nav__link--mobile col-1" href="/apply/" tabindex="-1">apply </a> <a class="nav__link nav__link--mobile col-1" href="/outreach/tours.shtml" tabindex="-1">visit </a> <a class="nav__link nav__link--mobile col-1" href="https://engage.cpp.edu/register/ask_us_a_question" tabindex="-1">info </a> <a class="nav__link nav__link--mobile col-1" href="/giving/" tabindex="-1">give </a> <a class="nav__link nav__link--mobile col-1" href="https://my.cpp.edu" tabindex="-1">mycpp </a> </li> </div> </ul> </nav> </header> <nav class="container side-nav__container"> <ul class="row side-nav__links"> <li class="side-nav__link col-12"> <a class="h3__proxima" href="/" tabindex="-1" aria-label="Cal Poly Pomona Home page">Home</a> </li> <li class="side-nav__item" id="sideNavItem--0"> <button class="h3__proxima" id="0" aria-expanded="false" tabindex="-1" aria-label="About"> <span>about</span> <span class="side-nav__item--plus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.25 0V34.5M17.25 0V34.5" stroke="#A4D65E" stroke-width="3" /> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> <span class="side-nav__item--minus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> </button> </li> <li class="side-nav__item" id="sideNavItem--1"> <button class="h3__proxima" id="1" aria-expanded="false" tabindex="-1" aria-label="Admissions & Aid"> <span>admissions & aid</span> <span class="side-nav__item--plus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.25 0V34.5M17.25 0V34.5" stroke="#A4D65E" stroke-width="3" /> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> <span class="side-nav__item--minus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> </button> </li> <li class="side-nav__item" id="sideNavItem--2"> <button class="h3__proxima" id="2" aria-expanded="false" tabindex="-1" aria-label="Academics"> <span>academics</span> <span class="side-nav__item--plus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.25 0V34.5M17.25 0V34.5" stroke="#A4D65E" stroke-width="3" /> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> <span class="side-nav__item--minus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> </button> </li> <li class="side-nav__item" id="sideNavItem--3"> <button class="h3__proxima" id="3" aria-expanded="false" tabindex="-1" aria-label="Life at CPP"> <span>life at CPP</span> <span class="side-nav__item--plus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.25 0V34.5M17.25 0V34.5" stroke="#A4D65E" stroke-width="3" /> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> <span class="side-nav__item--minus"> <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 17.25L34.5 17.25M0 17.25L34.5 17.25" stroke="#A4D65E" stroke-width="3" /> </svg> </span> </button> </li> </ul> </nav> <nav class="container side-nav__container--small"> <ul class="row"> <li class="side-nav__link--small col-12 col-lg-6"> <a class="h6__proxima" href="https://broncoathletics.com/" tabindex="-1">athletics</a> </li> <li class="side-nav__link--small col-12 col-lg-6"> <a class="h6__proxima" href="/alumni/" tabindex="-1">alumni</a> </li> <li class="side-nav__link--small col-12 col-lg-6"> <a class="h6__proxima" href="/news/" tabindex="-1">news & events</a> </li> </ul> </nav> <nav class="container side-nav__container--small-bottom"> <ul class="col-12 col-lg-6 side-nav__links--small-bottom"> <li class="side-nav__link--small-bottom col-2"> <a class="body2" href="/prospective-student-gateway/" tabindex="-1">future students</a> <span class="divider">|</span> </li> <li class="side-nav__link--small-bottom col-2"> <a class="body2" href="/student-gateway/" tabindex="-1">current students</a> <span class="divider">|</span> </li> <li class="side-nav__link--small-bottom col-2"> <a class="body2" href="/family/" tabindex="-1">families</a> <span class="divider">|</span> </li> <li class="side-nav__link--small-bottom col-2"> <a class="body2" href="/faculty-staff-gateway/" tabindex="-1">faculty & staff</a> </li> </ul> <ul class="col-12 col-lg-6 social-icons"> <li class="side-nav__icon--small-bottom"> <a href="https://www.instagram.com/calpolypomona/" aria-label="Instagram" tabindex="-1"> <img src="/common/green-and-gold/assets/icons/social/insta.svg" alt="Instagram" /> </a> </li> <li class="side-nav__icon--small-bottom"> <a href="https://www.linkedin.com/school/cal-poly-pomona/" aria-label="LinkedIn " tabindex="-1"> <img src="/common/green-and-gold/assets/icons/social/li.svg" alt="LinkedIn" /> </a> </li> <li class="side-nav__icon--small-bottom"> <a href="https://www.youtube.com/user/calpolypomona" aria-label="Youtube " tabindex="-1"> <img src="/common/green-and-gold/assets/icons/social/yt.svg" alt="Youtube" /> </a> </li> <li class="side-nav__icon--small-bottom"> <a href="https://www.facebook.com/calpolypomona" aria-label="Facebook " tabindex="-1"> <img src="/common/green-and-gold/assets/icons/social/fb.svg" alt="Facebook" /> </a> </li> <li class="side-nav__icon--small-bottom"> <a href="https://twitter.com/calpolypomona" aria-label="X (Twitter)" tabindex="-1"> <img src="/common/green-and-gold/assets/icons/social/x.svg" alt="X" /> </a> </li> </ul> </nav> </section> <script src="/common/green-and-gold/assets/js/nav.js"></script> <script> var mobileHtml = '<li class="col-6 nav__logo mobile"><a aria-label="Cal Poly Pomona Home" href="https://www.cpp.edu/" tabindex="0"><div class="nav__logo--horizontal"><img alt="Cal Poly Pomona Logo" src="/common/green-and-gold/assets/logos/cpp_horizontal_2c_green_rgb.png"/></div></a></li>'; $( "#main-logo" ).hide(); $( "#split-header #large-name" ).html('<a href="/sci/index.shtml">College of Science</a>'); $( "#dept-header-desktop" ).removeClass("d-none"); $( "#dept-header-desktop" ).addClass("d-flex"); $( "#dept-header-desktop" ).parent().prepend(mobileHtml); </script> <code></code> <header class="sub-nav"> <nav class="container"> <ul class="row sub-nav__links"> <li class="sub-nav__link "> <a class="button__proxima sub-nav__link--default" href=" /sci/index.shtml " tabindex="0">Home</a> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">About <svg xmlns="http://www.w3.org/2000/svg" class="chevron" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> <ul class="dropdown-menu sub-dropdown"> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/index.shtml " tabindex="0">About</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/considering-college-of-sci.shtml " tabindex="0">Considering College of Science</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/deans-office.shtml " tabindex="0">Office of Dean</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/deans-welcome.shtml " tabindex="0">Welcome from the Dean</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/faculty-staff-awards/index.shtml " tabindex="0">Faculty & Staff Awards</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/inclusive-excellence-in-science.shtml " tabindex="0">Inclusive Excellence</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/org-chart/index.shtml " tabindex="0">Organizational Chart</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/about/strategic-plan.shtml " tabindex="0">Strategic Plan</a> </li> </ul> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Departments <svg xmlns="http://www.w3.org/2000/svg" class="chevron" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> <ul class="dropdown-menu sub-dropdown"> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/biological-sciences/index.shtml " tabindex="0">Biological Sciences</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/chemistry-biochemistry/index.shtml " tabindex="0">Chemistry and Biochemistry</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/computer-science/index.shtml " tabindex="0">Computer Science</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/geological-sciences/index.shtml " tabindex="0">Geological Sciences</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/kinesiology-health-promotion/index.shtml " tabindex="0">Kinesiology and Health Promotion</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/mathematics-statistics/index.shtml " tabindex="0">Mathematics and Statistics</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/physics-astronomy/index.shtml " tabindex="0">Physics and Astronomy</a> </li> </ul> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Resources <svg xmlns="http://www.w3.org/2000/svg" class="chevron" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> <ul class="dropdown-menu sub-dropdown"> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/advising-center/index.shtml " tabindex="0">Advising</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/bases/index.shtml " tabindex="0">BASES</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/bridges-masters-to-phd/index.shtml " tabindex="0">Bridges to PhD</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://calbridge.org " tabindex="0">Cal-Bridge</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/cemast/index.shtml " tabindex="0">CEMaST</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/resources/current-student-info.shtml " tabindex="0">Information for Current Students</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/resources/scholarships.shtml " tabindex="0">Scholarships</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/resources/science-council-clubs.shtml " tabindex="0">Science Council/Clubs</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/sees/index.shtml " tabindex="0">SEES</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/studentsuccess/academics/stem-resources.shtml " tabindex="0">STEM Student Success</a> </li> </ul> </li> <li class="sub-nav__link "> <a class="button__proxima sub-nav__link--default" href=" https://www.cpp.edu/sci/alumni-partners/index.shtml " tabindex="0">Alumni & Partners</a> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Events <svg xmlns="http://www.w3.org/2000/svg" class="chevron" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> <ul class="dropdown-menu sub-dropdown"> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/events/commencement.shtml " tabindex="0">Commencement</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/events/events-calendar.shtml " tabindex="0">Events Calendar</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/events/planning-an-event.shtml " tabindex="0">Planning an Event</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/events/research-symposium.shtml " tabindex="0">Research Symposium</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/sci/events/science-on-tap.shtml " tabindex="0">Science on Tap</a> </li> </ul> </li> <li class="sub-nav__link "> <a class="button__proxima sub-nav__link--default" href=" https://www.cpp.edu/sci/news/index.shtml " tabindex="0">News</a> </li> <li class="sub-nav__link "> <a class="button__proxima sub-nav__link--default" href=" https://www.cpp.edu/sci/giving/index.shtml " tabindex="0">Giving</a> </li> <li class="sub-nav__link "> <a class="button__proxima sub-nav__link--default" href=" https://www.cpp.edu/sci/contact-us/index.shtml " tabindex="0">Contact</a> </li> </ul> <div class="row sub-nav__division-menu"> <div class="sub-nav__division">College of Science</div> <div class="col-4 menu-button"> <button aria-expanded="false" aria-label="Site Menu" class="button button__primary--yellow-green button__proxima" data-dropdown-id="dropdownMenuBtn" id="dropdownMenuBtn">Menu <span class="icon chevron"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" height="12" viewBox="0 0 19 12" width="19"> <g id="Atom / Icon / Expand Arrow / Small"> <path d="M2 2L9.5 9L17 2" id="Vector 2" stroke="none" stroke-width="3"/> </g> </svg> </span> </button> </div> <div class="sub-nav__dropdown hidden" id="dropdownMenu"> <li class="sub-nav__link"> <a class="button__proxima" href=" /sci/index.shtml " tabindex="0">Home</a> </li> <li class="sub-nav__link"> <div class="sub-nav__link--wrapper"> <button aria-expanded="false" class="button__proxima sub-nav__nested-button" id="1" tabindex="0">About<svg xmlns="http://www.w3.org/2000/svg" class="chevron active" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> </div> <div class="sub-nav__nested-dropdown show" id="nestedDropdownMenu--1"> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/index.shtml " tabindex="0">About</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/considering-college-of-sci.shtml " tabindex="0">Considering College of Science</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/deans-office.shtml " tabindex="0">Office of Dean</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/deans-welcome.shtml " tabindex="0">Welcome from the Dean</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/faculty-staff-awards/index.shtml " tabindex="0">Faculty & Staff Awards</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/inclusive-excellence-in-science.shtml " tabindex="0">Inclusive Excellence</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/org-chart/index.shtml " tabindex="0">Organizational Chart</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/about/strategic-plan.shtml " tabindex="0">Strategic Plan</a> </div> </div> </li> <li class="sub-nav__link"> <div class="sub-nav__link--wrapper"> <button aria-expanded="false" class="button__proxima sub-nav__nested-button" id="2" tabindex="0">Departments<svg xmlns="http://www.w3.org/2000/svg" class="chevron active" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> </div> <div class="sub-nav__nested-dropdown show" id="nestedDropdownMenu--2"> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/biological-sciences/index.shtml " tabindex="0">Biological Sciences</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/chemistry-biochemistry/index.shtml " tabindex="0">Chemistry and Biochemistry</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/computer-science/index.shtml " tabindex="0">Computer Science</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/geological-sciences/index.shtml " tabindex="0">Geological Sciences</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/kinesiology-health-promotion/index.shtml " tabindex="0">Kinesiology and Health Promotion</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/mathematics-statistics/index.shtml " tabindex="0">Mathematics and Statistics</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/physics-astronomy/index.shtml " tabindex="0">Physics and Astronomy</a> </div> </div> </li> <li class="sub-nav__link"> <div class="sub-nav__link--wrapper"> <button aria-expanded="false" class="button__proxima sub-nav__nested-button" id="3" tabindex="0">Resources<svg xmlns="http://www.w3.org/2000/svg" class="chevron active" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> </div> <div class="sub-nav__nested-dropdown show" id="nestedDropdownMenu--3"> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/advising-center/index.shtml " tabindex="0">Advising</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/bases/index.shtml " tabindex="0">BASES</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/bridges-masters-to-phd/index.shtml " tabindex="0">Bridges to PhD</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://calbridge.org " tabindex="0">Cal-Bridge</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/cemast/index.shtml " tabindex="0">CEMaST</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/resources/current-student-info.shtml " tabindex="0">Information for Current Students</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/resources/scholarships.shtml " tabindex="0">Scholarships</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/resources/science-council-clubs.shtml " tabindex="0">Science Council/Clubs</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/sees/index.shtml " tabindex="0">SEES</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/studentsuccess/academics/stem-resources.shtml " tabindex="0">STEM Student Success</a> </div> </div> </li> <li class="sub-nav__link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/alumni-partners/index.shtml " tabindex="0">Alumni & Partners</a> </li> <li class="sub-nav__link"> <div class="sub-nav__link--wrapper"> <button aria-expanded="false" class="button__proxima sub-nav__nested-button" id="4" tabindex="0">Events<svg xmlns="http://www.w3.org/2000/svg" class="chevron active" fill="none" height="9" viewBox="0 0 14 9" width="14"> <path d="M1 1L7 7L13 1" stroke="#005030" stroke-width="2"/> </svg> </button> </div> <div class="sub-nav__nested-dropdown show" id="nestedDropdownMenu--4"> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/events/commencement.shtml " tabindex="0">Commencement</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/events/events-calendar.shtml " tabindex="0">Events Calendar</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/events/planning-an-event.shtml " tabindex="0">Planning an Event</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/events/research-symposium.shtml " tabindex="0">Research Symposium</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/events/science-on-tap.shtml " tabindex="0">Science on Tap</a> </div> </div> </li> <li class="sub-nav__link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/news/index.shtml " tabindex="0">News</a> </li> <li class="sub-nav__link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/giving/index.shtml " tabindex="0">Giving</a> </li> <li class="sub-nav__link"> <a class="button__proxima" href=" https://www.cpp.edu/sci/contact-us/index.shtml " tabindex="0">Contact</a> </li> </div> </div> </nav> <script type="text/javascript"> $(".button").attr("data-dropdown-id", "dropdownMenuBtn").on("click", function(event) { var dropdownMenu = $("#dropdownMenu"); var nestedDropdownMenus = $(".sub-nav__nested-dropdown"); if ($(this).attr("aria-expanded") === "false") { $(this).attr("aria-expanded", "true"); } else { $(this).attr("aria-expanded", "false"); } toggleDropdown(dropdownMenu);; // close all nested dropdown menus if open nestedDropdownMenus.each(function() { if ($(this).hasClass("show")) { $(this).removeClass("show"); $(this).addClass("hidden"); } }) }) $(".sub-nav__nested-button").on("click", function(event) { var currentButtonId = $(this).attr("id") var nestedDropdownMenu = $(`#nestedDropdownMenu--${currentButtonId}`) $(this).find(".chevron").toggleClass("active"); if ($(this).attr("aria-expanded") === "false") { $(this).attr("aria-expanded", "true"); } else { $(this).attr("aria-expanded", "false"); } toggleDropdown(nestedDropdownMenu); }) function toggleDropdown(menu) { if (menu.hasClass("hidden")) { menu.removeClass("hidden"); menu.addClass("show"); $(document).on('keydown', function(event) { if (event.key == "Escape") { var dropdownMenu = $("#dropdownMenu"); var nestedDropdownMenus = $(".sub-nav__nested-dropdown"); $(".button").attr("data-dropdown-id", "dropdownMenuBtn").attr("aria-expanded", "false"); nestedDropdownMenus.each(function() { if ($(".button").attr("data-dropdown-id", "dropdownMenuBtn").hasClass("show")) { $(".button").attr("data-dropdown-id", "dropdownMenuBtn").removeClass("show"); $(".button").attr("data-dropdown-id", "dropdownMenuBtn").addClass("hidden"); } }) menu.removeClass("show"); menu.addClass("hidden"); }}); } else { menu.removeClass("show"); menu.addClass("hidden"); } } </script> </header> <code></code> <div class="cqw-wrapper" id="main"> <div class="organism-spacer ${padding}" style="--mobilePaddingBottomOverride: 50px;"> <section class="college-landing" id="landingId--u94zpdgzzd8"> <div class="college-landing__accent-image-wrapper"> <img alt="student in science lab" class="college-landing__accent-image" src="https://www.cpp.edu/sci/img/science-lab-bennet.jpg"/> </div> <div class="container"> <div class="row"> <div class="col-12 col-lg-6"> <div class="college-landing__text"> <h1 class="h1__proxima college-landing__header">College of Science</h1> <p class="h6__proxima college-landing__copy">Discover unlimited possibilities.</p> </div> </div> <div class="col-12 col-lg-5 offset-lg-1"> <div class="college-landing__content-wrapper"> <picture class="college-landing__content--image"> <img alt="Lima's lab" src="https://www.cpp.edu/sci/img/lima-lab-web.jpg"/> </picture> <script> $(document).ready(function(){ $(".college-landing__video-play-icon").click(function() { var video = $(".college-landing__content-video").get(0); if(video.paused){ video.play(); $(".college-landing__video-play-icon").addClass("playing"); $(".college-landing__video-play-icon").attr("aria-pressed", "true"); $(".college-landing__video-play-icon").attr("aria-label", "Pause video"); }else{ video.pause(); $(".college-landing__video-play-icon").removeClass("playing"); $(".college-landing__video-play-icon").attr("aria-pressed", "false"); $(".college-landing__video-play-icon").attr("aria-label", "Play video"); } notifyStateChange() }); function notifyStateChange() { var video = $(".college-landing__content-video").get(0); const liveRegion = document.getElementById('liveRegion'); liveRegion.textContent = video.paused ? 'Video paused' : 'Video playing'; } }); </script> </div> </div> </div> </div> <div class="college-landing__eggshell-rip"></div> </section> </div> <script> var totalItemsheroCarousel = $('#heroCarousel .carousel-item').length; $('#cardCarouselNumheroCarousel').html(totalItemsheroCarousel); var slideheroCarousel = $('#heroCarousel .carousel-item.active').index() + 1; var slideTitleheroCarousel = $('#heroCarousel .carousel-item.active .hero-carousel__copy h2').html(); $('#hero-carousel-notification').html('>Slide ' + slideheroCarousel + ' /' + totalItemsheroCarousel + ' Title:' + slideTitleheroCarousel); $('#heroCarousel').on('slid.bs.carousel', function() { slideheroCarousel = $('#heroCarousel .carousel-item.active').index() + 1; slideTitleheroCarousel = $('#heroCarousel .carousel-item.active .hero-carousel__copy h2').html(); $('#hero-carousel-notification').html('>Slide ' + slideheroCarousel + ' /' + totalItemsheroCarousel + ' Title:' + slideTitleheroCarousel); }) </script> <style> <!-- @media (max-width: 767px) { #cardCarousel1 .carousel-inner .card-carousel-item>div { display: none; } #cardCarousel1 .carousel-inner .carousel-item>div:first-child { display: block; } } #cardCarousel1 .carousel-inner .carousel-item.active, #cardCarousel1 .carousel-inner .carousel-item-next, #cardCarousel1 .carousel-inner .carousel-item-prev { display: flex; } /* medium and up screens */ @media (min-width: 768px) { #cardCarousel1 .carousel-inner .carousel-item-end.active, #cardCarousel1 .carousel-inner .carousel-item-next { transform: translateX(33%); } #cardCarousel1 .carousel-inner .carousel-item-start.active, #cardCarousel1 .carousel-inner .carousel-item-prev { transform: translateX(-33%); } } #cardCarousel1 .carousel-inner .carousel-item-end, #cardCarousel1 .carousel-inner .carousel-item-start { transform: translateX(0); } #cardCarousel1 .carousel-indicators { bottom: 60px !important; } .card-carousel .carousel-item { gap: 20px; padding-top: 20px; height: 100% !important; } --> </style> <div class="organism-spacer spacer__padding-top--medium"> <div class="container"> <div class="row"> <div class="content-carousel content-carousel--default"> <div class="content-carousel__header stacked"> <h2 class="kicker kicker__transducer">You belong in science</h2> <h3 class="h2__proxima col-lg-8">Discover Your Passion Here</h3> <p class="body2 col-12 col-lg-8">Whether you want to study new ways to fight disease, learn cybersecurity or discover green alternatives to petrochemicals, you'll find opportunities to find what you love and become by doing.</p> <div class="content-carousel content-carousel__controls-wrapper d-flex justify-content-end"> <div class="content-carousel content-carousel__controls"> <button aria-disabled="false" aria-label="Previous slide" class="carousel-prev--2" data-bs-slide="prev" data-bs-target="#cardCarousel1" style="opacity: 1;" type="button"> <span class="visually-hidden">Previous </span> </button> <div aria-live="polite" class="carousel-tracker body3"> <div id="cardCarouselNum1"></div> </div> <button aria-disabled="false" aria-label="Next slide" class="carousel-next carousel-next--2" data-bs-slide="next" data-bs-target="#cardCarousel1" style="opacity: 1;" type="button"> <span class="visually-hidden">Next </span> </button> </div> </div> </div> </div> <div class="card-carousel cutoff carousel slide" data-bs-interval="false" id="cardCarousel1"> <div class="carousel-inner" role="listbox"> <div class="card-carousel-item carousel-item dept-card active col-12" role="group"> <div class="carousel__card col-12 col-md-4"> <a class="card card__open card__open--link bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/sci/newsletter/preparing-for-a-career-in-medicine.shtml"> <div class="card__open-img"> <img alt="Tatiane Lima's lab students" class="bright-green-card__image" src="img/bio-card-2.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Biological Science Research</h3> <p class="body2 image-card-text">All our programs provide opportunities for you to conduct research. In biology, you can conduct biomedical research, present your findings at symposium, and get the experience you need to prepare for a career in medicine, research or graduate school.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item dept-card col-12" role="group"> <div class="carousel__card col-12 col-md-4"> <a class="card card__open card__open--link bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/news/content/2023/01/cpps-cybersecurity-team-learns-by-preparing/index.shtml"> <div class="card__open-img"> <img alt="CPP cybersecurity team wins award" class="bright-green-card__image" src="img/cs-card-1.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Cybersecurity</h3> <p class="body2 image-card-text">Become part of an award-winning team. We'll prepare you for a career in software development, AI, big data, cybersecurity, 3D game development and more.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item dept-card col-12" role="group"> <div class="carousel__card col-12 col-md-4"> <a class="card card__open card__open--link bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/sci/newsletter/finding-a-more-sustainable-future.shtml"> <div class="card__open-img"> <img alt="two chemistry students in a lab" class="bright-green-card__image" src="img/chm-card-1.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Sustainable Chemistry</h3> <p class="body2 image-card-text">"I never thought I’d be working on a project that could tackle world issues like pollution," senior Jonathan Wagner said about his experience conducting chemistry research.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item dept-card col-12" role="group"> <div class="carousel__card col-12 col-md-4"> <a class="card card__open card__open--link bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/sci/newsletter/student-gains-a-brighter-future-by-studying-the-past.shtml"> <div class="card__open-img"> <img alt="geology student looking through a microscope" class="bright-green-card__image" src="img/geo-card-1.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Unparalleled Opportunities</h3> <p class="body2 image-card-text">Find out how geology student Sunshyne Santos, whose passion is paleontology, found a mentor and gained special access to the La Brea Tar Pits' collections.</p> </div> </a> </div> </div> </div> </div> </div> </div> </div> <script> let items1 = document.querySelectorAll('#cardCarousel1 .card-carousel-item') var cardHeight = 0; var cardMaxHeight = 0; items1.forEach((el) => { if( $(el).css('display') == 'flex') { cardHeight = el.offsetHeight; } else { $(el).addClass('active'); cardHeight = el.offsetHeight; $(el).removeClass('active'); } if(cardHeight > cardMaxHeight) { cardMaxHeight = cardHeight; } const minPerSlide = 3 let next = el.nextElementSibling for (var i = 1; i < minPerSlide; i++) { if (!next) { // wrap carousel by using first child console.log(next); next = items1[0] } let cloneChild = next.cloneNode(true) el.appendChild(cloneChild.children[0]) next = next.nextElementSibling } }) console.log("Max Card Height " + cardMaxHeight); $('#cardCarousel1 .card-carousel-item').height(cardMaxHeight); $('#cardCarousel1 .card-carousel-item .carousel__card').height(cardMaxHeight); var totalItems1 = $('#cardCarousel1 .carousel-item').length; $('#cardCarouselNum1').html(totalItems1); var slide1 = $('#cardCarousel1 .carousel-item.active').index() + 1; var slideTitle1 = $('#cardCarousel1 .carousel-item.active h3').html(); $('#cardCarouselNum1').html('<span class="sr-only">Slide</span> ' + slide1 + ' /' + totalItems1 + ' <span class="sr-only">Title:' + slideTitle1 + '</span>'); $('#cardCarousel1').on('slid.bs.carousel', function() { slide1 = $('#cardCarousel1 .carousel-item.active').index() + 1; slideTitle1 = $('#cardCarousel1 .carousel-item.active h3').html(); $('#cardCarouselNum1').html('<span class="sr-only">Slide</span> ' + slide1 + ' /' + totalItems1 + ' <span class="sr-only">Title:' + slideTitle1 + '</span>'); }) </script> <div class="organism-spacer spacer__padding-top--medium"> <section class="stat-grid stat-grid--dark-green"> <div class="container"> <h2 class="sr-only">Rankings</h2> <div class="row"> <div class="col-12 col-sm-6 col-lg-4"> <section class="stat-card stat-card--dark-green"> <h3 class="stat2 stat-card__value">#1</h3> <h4 class="h6__proxima stat-card__label">Polytechnic University for Diversity & Economic Mobility</h4> <p class="body3 stat-card__copy">The Wall Street Journal, 2025; CollegeNET, 2024; Diverse: Issues in Higher Education, 2024</p> </section> </div> <div class="col-12 col-sm-6 col-lg-4"> <section class="stat-card stat-card--dark-green"> <h3 class="stat2 stat-card__value">#2</h3> <h4 class="h6__proxima stat-card__label">Top Public University West</h4> <p class="body3 stat-card__copy">U.S. News & World Report, 2025</p> </section> </div> <div class="col-12 col-sm-6 col-lg-4"> <section class="stat-card stat-card--dark-green"> <h3 class="stat2 stat-card__value">#1</h3> <h4 class="h6__proxima stat-card__label">Best Bang for the Buck Polytechnic: West</h4> <p class="body3 stat-card__copy">Washington Monthly, 2024</p> </section> </div> <div class="col-12 col-sm-6 col-lg-4"> <section class="stat-card stat-card--dark-green"> <h3 class="stat2 stat-card__value">$71,076</h3> <h4 class="h6__proxima stat-card__label">Average salary — math and sciences</h4> <p class="body3 stat-card__copy">National Association of Colleges and Employers</p> </section> </div> <div class="col-12 col-sm-6 col-lg-4"> <section class="stat-card stat-card--dark-green"> <h3 class="stat2 stat-card__value">100</h3> <h4 class="h6__proxima stat-card__label">Peer-reviewed articles published annually; many include student authors</h4> <p class="body3 stat-card__copy"></p> </section> </div> <div class="col-12 col-sm-6 col-lg-4"> <section class="stat-card stat-card--dark-green"> <h3 class="stat2 stat-card__value">60+</h3> <h4 class="h6__proxima stat-card__label">Scholarships awarded annually</h4> <p class="body3 stat-card__copy"></p> </section> </div> </div> </div> </section> </div> <style> <!-- @media (max-width: 767px) { #cardCarousel2 .carousel-inner .card-carousel-item>div { display: none; } #cardCarousel2 .carousel-inner .carousel-item>div:first-child { display: block; } } #cardCarousel2 .carousel-inner .carousel-item.active, #cardCarousel2 .carousel-inner .carousel-item-next, #cardCarousel2 .carousel-inner .carousel-item-prev { display: flex; } /* medium and up screens */ @media (min-width: 768px) { #cardCarousel2 .carousel-inner .carousel-item-end.active, #cardCarousel2 .carousel-inner .carousel-item-next { transform: translateX(33%); } #cardCarousel2 .carousel-inner .carousel-item-start.active, #cardCarousel2 .carousel-inner .carousel-item-prev { transform: translateX(-33%); } } #cardCarousel2 .carousel-inner .carousel-item-end, #cardCarousel2 .carousel-inner .carousel-item-start { transform: translateX(0); } #cardCarousel2 .carousel-indicators { bottom: 60px !important; } .card-carousel .carousel-item { gap: 20px; padding-top: 20px; height: 100% !important; } --> </style> <div class="organism-spacer spacer__padding-top--medium"> <div class="container"> <div class="row"> <div class="content-carousel content-carousel--default"> <div class="content-carousel__header default "> <h2 class="h4__transducer col-lg-6">Academic Programs</h2> <div class="content-carousel content-carousel__controls-wrapper d-flex justify-content-end"> <div class="content-carousel content-carousel__controls"> <button aria-disabled="false" aria-label="Previous slide" class="carousel-prev--2" data-bs-slide="prev" data-bs-target="#cardCarousel2" style="opacity: 1;" type="button"> <span class="visually-hidden">Previous </span> </button> <div aria-live="polite" class="carousel-tracker body3"> <div id="cardCarouselNum2"></div> </div> <button aria-disabled="false" aria-label="Next slide" class="carousel-next carousel-next--2" data-bs-slide="next" data-bs-target="#cardCarousel2" style="opacity: 1;" type="button"> <span class="visually-hidden">Next </span> </button> </div> </div> </div> </div> <div class="card-carousel carousel slide" data-bs-interval="false" id="cardCarousel2"> <div class="carousel-inner" role="listbox"> <div class="card-carousel-item carousel-item active" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 1 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/biological-sciences/biology.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Biology</h3> <p class="body2">Gain real-world experience in the lab that prepares you to work as a scientist, ecologist, forensic scientist, botanist, park ranger, physician, teacher and more.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 2 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/chemistry-and-biochemistry/chemistry.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Chemistry</h3> <p class="body2">Study general chemistry, biochemistry and receive A.C.S Certification. You’ll gain hands-on experience with professional equipment that will prepare you to become a chemist, lab technician, materials scientist, biochemist, pharmacologist or biotechnologist.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 3 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/computer-science/computer-science.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Computer Science</h3> <p class="body2">Develop software, work in AI, cybersecurity, big data, game development and more. The skills you'll gain here are in demand and the possibilities are unlimited. The program is fully accredited by ABET.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 4 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/geological-sciences/geology.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Geology</h3> <p class="body2">You'll learn by doing with professional equipment in the field, gaining valuable experience that will prepare you to work as a geologist, environmental geoscientist, geophysicist, hydrogeologist or exploration geologist.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 5 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/kinesiology/kinesiology.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Kinesiology</h3> <p class="body2">Prepare for a career teaching physical education, or choose a general option that has emphases in exercise science, sociocultural or public health.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 6 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/mathematics-and-statistics/mathematics.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Mathematics</h3> <p class="body2">Study applied mathematics/statistics, or pursue pure math in preparation for a career in secondary teaching.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 7 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/sci/physics/physics.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Physics</h3> <p class="body2">Explore everything from classical mechanics to interstellar processes and gain hands-on experience that will prepare you for a career in engineering, data science, physics research or teaching. The American Institute of Physics ranks the department in the top 1% nationally for the number of B.S. degrees awarded.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 8 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/programs/index.shtml?programType=Master&college=Science"> <div class="card__body"> <span class="kicker">Master's</span> <h3 class="h4__proxima">Degrees</h3> <p class="body2">There are master's degree programs in all disciplines except physics.</p> </div> </a> </div> </div> </div> </div> </div> </div> </div> <script> let items2 = document.querySelectorAll('#cardCarousel2 .card-carousel-item') var cardHeight = 0; var cardMaxHeight = 0; items2.forEach((el) => { if( $(el).css('display') == 'flex') { cardHeight = el.offsetHeight; } else { $(el).addClass('active'); cardHeight = el.offsetHeight; $(el).removeClass('active'); } if(cardHeight > cardMaxHeight) { cardMaxHeight = cardHeight; } const minPerSlide = 3 let next = el.nextElementSibling for (var i = 1; i < minPerSlide; i++) { if (!next) { // wrap carousel by using first child console.log(next); next = items2[0] } let cloneChild = next.cloneNode(true) el.appendChild(cloneChild.children[0]) next = next.nextElementSibling } }) console.log("Max Card Height " + cardMaxHeight); $('#cardCarousel2 .card-carousel-item').css("min-height", cardMaxHeight); $('#cardCarousel2 .card-carousel-item .carousel__card').css("min-height", cardMaxHeight); var totalItems2 = $('#cardCarousel2 .carousel-item').length; $('#cardCarouselNum2').html(totalItems2); var slide2 = $('#cardCarousel2 .carousel-item.active').index() + 1; var slideTitle2 = $('#cardCarousel2 .carousel-item.active h3').html(); $('#cardCarouselNum2').html('<span class="sr-only">Slide</span> ' + slide2 + ' /' + totalItems2 + ' <span class="sr-only">Title:' + slideTitle2 + '</span>'); $('#cardCarousel2').on('slid.bs.carousel', function() { slide2 = $('#cardCarousel2 .carousel-item.active').index() + 1; slideTitle2 = $('#cardCarousel2 .carousel-item.active h3').html(); $('#cardCarouselNum2').html('<span class="sr-only">Slide</span> ' + slide2 + ' /' + totalItems2 + ' <span class="sr-only">Title:' + slideTitle2 + '</span>'); }) </script> <div class="organism-spacer spacer__margin-top--medium"> <section class="featured "> <div class="container"> <header class="featured__header"> <h2 class="h4__transducer">Our Broncos in Action</h2> <a class="button button__primary--light-green button1__transducer" href=" https://www.cpp.edu/sci/alumni-partners/index.shtml ">Success Stories</a> </header> <div class="row"> <div class="col-lg-4"> <a class="featured-card bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/sci/newsletter/cpp-alumnus-appointed-state-geologist.shtml" target="_blank" title="opens a new window"> <div class="featured-card__image-wrapper"><img alt="" class="featured-card__image" src="https://www.cpp.edu/sci/img/jeremy-geo.jpg"/></div> <h3 class="featured-card__header kicker__transducer featured-card__header--magenta">CPP Alumnus Appointed State Geologist</h3> <p class="featured-card__copy h6__proxima">Find out how CPP prepared alumnus Jeremy Lancaster for the top-ranking post of State Geologist. </p> </a> </div> <div class="col-12 col-lg-1 divider"></div> <div class="row col-lg-7 featured__logos"> <header class="col-12 featured__logos-header"> <div class="kicker__transducer kicker__mobile">Where our grads work</div> </header> <div class="col-6"> <div class="featured__logos-img"> <img alt="Microsoft" src="img/microsoft.jpg"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="Gilead" src="img/gilead.jpg"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="State of California" src="img/state-ca.jpg"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="Nasa JPL" src="img/nasa-jpl.jpg"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="Kite Pharma" src="img/kite-pharma.jpg"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="Sony Interactive Entertainment" src="img/sony-interactive.jpg"/></div> </div> </div> </div> </div> </section> </div> <div class="organism-spacer spacer__padding-top--medium"> <section class="featured hide"> <div class="container"> <header class="featured__header"> <h2 class="h4__transducer">Science News</h2> <a class="button button__primary--light-green button1__transducer" href=" https://www.cpp.edu/sci/news/index.shtml ">Read our newsletter</a> </header> <div class="row"> <div class="col-lg-4"> <a class="featured-card bar--magenta--with-arrow bar--thin" href="newsletter/22-million-dollar-nsf-grant-will-prepare-students-for-biotech-industry.shtml" target="_blank" title="opens in new window"> <div class="featured-card__image-wrapper"> <img alt="" class="featured-card__image" src="img/snyder-lab.jpg"/> </div> <h3 class="featured-card__header kicker__transducer featured-card__header--magenta">$22M NSF Grant Will Prepare Students for Biotech Industry</h3> <p class="featured-card__copy h5__proxima">A new grant funding research into extreme microbes will help prepare students for the biotech Industry.</p> </a> </div> <div class="col-12 col-lg-1 divider"></div> <div class="col-lg-7 featured__small-cards"> <a class="small-card bar--magenta--with-arrow bar--thin" href="newsletter/geology-student-stands-for-educational-equity-and-environmental-justice.shtml" target="_blank" title="opens a new window"> <div class="small-card__image-wrapper"> <img alt="Wendy Hernandez" class="small-card__image" src="newsletter/img/wendy-cropped.jpg"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta">Geology Student Stands for Educational Equity</h3> <p class="small-card__copy h5__proxima">When her high school science class failed to satisfy her curiosity, Wendy Hernandez started the Earth Club and students learned what they wanted to learn.</p> </div> </a> <a class="small-card bar--magenta--with-arrow bar--thin" href="newsletter/40-million-people-in-the-us-have-toxoplasmosis-why-do-we-know-so-little-about-it.shtml" target="_blank" title="opens a new window"> <div class="small-card__image-wrapper"> <img alt="Students working in a lab" class="small-card__image" src="newsletter/img/lima-lab-web.jpg"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta">40-Million People in the U.S. Have Toxoplasmosis - Why do we Know so Little About it?</h3> <p class="small-card__copy h5__proxima">Why do we know so little about it?</p> </div> </a> <a class="small-card bar--magenta--with-arrow bar--thin" href="newsletter/cal-poly-pomona-celebrates-diversity-provides-community-support-and-a-path-to-success.shtml" target="_blank" title="opens a new window"> <div class="small-card__image-wrapper"> <img alt="Students working in a lab" class="small-card__image" src="newsletter/ximena_dsc_0649.jpg"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta">Cal Poly Pomona Celebrates Diversity, Provides Community, Support, and a Path to Success</h3> <p class="small-card__copy h5__proxima">Find out how Cal Poly Pomona is helping Ximena Corona accomplish her goal of acquiring a Ph.D.</p> </div> </a> </div> </div> </div> </section> </div> <style> a.card__image-cta:focus { outline: 3px solid #005030; border: solid 2px #fff; border-radius: 5px; } </style> <div class="organism-spacer spacer__background-color--eggshell organism-spacer spacer__margin-top--medium spacer__padding-bottom--medium"> <section class="three-up__cta-card"> <div class="container"> <div class="header__wrapper"> <img alt="" class="cta-card__svg" src="https://www.cpp.edu/common//green-and-gold/assets/images/vertical-line-circle.svg"/> <header class="header"> <h2 class="h1__proxima">Discover Your Future</h2> </header> </div> <div class="row"> <div class="col-12 col-sm-10 col-md-8 col-lg-4"> <a class="card card__image-cta bar--magenta--with-arrow col-lg-4" href="https://www.cpp.edu/apply/index.shtml" target="_blank" title="opens a new window"> <div class="card__button"> <div class="button button__primary--yellow button1__transducer">Apply now</div> </div> <div class="card__img"> <img alt="" src="img/cpp_bitmap_nature_both_72dpi.jpg"/></div> </a> </div> </div> </div> </section> </div> <style> .footer__rip-wrapper { background: #f2eee8; } </style> </div> <div class="footer__gradient-section"> <div class="container"> <div class="row"> <div class="col-12 col-lg-4"> <h2 class="footer__gradient-header">College of Science</h2> </div> <div class="col-12 col-lg-8 footer__gradient-socials-wrapper"> <h3 class="footer__gradient-social-header button2__transducer">Follow Us:</h3> <div class="footer__gradient-socials"> <a href="https://www.instagram.com/cpp_science/" target="_blank"> <span aria-live="assertive" class="screen-reader-text">Instagram opens a new window</span> <img alt="Instagram" src="/common/green-and-gold/assets/icons/social/insta-reverse.svg"/> </a> <a href="https://www.linkedin.com/in/cal-poly-pomona-college-of-science-b905b0256/" target="_blank"> <span aria-live="assertive" class="screen-reader-text">LinkedIn opens a new window</span> <img alt="LinkedIn" src="/common/green-and-gold/assets/icons/social/li-reverse.svg"/> </a> <a href="https://www.youtube.com/@cppcollegeofscience/videos" target="_blank"> <span aria-live="assertive" class="screen-reader-text">YouTube opens a new window</span> <img alt="YouTube" src="/common/green-and-gold/assets/icons/social/yt-reverse.svg"/> </a> <a href="https://www.facebook.com/cppcollegeofscience/ " target="_blank"> <span aria-live="assertive" class="screen-reader-text">Facebook opens a new window</span> <img alt="Facebook" src="/common/green-and-gold/assets/icons/social/fb-reverse.svg"/> </a> <a href="https://x.com/cpp_science" target="_blank"> <span aria-live="assertive" class="screen-reader-text">X opens a new window</span> <img alt="X" src="/common/green-and-gold/assets/icons/social/x-reverse.svg"/> </a> </div> </div> <style> .footer__rip-wrapper { background: none; } </style> </div> </div> </div> <style> @media screen and (min-width: 992px) { .mini-footer .footer__socials-buttons { grid-template-columns: 1fr 1fr 1fr 1fr; } } .mini-footer .button1__transducer { font-size: 12px; letter-spacing: .5px; } .mini-footer .button { margin-top: 0; padding: 8px 20px 8px 20px; } .mini-footer .footer-line { border-top: thin solid #a4d65e; margin-top: 39px; padding-top: 15px; } </style> <footer class="footer mini-footer"> <div class="footer__rip-wrapper"> <img class="footer__rip" alt="" src="/common/green-and-gold/assets/images/green-rip.svg" alt="Ripped green paper." /> </div> <div class="container"> <div class="row"> <div class="col-12 col-lg-2"> <div class="footer__logo-wrapper"> <a href="/" aria-label="CPP Logo"> <img class="footer__logo" src="/common/green-and-gold/assets/logos/cpp_primary_1c_gold_rgb.png" alt="Cal Poly Pomona logo, building with a palm tree." /> </a> </div> </div> <div class="col-12 col-lg-6 offset-lg-4"> <div class="footer__socials"> <div class="footer__socials-buttons"> <a class="button button__secondary button1__transducer" href="/apply/">Apply</a> <a class="button button__secondary button1__transducer" href="https://maps.cpp.edu/">Maps</a> <a class="button button__secondary button1__transducer" href="/outreach/tours.shtml">Visit</a> <a class="button button__secondary button1__transducer" href="/contact.shtml">Contact Us</a> </div> <div class="footer__socials-icons"> <a href="https://www.instagram.com/calpolypomona/" target="_blank"> <img src="/common/green-and-gold/assets/icons/social/insta.svg" alt="Instagram opens a new window" /> </a> <a href="https://www.linkedin.com/school/cal-poly-pomona/" target="_blank"> <img src="/common/green-and-gold/assets/icons/social/li.svg" alt="LinkedIn opens a new window" /> </a> <a href="https://www.youtube.com/user/calpolypomona" target="_blank"> <img src="/common/green-and-gold/assets/icons/social/yt.svg" alt="YouTube opens a new window" /> </a> <a href="https://www.facebook.com/calpolypomona" target="_blank"> <img src="/common/green-and-gold/assets/icons/social/fb.svg" alt="Facebook opens a new window" /> </a> <a href="https://twitter.com/calpolypomona" target="_blank"> <img src="/common/green-and-gold/assets/icons/social/x.svg" alt="X opens a new window" /> </a> </div> </div> </div> <div class="col-12 footer-line"> <div class="footer__errata"> <p class="footer__copyright" style="line-height: 1.8em">Copyright ©2025 California State Polytechnic University, Pomona. All Rights Reserved <br />A campus of <a class="footer__errata-link" style="display: inline" href="https://www.calstate.edu/">The California State University</a>. </p> <div class="footer__errata-links"> <a class="footer__errata-link" href="https://www.cpp.edu/website-feedback.shtml">Feedback</a> <a class="footer__errata-link" href="https://www.cpp.edu/privacy.shtml">Privacy</a> <a class="footer__errata-link" href="https://www.cpp.edu/accessibility.shtml">Accessibility</a> <a class="footer__errata-link" href="https://www.cpp.edu/file-viewers.shtml">Document Readers</a> </div> </div> </div> </div> </div> <div class="footer__gradient-bottom"></div> </footer> </body> </html>