College of Environmental Design

<!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 Environmental Design </title> <meta content="At the College of Environmental Design (ENV), study architecture, landscape architecture, urban and regional planning, visual communication design, art history or regenerative studies." 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>  <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="/env/index.shtml">College of Environmental Design</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=" /env/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/env/about/mission.shtml " tabindex="0">Mission</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/about/history.shtml " tabindex="0">History</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/about/deans-office.shtml " tabindex="0">Dean's Office</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/about/deans-advisory-council/index.shtml " tabindex="0">Dean's Advisory Council</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/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/env/about/contact-us.shtml " tabindex="0">Contact Us</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/env/architecture/index.shtml " tabindex="0">Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/art/index.shtml " tabindex="0">Art</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/landscape-architecture/index.shtml " tabindex="0">Landscape Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/urp/index.shtml " tabindex="0">Urban and Regional Planning</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/lyle/index.shtml " tabindex="0">Lyle Center for Regenerative Studies</a> </li> </ul> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Programs <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/programs/env/architecture/architecture.shtml " tabindex="0">Bachelor's - Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/programs/env/art/art-history.shtml " tabindex="0">Bachelor's - Art History</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/programs/env/landscape-architecture/landscape-architecture.shtml " tabindex="0">Bachelor's - Landscape Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/programs/env/urp/urban-regional-planning.shtml " tabindex="0">Bachelor's - Urban and Regional Planning</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/programs/env/art/visual-communication-design.shtml " tabindex="0">Bachelor's - Visual Communication Design</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/architecture/program-degrees-admissions/master-of-architecture.shtml " tabindex="0">Master's - Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/architecture/program-degrees-admissions/master-of-interior-architecture.shtml " tabindex="0">Master's - Interior Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/landscape-architecture/degrees-admissions/masters.shtml " tabindex="0">Master's - Landscape Architecture</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/urp/degrees-admissions/graduate-program.shtml " tabindex="0">Master's - Urban and Regional Planning</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/lyle/degrees-admissions/ms-regenerative-studies.shtml " tabindex="0">Master's - Regenerative Studies</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" /env/programs/minors.shtml " tabindex="0">Minor Programs</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/programs/ge-courses.shtml " tabindex="0">General Education Courses</a> </li> </ul> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Academic 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/env/student-success-advising-center/index.shtml " tabindex="0">ENV Student Success Advising Center</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/resources/isb.shtml " tabindex="0">Instructional Services Bureau + Print Labs</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/model-shop/index.shtml " tabindex="0">ENV Model Shop</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/architecture/resources/arc-fab-lab.shtml " tabindex="0">Architecture Fabrication Lab</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/urp/academic-resources/gis-lab.shtml " tabindex="0">GIS Lab</a> </li> </ul> </li> <li class="sub-nav__link "> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Culture <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/env/culture/env-archives.shtml " tabindex="0">ENV Archives - Special Collections</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima " href=" https://www.cpp.edu/env/culture/neutra-vdl.shtml " tabindex="0">Neutra VDL House</a> </li> </ul> </li> <li class="sub-nav__link "> <a class="button__proxima sub-nav__link--default" href=" https://www.cpp.edu/env/make-a-gift/index.shtml " tabindex="0">Giving</a> </li> </ul> <div class="row sub-nav__division-menu"> <div class="sub-nav__division">College of Environmental Design</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=" /env/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/env/about/mission.shtml " tabindex="0">Mission</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/about/history.shtml " tabindex="0">History</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/about/deans-office.shtml " tabindex="0">Dean's Office</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/about/deans-advisory-council/index.shtml " tabindex="0">Dean's Advisory Council</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/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/env/about/contact-us.shtml " tabindex="0">Contact Us</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/env/architecture/index.shtml " tabindex="0">Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/art/index.shtml " tabindex="0">Art</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/landscape-architecture/index.shtml " tabindex="0">Landscape Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/urp/index.shtml " tabindex="0">Urban and Regional Planning</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/lyle/index.shtml " tabindex="0">Lyle Center for Regenerative Studies</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">Programs<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/programs/env/architecture/architecture.shtml " tabindex="0">Bachelor's - Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/programs/env/art/art-history.shtml " tabindex="0">Bachelor's - Art History</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/programs/env/landscape-architecture/landscape-architecture.shtml " tabindex="0">Bachelor's - Landscape Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/programs/env/urp/urban-regional-planning.shtml " tabindex="0">Bachelor's - Urban and Regional Planning</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/programs/env/art/visual-communication-design.shtml " tabindex="0">Bachelor's - Visual Communication Design</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/architecture/program-degrees-admissions/master-of-architecture.shtml " tabindex="0">Master's - Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/architecture/program-degrees-admissions/master-of-interior-architecture.shtml " tabindex="0">Master's - Interior Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/landscape-architecture/degrees-admissions/masters.shtml " tabindex="0">Master's - Landscape Architecture</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/urp/degrees-admissions/graduate-program.shtml " tabindex="0">Master's - Urban and Regional Planning</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/lyle/degrees-admissions/ms-regenerative-studies.shtml " tabindex="0">Master's - Regenerative Studies</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" /env/programs/minors.shtml " tabindex="0">Minor Programs</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/programs/ge-courses.shtml " tabindex="0">General Education Courses</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="4" tabindex="0">Academic 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--4"> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/student-success-advising-center/index.shtml " tabindex="0">ENV Student Success Advising Center</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/resources/isb.shtml " tabindex="0">Instructional Services Bureau + Print Labs</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/model-shop/index.shtml " tabindex="0">ENV Model Shop</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/architecture/resources/arc-fab-lab.shtml " tabindex="0">Architecture Fabrication Lab</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/urp/academic-resources/gis-lab.shtml " tabindex="0">GIS Lab</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="5" tabindex="0">Culture<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--5"> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/culture/env-archives.shtml " tabindex="0">ENV Archives - Special Collections</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href=" https://www.cpp.edu/env/culture/neutra-vdl.shtml " tabindex="0">Neutra VDL House</a> </div> </div> </li> <li class="sub-nav__link"> <a class="button__proxima" href=" https://www.cpp.edu/env/make-a-gift/index.shtml " tabindex="0">Giving</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="Building 7, College of Environmental Design" class="college-landing__accent-image" src="http://www.cpp.edu/~env/img/environmental-design-building-outside1.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 Environmental Design</h1> <p class="h6__proxima college-landing__copy">We design the future.</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="Architecture Student and professor working on model" src="img/clark-robert6-1.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>  </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">Our Philosophy</h2> <h3 class="h2__proxima col-lg-8">A True Polytechnic Experience</h3> <p class="body2 col-12 col-lg-8">The College of Environmental Design (ENV) connects people, places and the environments in which we live, work and play. A leader in design excellence, our programs use the rich creative economy and cultural capital of Southern California — and its geographical advantage as a global gateway for trade and ideas — to educate and train future designers to shape the future of the built and natural environments with resiliency, inclusivity and justice. ENV offers undergraduate and graduate degrees in architecture, landscape architecture, urban and regional planning; undergraduate degrees visual communication design and art history; and a graduate degree in regenerative studies. The college also manages the University's two professional galleries, the W. Keith & Janet Kellogg University Art Gallery and the Don B. Huntley Gallery; the Neutra VDL House, designated a National Historic Landmark; and the ENV Archives-Special Collections.</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/news/content/2023/10/cpp-roots-house-wins-10-awards-from-oc-sustainability-decathlon/index.shtml"> <div class="card__open-img"> <img alt="Student works on architecture model" class="bright-green-card__image" src="img/24architecture-studio-dowling.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Design-Build Projects</h3> <p class="body2 image-card-text">Participate in real-world design-build projects, such as constructing physical models or full-scale structures. Your projects integrate design theory with practical application and often involve collaboration across disciplines, such as architecture, landscape architectur...</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/08/cool-customers-can-savor-cpps-new-ice-cream-flavors/index.shtml"> <div class="card__open-img"> <img alt="Rachel Hunter poses with President Coley, showing off the packaging design she created" class="bright-green-card__image" src="img/cpp-farms-ice-cream-coley5-1.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Professional Experiences</h3> <p class="body2 image-card-text">Rachel Hunter, VCD '24, worked with Cal Poly Pomona Enterprises to design the artwork for the packaging along with the brand identity for CPP Farms Ice Cream. The pints were available for purchase throughout campus. Opportunities are often presented within CPP for st...</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/env/culture/env-archives.shtml"> <div class="card__open-img"> <img alt="students work in the ENV Archives" class="bright-green-card__image" src="img/screenshot-2024-12-12-at-8.49.05pm-large.jpeg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">ENV Archives-Special Collections and Research</h3> <p class="body2 image-card-text">ENV houses an extensive collection of original drawings, photographs, and documents related to the built environment. You can engage in archival research, which enhances your understanding of historical and contemporary design practices.</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/env/architecture/resources/studio-culture.shtml"> <div class="card__open-img"> <img alt="student draws a design in a studio" class="bright-green-card__image" src="http://www.cpp.edu/~env/img/env-homepage-slide4.jpg"/> </div> <div class="card__open-content"> <h3 class="h6__proxima">Studio-Based Learning</h3> <p class="body2 image-card-text">The core of our polytechnic approach is studio-based learning, where you work in creative, collaborative spaces to develop and present design solutions. These studios simulate professional environments, preparing you for careers in environmental design fields.</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 College in the 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">#21</h3> <h4 class="h6__proxima stat-card__label">Best Colleges in America</h4> <p class="body3 stat-card__copy">Wall Street Journal, 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">80%</h3> <h4 class="h6__proxima stat-card__label">Identify as students of color</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">50%</h3> <h4 class="h6__proxima stat-card__label">First-generation students</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">5</h3> <h4 class="h6__proxima stat-card__label">International Study Programs</h4> <p class="body3 stat-card__copy"></p> </section> </div> </div> </div> </section> </div> <style>  </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__cta cta--desktop cta--mobile"> <a class="button button__primary--light-green button1__transducer" href="https://www.cpp.edu/programs/index.shtml">View all Programs</a> </div> <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/env/architecture/architecture.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Architecture</h3> <p class="body2">Design innovative spaces, transform communities and bring creative visions to life in the built environment.</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/env/art/art-history.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Art History</h3> <p class="body2">Uncover the stories behind masterpieces, curate inspiring exhibitions, and connect audiences to the rich tapestry of human creativity across cultures and time.</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/env/landscape-architecture/landscape-architecture.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Landscape Architecture</h3> <p class="body2">Design vibrant outdoor spaces, shape sustainable environments, and create harmonious connections between nature and urban life.</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/env/urp/urban-regional-planning.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Urban and Regional Planning</h3> <p class="body2">Shape the future of cities and communities by designing sustainable growth strategies, improving infrastructure, and creating inclusive spaces that enhance quality of life.</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/env/art/visual-communication-design.shtml"> <div class="card__body"> <span class="kicker">Bachelor's</span> <h3 class="h4__proxima">Visual Communication Design</h3> <p class="body2">Create impactful visuals, express ideas through innovative design, and inspire audiences with your creative storytelling.</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/env/architecture/program-degrees-admissions/master-of-architecture.shtml"> <div class="card__body"> <span class="kicker">Master's</span> <h3 class="h4__proxima">Architecture</h3> <p class="body2">Lead groundbreaking projects, push the boundaries of sustainable and innovative design, and shape the future of our built environment with visionary expertise.</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/env/architecture/program-degrees-admissions/master-of-interior-architecture.shtml"> <div class="card__body"> <span class="kicker">Master's</span> <h3 class="h4__proxima">Interior Architecture</h3> <p class="body2">Reimagine interior spaces, blend aesthetics with functionality, and create transformative environments that enhance how people live, work, and connect.</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/env/landscape-architecture/degrees-admissions/masters.shtml"> <div class="card__body"> <span class="kicker">Master's</span> <h3 class="h4__proxima">Landscape Architecture</h3> <p class="body2">Create dynamic outdoor environments, promote sustainability, and design landscapes that enrich communities while preserving the natural world.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 9 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/env/lyle/degrees-admissions/ms-regenerative-studies.shtml"> <div class="card__body"> <span class="kicker">Master's</span> <h3 class="h4__proxima">Regenerative Studies</h3> <p class="body2">Lead the way in creating sustainable, restorative solutions that heal ecosystems, foster community resilience, and shape a more harmonious relationship between people and the planet.</p> </div> </a> </div> </div> <div class="card-carousel-item carousel-item" role="group"> <div class="carousel__card"> <a aria-roledescription="Slide 10 link" class="card card__link card__kicker card--dark-green bar--green--with-arrow col-lg-4" href="https://www.cpp.edu/env/urp/degrees-admissions/graduate-program.shtml"> <div class="card__body"> <span class="kicker">Master's</span> <h3 class="h4__proxima">Urban and Regional Planning</h3> <p class="body2">Design vibrant, sustainable cities, shape inclusive policies, and lead the charge in transforming urban spaces to better serve communities and the environment.</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/wearecpp/stories/daniel_aley.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/wearecpp/stories/daniel_aley.shtml " target="_blank" title="opens a new window"> <div class="featured-card__image-wrapper"><img alt="Daniel Aley posing with laptop" class="featured-card__image" src="img/aley-daniel11.jpeg"/></div> <h3 class="featured-card__header kicker__transducer featured-card__header--magenta">Designing Beyond the Stars</h3> <p class="featured-card__copy h6__proxima">Daniel Aley, a 2019 graphic design (now Visual Communication Design) graduate, merges artistry with technology in his role at Orbital Sidekick, a hyperspectral monitoring startup. He leverages user-centered design to translate complex satellite data into actionable insights for industries like energy and agriculture. At CPP, Aley cultivated a diverse skill set by combining graphic design with behavioral studies, rocket lab visuals, and app development, reflecting his belief that design is a journey shaped by storytelling and empathy. </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="Caltrans logo" src="img/where-our-grads-work-logos/caltrans.png"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="LPA logo" src="img/where-our-grads-work-logos/lpa.png"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="HMC Architects logo" src="img/where-our-grads-work-logos/hmc.png"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="National Parks Service logo" src="img/where-our-grads-work-logos/us-nationalparkservice-logo.png"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="KTGY logo" src="img/where-our-grads-work-logos/ktgy_logo_primary.png"/></div> </div> <div class="col-6"> <div class="featured__logos-img"> <img alt="SWA logo" src="img/where-our-grads-work-logos/_swalogo-wht-border.png"/></div> </div> </div> </div> </div> </section> </div> <div class="organism-spacer spacer__padding-top--medium"> <section class="image-cta-lockup image-cta-lockup--dark-green" id="content-section-3"> <div class="linework"> <img alt="" class="linework--mobile" src="https://www.cpp.edu/common//green-and-gold/assets/images/linework-combo-offset-white-mobile.svg"/> <img alt="" class="linework--desktop" src="https://www.cpp.edu/common//green-and-gold/assets/images/linework-combo-offset-white.svg"/> </div> <div class="container"> <div class="row"> <div class="image-cta-lockup__content col-lg-6"> <header class="image-cta-lockup__header"> <h2 class="kicker__transducer">Student Support</h2> <h3 class="h2__proxima">Resources Available to Students</h3> <p class="body2">ENV has three professional student advisors, a dedicated therapist for ENV students, a designated ENV librarian, a professional Career Specialist and Career Center Liaison, and hosts wellness and resource fairs throughout the semester to ensure our students have access to the assistance they need.</p> </header> </div> <div class="col-lg-6"> <div class="image-cta-lockup__img"> <img alt="Student receiving assistance with registration" src="img/24env-advising8.jpg"/> </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">College News</h2> <a class="button button__primary--light-green button1__transducer" href=" https://www.cpp.edu/news/all-news.shtml?category=3 ">View Full News</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/news/content/2024/11/bob-weis-former-walt-disney-imagineering-president-talks-dream-chasing/index.shtml" target="_blank" title="opens in new window"> <div class="featured-card__image-wrapper"> <img alt="Bob Weis" class="featured-card__image" src="http://www.cpp.edu/news/img/news/2024/11/bob-weis2.jpg"/> </div> <h3 class="featured-card__header kicker__transducer featured-card__header--magenta"/> <p class="featured-card__copy h5__proxima">Bob Weis, Former Walt Disney Imagineering President, Talks 'Dream Chasing'</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="https://www.cpp.edu/news/content/2024/09/sen-archuleta-honors-cpp-leaders-for-community-contributions-during-national-hispanic-heritage-month/index.shtml" target="_blank" title="opens a new window"> <div class="small-card__image-wrapper"> <img alt="Provost Terri Gomez" class="small-card__image" src="http://www.cpp.edu/news/img/news/2024/09/24provost-gomez-alvaro-huerta-cpp-news.gif"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta"/> <p class="small-card__copy h5__proxima">Sen. Archuleta Honors CPP Leaders for Community Contributions During National Hispanic Heritage Month</p> </div> </a> <a class="small-card bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/news/content/2024/09/visionary-architects-connecting-innovation-and-design-sharon-johnston-mark-lee-named-2024-neutra-award-medalists/index.shtml" target="_blank" title="opens a new window"> <div class="small-card__image-wrapper"> <img alt="Sharon Johnston and Mark Lee" class="small-card__image" src="http://www.cpp.edu/news/img/news/2024/09/jml_portrait-105_todd-cole.gif"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta"/> <p class="small-card__copy h5__proxima">Visionary Architects Connecting Innovation and Design: Sharon Johnston & Mark Lee Named 2024 Neutra Award Medalists</p> </div> </a> <a class="small-card bar--magenta--with-arrow bar--thin" href="https://www.cpp.edu/news/content/2024/08/qa-alumna-pamela-galera-discusses-her-journey-in-landscape-architecture/index.shtml" target="_blank" title="opens a new window"> <div class="small-card__image-wrapper"> <img alt="Pamela Galera" class="small-card__image" src="http://www.cpp.edu/news/img/news/2024/08/galera-pamela10.gif"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta"/> <p class="small-card__copy h5__proxima">Q&A: Alumna Pamela Galera Discusses her Journey in Landscape Architecture</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">Take the Next Step</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/outreach/tours.shtml" target="_blank" title="opens a new window"> <div class="card__button"> <div class="button button__primary--yellow button1__transducer">Schedule a Tour</div> </div> <div class="card__img"> <img alt="" src="img/call-to-action-photos/cpp_bitmap_horses_both_300dpi-large.jpeg"/></div> </a> </div> <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/" target="_blank" title="opens a new window"> <div class="card__button"> <div class="button button__primary--yellow button1__transducer">Apply</div> </div> <div class="card__img"> <img alt="" src="img/call-to-action-photos/cpp_bitmap_nature_both_300dpi-large.jpeg"/></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 Environmental Design</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/cppenv/" 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/cppenv/" 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.facebook.com/cppenv/ " 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/cppenv/" 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>

CINXE.COM

College of Environmental Design