Office of the President

<!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> Office of the President </title> <meta content="Explore Cal Poly Pomona's Office of the President, led by President Soraya M. Coley. Learn about leadership, strategic planning, and initiatives driving student success and regional and national impact." 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> <script src="/common/green-and-gold/assets/js/modal.js"></script> <script src="/common/green-and-gold/assets/js/fontawesome/v6.0x/sharp-light.js" crossorigin="anonymous" type="text/javascript"></script> <script src="/common/green-and-gold/assets/js/fontawesome/v6.0x/sharp-others.js" crossorigin="anonymous" type="text/javascript"></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-6"> <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="/commencement/" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style=" position: relative; height: 25px; top: 1px; width: auto; ">  <path d="M622.3 153.2L343.4 67.5c-15.2-4.7-31.6-4.7-46.8 0L17.7 153.2c-23.5 7.2-23.5 38.4 0 45.6l48.6 14.9c-10.7 13.2-17.2 29.3-17.9 46.9C38.8 266.2 32 276.1 32 288c0 10.8 5.7 19.9 13.9 25.7L20.3 428.5C18.1 438.5 25.7 448 35.9 448h56.1c10.2 0 17.8-9.5 15.6-19.5L82.1 313.7C90.3 307.9 96 298.8 96 288c0-11.6-6.5-21.3-15.7-26.9 .8-15 8.4-28.3 20.7-36.7L296.6 284.5c9.1 2.8 26.4 6.3 46.8 0l279-85.7c23.6-7.2 23.6-38.4 0-45.6zM352.8 315.1c-28.5 8.8-52.8 3.9-65.6 0l-145-44.6L128 384c0 35.4 86 64 192 64s192-28.7 192-64l-14.2-113.5-145 44.6z" fill="#005030"></path> </svg> <span class="sr-only">commencement</span> </a> <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="/commencement/" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style=" position: relative; height: 25px; top: 1px; width: auto; ">  <path d="M622.3 153.2L343.4 67.5c-15.2-4.7-31.6-4.7-46.8 0L17.7 153.2c-23.5 7.2-23.5 38.4 0 45.6l48.6 14.9c-10.7 13.2-17.2 29.3-17.9 46.9C38.8 266.2 32 276.1 32 288c0 10.8 5.7 19.9 13.9 25.7L20.3 428.5C18.1 438.5 25.7 448 35.9 448h56.1c10.2 0 17.8-9.5 15.6-19.5L82.1 313.7C90.3 307.9 96 298.8 96 288c0-11.6-6.5-21.3-15.7-26.9 .8-15 8.4-28.3 20.7-36.7L296.6 284.5c9.1 2.8 26.4 6.3 46.8 0l279-85.7c23.6-7.2 23.6-38.4 0-45.6zM352.8 315.1c-28.5 8.8-52.8 3.9-65.6 0l-145-44.6L128 384c0 35.4 86 64 192 64s192-28.7 192-64l-14.2-113.5-145 44.6z" fill="#ffb81c"></path> </svg> <span class="sr-only">Commencement</span> </a> <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="/commencement/" tabindex="-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style=" position: relative; height: 25px; top: 1px; width: auto; ">  <path d="M622.3 153.2L343.4 67.5c-15.2-4.7-31.6-4.7-46.8 0L17.7 153.2c-23.5 7.2-23.5 38.4 0 45.6l48.6 14.9c-10.7 13.2-17.2 29.3-17.9 46.9C38.8 266.2 32 276.1 32 288c0 10.8 5.7 19.9 13.9 25.7L20.3 428.5C18.1 438.5 25.7 448 35.9 448h56.1c10.2 0 17.8-9.5 15.6-19.5L82.1 313.7C90.3 307.9 96 298.8 96 288c0-11.6-6.5-21.3-15.7-26.9 .8-15 8.4-28.3 20.7-36.7L296.6 284.5c9.1 2.8 26.4 6.3 46.8 0l279-85.7c23.6-7.2 23.6-38.4 0-45.6zM352.8 315.1c-28.5 8.8-52.8 3.9-65.6 0l-145-44.6L128 384c0 35.4 86 64 192 64s192-28.7 192-64l-14.2-113.5-145 44.6z" fill="#ffb81c"></path> </svg> <span class="sr-only">Commencement</span> </a> <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="/president/index.shtml">Office of the President</a>'); $( "#dept-header-desktop" ).removeClass("d-none"); $( "#dept-header-desktop" ).addClass("d-flex"); $( "#dept-header-desktop" ).parent().prepend(mobileHtml); </script> <header class="sub-nav"> <nav class="container" id="subNavContainer"> <ul class="row sub-nav__links"> <li class="sub-nav__link"> <a class="button__proxima sub-nav__link--default" href="/president/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">Meet the President <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="/president/meet-the-president/about-the-president.shtml" tabindex="0">About the President</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/meet-the-president/presidential-history.shtml" tabindex="0">Presidential History</a> </li> </ul> </li> <li class="sub-nav__link"> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Strategic Planning <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="/president/strategic-initiatives.shtml" tabindex="0">Strategic Initiatives </a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/regional-and-national-impact.shtml" tabindex="0">Regional & National Leadership</a> </li> </ul> </li> <li class="sub-nav__link"> <a class="button__proxima sub-nav__link--default" href="/president/campus-leadership/campus-leadership-index.shtml" tabindex="0">Campus Leadership</a> </li> <li class="sub-nav__link"> <a class="button__proxima sub-nav__link--default" href="/president/from-the-president-index.shtml" tabindex="0">Messages</a> </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="/president/campus-conversations/about-cammpus-conversations.shtml" tabindex="0">Campus Conversations</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/from-the-president/presidential-orders.shtml" tabindex="0">Presidential Orders</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/emeritus-honors.shtml" tabindex="0">Emeritus Honors</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/compliance/whistleblower-and-retaliation-complaints.shtml" tabindex="0">Whistleblower Protection Act</a> </li> </ul> </li> <li class="sub-nav__link"> <button aria-expanded="false" class="button__proxima sub-nav__link--default" data-bs-toggle="dropdown">Contact <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="/president/contact/office-directory.shtml" tabindex="0">Office Directory</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/contact/cabinet.shtml" tabindex="0">President's Cabinet</a> </li> <li> <a class="dropdown-item bs_dropdown_button__proxima" href="/president/contact/schedule-the-president.shtml" tabindex="0">Request to Schedule the President</a> </li> </ul> </li> </ul> <div class="row sub-nav__division-menu"> <div class="sub-nav__division"></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="/president/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">Meet the President<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="/president/meet-the-president/about-the-president.shtml" tabindex="0">About the President</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/meet-the-president/presidential-history.shtml" tabindex="0">Presidential History</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">Strategic Planning<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="/president/strategic-initiatives.shtml" tabindex="0">Strategic Initiatives </a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/regional-and-national-impact.shtml" tabindex="0">Regional & National Leadership</a> </div> </div> </li> <li class="sub-nav__link"> <a class="button__proxima" href="/president/campus-leadership/campus-leadership-index.shtml" tabindex="0">Campus Leadership</a> </li> <li class="sub-nav__link"> <a class="button__proxima" href="/president/from-the-president-index.shtml" tabindex="0">Messages</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="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="/president/campus-conversations/about-cammpus-conversations.shtml" tabindex="0">Campus Conversations</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/from-the-president/presidential-orders.shtml" tabindex="0">Presidential Orders</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/emeritus-honors.shtml" tabindex="0">Emeritus Honors</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/compliance/whistleblower-and-retaliation-complaints.shtml" tabindex="0">Whistleblower Protection Act</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">Contact<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="/president/contact/office-directory.shtml" tabindex="0">Office Directory</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/contact/cabinet.shtml" tabindex="0">President's Cabinet</a> </div> <div class="sub-nav__sub-link"> <a class="button__proxima" href="/president/contact/schedule-the-president.shtml" tabindex="0">Request to Schedule the President</a> </div> </div> </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"); //add click listener to check for clicks outside of the nav //https://stackoverflow.com/questions/152975/how-do-i-detect-a-click-outside-an-element/3028037#3028037 $(document).click(function(event) { var $target = $(event.target); if(!$target.closest('#subNavContainer').length) { closeDropdown(menu); } }); //add listener for escape key $(document).on('keydown', function(event) { if (event.key == "Escape") { closeDropdown(menu); }}); } else { menu.removeClass("show"); menu.addClass("hidden"); } } function closeDropdown(menu) { 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"); } </script> </header> <code></code> <div class="cqw-wrapper" id="main"> <div class="organism-spacer spacer__mobile-padding-bottom--override" style="--mobilePaddingBottomOverride: 50px;"> <section class="college-landing" id="landingId--u94zpdgzzd8"> <div class="college-landing__accent-image-wrapper"> <img alt="CPP President's Logo" class="college-landing__accent-image" src="img/cpp_seal_2c_green_rgb.png"/> </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">Office of the President</h1> <p class="h6__proxima college-landing__copy"></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="President Coley takes a selfie with Student during an event" src="img/newfeaturephoto.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> <script src="/common/green-and-gold/assets/js/small-cards-mobile-view.js" type="text/javascript"></script> <div class="organism-spacer spacer__margin-bottom--medium"> <section class="content-carousel content-carousel--default"> <div class="container"> <div class="row"> <section class="small-card-grid small-card-grid--desktop"> <div class="small-card-grid__wrapper row"> <header class="small-card-grid__header"> <h2 class="h4__transducer col-8 sr-only">Charting a Course for Success</h2> </header> <div class="small-card-grid__card col-lg-4"> <a aria-label="About Meet the President (opens in new window)" class="small-card bar--magenta--with-arrow bar--thin" href="meet-the-president/about-the-president.shtml" target="_blank"> <div class="small-card__image-wrapper"> <img alt="President Soraya M Coley" class="small-card__image" src="img/meet-the-president.png"/> </div> <div class="small-card__content"> <h2 class="small-card__header kicker__transducer small-card__header--magenta">About</h2> <p class="small-card__copy h5__proxima">Meet the President</p> </div> </a> </div> <div class="small-card-grid__card col-lg-4"> <a aria-label="From the President Messages, Videos and More (opens in new window)" class="small-card bar--magenta--with-arrow bar--thin" href="from-the-president-index.shtml" target="_blank"> <div class="small-card__image-wrapper"> <img alt="President Soraya M Coley" class="small-card__image" src="img/fromthepresident.png"/> </div> <div class="small-card__content"> <h2 class="small-card__header kicker__transducer small-card__header--magenta">From the President</h2> <p class="small-card__copy h5__proxima">Messages, Videos and More</p> </div> </a> </div> <div class="small-card-grid__card col-lg-4"> <a aria-label="Campus Leadership Making an Impact for Broncos Everywhere (opens in new window)" class="small-card bar--magenta--with-arrow bar--thin" href="campus-leadership/campus-leadership-index.shtml" target="_blank"> <div class="small-card__image-wrapper"> <img alt="President Coley placeholder image" class="small-card__image" src="img/campus-leadership.jpg"/> </div> <div class="small-card__content"> <h2 class="small-card__header kicker__transducer small-card__header--magenta">Campus Leadership</h2> <p class="small-card__copy h5__proxima">Making an Impact for Broncos Everywhere</p> </div> </a> </div> </div> </section> <div class="content-carousel__header default mobile-only"> <h2 class="h4__transducer col-lg-6 sr-only">upcoming application deadlines</h2> <div class="content-carousel__controls-wrapper"> <div class="content-carousel__cta cta--desktop"> <a class="button button__primary--light-green button1__transducer" href="/">all application deadlines</a> </div> <div class="content-carousel__controls"> <button aria-disabled="true" aria-label="Previous slide" class="carousel-prev--1" data-bs-slide="prev" data-bs-target="#contentCarousel--1" type="button"> <span class="visually-hidden">Previous</span> </button> <div aria-live="polite" class="carousel-tracker body3" id="carousel-tracker--1">1 / 3</div> <button aria-disabled="false" aria-label="Next slide" class="carousel-next carousel-next--1" data-bs-slide="next" data-bs-target="#contentCarousel--1" type="button"> <span class="visually-hidden">Next</span> </button> <div aria-live="assertive" class="sr-only" id="carousel-notification"></div> </div> </div> </div> <div aria-live="polite" class="carousel mobile-only" data-bs-ride="false" id="contentCarousel--1"> <div class="carousel-inner"> <div class="carousel-item active" role="group"> <div class="carousel__card"> <a aria-label="About Meet the President" class="small-card bar--magenta--with-arrow bar--thin" href="meet-the-president/about-the-president.shtml" target="_blank"> <div class="small-card__image-wrapper"> <img alt="President Soraya M Coley" class="small-card__image" src="img/meet-the-president.png"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta">About</h3> <p class="small-card__copy h5__proxima">Meet the President</p> </div> </a> </div> </div> <div class="carousel-item " role="group"> <div class="carousel__card"> <a aria-label="From the President Messages, Videos and More" class="small-card bar--magenta--with-arrow bar--thin" href="from-the-president-index.shtml" target="_blank"> <div class="small-card__image-wrapper"> <img alt="President Soraya M Coley" class="small-card__image" src="img/fromthepresident.png"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta">From the President</h3> <p class="small-card__copy h5__proxima">Messages, Videos and More</p> </div> </a> </div> </div> <div class="carousel-item " role="group"> <div class="carousel__card"> <a aria-label="Campus Leadership Making an Impact for Broncos Everywhere" class="small-card bar--magenta--with-arrow bar--thin" href="campus-leadership/campus-leadership-index.shtml" target="_blank"> <div class="small-card__image-wrapper"> <img alt="President Coley placeholder image" class="small-card__image" src="img/campus-leadership.jpg"/> </div> <div class="small-card__content"> <h3 class="small-card__header kicker__transducer small-card__header--magenta">Campus Leadership</h3> <p class="small-card__copy h5__proxima">Making an Impact for Broncos Everywhere</p> </div> </a> </div> </div> </div> </div> </div> </div> </section> </div> <div class="organism-spacer spacer__padding-top--medium spacer__padding-bottom--medium spacer__background-color--eggshell spacer__mobile-padding-top--override spacer__mobile-padding-bottom--override"> <section class="cta-green-card "> <div class="container"> <div class="row"> <header class="green-card-grid__header"> <div class="green-card-grid__copy"> <h2 class="h4__transducer">Shaping Tomorrow, Today</h2> </div> </header> </div> <div class="cta-green-card__cards row"> <div class="col-12 col-sm-6 col-lg-4"> <a class="card card__link card__icon card--dark-green bar--green--with-arrow col-lg-4${iconclass}" href="strategic-initiatives.shtml"> <div class="card__body"> <h3 class="h4__proxima">Strategic Initiatives</h3> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4"> <a class="card card__link card__icon card--dark-green bar--green--with-arrow col-lg-4${iconclass}" href="regional-and-national-impact.shtml"> <div class="card__body"> <h3 class="h4__proxima">Regional and National Impact</h3> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4"> <a class="card card__link card__icon card--dark-green bar--green--with-arrow col-lg-4${iconclass}" href="contact/office-directory.shtml"> <div class="card__body"> <h3 class="h4__proxima">Office Directory</h3> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4"> <a class="card card__link card__icon card--dark-green bar--green--with-arrow col-lg-4${iconclass}" href="presidents-scholars-index.shtml"> <div class="card__body"> <h3 class="h4__proxima">President's Scholars</h3> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4"> <a class="card card__link card__icon card--dark-green bar--green--with-arrow col-lg-4${iconclass}" href="academic-honors.shtml"> <div class="card__body"> <h3 class="h4__proxima">Academic Honors</h3> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4"> <a class="card card__link card__icon card--dark-green bar--green--with-arrow col-lg-4${iconclass}" href="emeritus-honors.shtml"> <div class="card__body"> <h3 class="h4__proxima">Emeritus Honors</h3> </div> </a> </div> </div> </div> </section> </div> <section class="social-media-lockup social-media-lockup--yellow-green"> <div class="container"> <div class="row"> <div class="col-lg-6 img-wrapper"> <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/prescoleycpp/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style="background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);"> <div style="padding: 16px;"> <div style="display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style="background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div> </div> </div> <div style="padding: 19% 0;"></div> <div style="display: block; height: 50px; margin: 0 auto 12px; width: 50px;"><svg xmlns="https://www.w3.org/2000/svg" height="50px" version="1.1" viewbox="0 0 60 60" width="50px" xmlns:xlink="https://www.w3.org/1999/xlink"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g fill="#000000" transform="translate(-511.000000, -20.000000)"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"/></g></g></g></svg></div> <div style="padding-top: 8px;"> <div style="color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;">View this profile on Instagram</div> </div> <p style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;"><a href="https://www.instagram.com/prescoleycpp/?utm_source=ig_embed&utm_campaign=loading" rel="noopener" style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px;" target="_blank">Dr. Soraya M. Coley</a> (@<a href="https://www.instagram.com/prescoleycpp/?utm_source=ig_embed&utm_campaign=loading" rel="noopener" style="color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px;" target="_blank">prescoleycpp</a>) • Instagram photos and videos</p> </div> </blockquote> <script async="" src="//www.instagram.com/embed.js"></script> </div> <div class="col-lg-6"> <div class="social-media-lockup__content"> <div class="kicker__transducer">Let's Get Social</div> <h3 class="h3__proxima">@PresColeyCPP</h3> <p class="body2"></p> <div class="link-wrapper"> <a aria="Link" class="social-media-lockup__link button1__transducer" href="https://www.instagram.com/prescoleycpp/">Follow President Coley </a> </div> </div> </div> </div> </div> </section> <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 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">Get In Touch</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://app.smartsheet.com/b/form/c8c52e7ea5b64a9582fb2b7a1a34d2b0" target="_blank" title="opens a new window"> <div class="card__button"> <div class="button button__primary--yellow button1__transducer">Document Signatures</div> </div> <div class="card__img"> <img alt="" src="img/ssb-aerial.jpg"/></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="contact/schedule-the-president.shtml" target="_blank" title="opens a new window"> <div class="card__button"> <div class="button button__primary--yellow button1__transducer">Request an Apperance</div> </div> <div class="card__img"> <img alt="" src="img/schedule-the-president-2.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">Office of the President</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/prescoleycpp/" 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://x.com/PresColeyCPP" 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> <custom/> </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

Office of the President