1 2 3<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 4<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> 5<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> 6<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 7 8 <head> 9 <title>Pasadena City College</title> 10 <meta name="Description" content="Pasadena City College is a community college in Pasadena, California enrolling over 30,000 students each semester. "> 11 12 <!-- Limit PHP Scripts Run Time --> 13 14 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 15 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 16 <meta http-equiv="X-Content-Type-Options" content="nosniff"/> 17 <meta name="google-site-verification" content="DpkgeVCAf7gVWP8nRVAHbp1-7hJ0GFFE-i8RMmTXS04" /> 18 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 19 <link rel="shortcut icon" type="image/x-icon" href="/_resources/img/favicon.ico"> 20 21 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 21-22
21 22 <script async src="https://www.googletagmanager.com/gtag/js?id=
22UA-3633482-1
vendor: 13 bytes, lines 22-23
22"></script> 23
23<script> 24
vendor: 137 bytes, lines 24-28
24window.dataLayer = window.dataLayer || []; 25 function gtag(){dataLayer.push(arguments);} 26 gtag('js', new Date()); 27 28 gtag('config', '
28UA-3633482-1
vendor: 5 bytes, lines 28-29
28'); 29
29</script>
29 30 31 <!-- Google Tag Manager --> 32
32<script>
vendor: 331 bytes, lines 32-36
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36 })(window,document,'script','dataLayer','
36GTM-TKM98RW
vendor: 3 bytes, line 36
36');
36</script>
36 37 <!-- End Google Tag Manager --> 38 39 <!-- TIKTOK Requested by perceptiv Jan 2022 --> 40
40<script> 41 !function (w, d, t) { 42 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++ 43)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=i+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; 44 45 ttq.load('C70H0GNOUAG086PM0T10'); 46 ttq.page(); 47 }(window, document, 'ttq'); 48 </script>
48 49 50<!-- Fonts --> 51<link rel="stylesheet" href="/_resources/css/fonts.css"/> 52<link rel="stylesheet" href="https://use.typekit.net/tmg8wqd.css"> <!-- Proxima Nova Font (added Jan 2022)--> 53 54<!-- Bootstrap --> 55<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"><!-- New Bootstrap 5.3.3--> 56<link rel="stylesheet" href="/_resources/css/bootstrap.min.css?v=1.3" /><!-- NEW Bootstrap Theme for 5.3.3 --> 57<link rel="stylesheet" href="/_resources/css/bootstrap-override.css?v=1.2" /><!-- Bootstrap Overrides for 5.3.3 --> 58 59<!-- Legacy --> 60<link rel="stylesheet" href="/_resources/css/legacy.css?v=1.8" /> 61<link rel="stylesheet" href="/_resources/css/owl-carousel-custom.css" /> 62 63<!-- Plugins --> 64<link rel="stylesheet" href="/_resources/plugins/magnific-popup/magnific-popup.css"> 65<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.min.css"> 66<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.bootstrap5.min.css"> 67<link rel="stylesheet" href="https://cdn.datatables.net/responsive/3.0.2/css/responsive.bootstrap5.min.css"> 68<link rel="stylesheet" href="/_resources/css/animate.css" /> 69<link rel="stylesheet" href="/_resources/css/aos.css" /> 70<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" /> 71 72<!-- Font Awesome --> 73<!-- Core (required) --> 74<link rel="stylesheet" href="/_resources/fontawesome/css/fontawesome.min.css"> 75 76<!-- Everything classic in one file (solid, regular, light, thin, brands, etc.) --> 77<link rel="stylesheet" href="/_resources/fontawesome/css/all.min.css"> 78 79<!-- Sharp families --> 80<link rel="stylesheet" href="/_resources/fontawesome/css/sharp-solid.min.css"> 81<link rel="stylesheet" href="/_resources/fontawesome/css/sharp-regular.min.css"> 82<link rel="stylesheet" href="/_resources/fontawesome/css/sharp-light.min.css"> 83<link rel="stylesheet" href="/_resources/fontawesome/css/sharp-thin.min.css"> 84 85<!-- Legacy compatibility --> 86<link rel="stylesheet" href="/_resources/fontawesome/css/v4-shims.min.css"> 87<link rel="stylesheet" href="/_resources/fontawesome/css/v5-font-face.min.css"> 88 89<!-- Custom --> 90<link rel="stylesheet" href="/_resources/css/utilities.css?v=1.5" /> 91<link rel="stylesheet" href="/_resources/css/pcc-custom.css?v=1.4" /> 92<link rel="stylesheet" href="/_resources/css/components.css?v=1.25"> 93<link rel="stylesheet" href="/_resources/css/oustyles.css?v=1.4" /> 94<link href="/_resources/calendar-resources/calendar-v2/css/custom.css?v=7.9" rel='stylesheet' /> <style></style> 95 <meta name="6febe1ef59e07124cad351c59e8478607ad365d1" content="85280a8a9401a1ecabbf82a86ee072cb8002a870"> 96</head><body class=""> 97 98<!--[if lt IE 8]> 99<div class="panel panel-default"> 100<div class="panel-body">You are either using an <strong>outdated</strong> browser or viewing this site in <strong>Internet Explorer Compatibility View</strong>. Please <a href="http://whatbrowser.org/">upgrade your browser</a> or <a href="http://whatbrowser.org/">learn out what you can do</a> to improve your experience. If you are using Internet Explorer, please make sure that "pasadena.edu" is <a href="http://windows.microsoft.com/en-us/internet-explorer/use-compatibility-view#ie=ie-11" target="_blank"><strong>not</strong> in the Compatibility View list</a>.</div> 101</div> 102<![endif]--> 103 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 103-104
103 104<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
104GTM-TKM98RW
vendor: 83 bytes, lines 104-105
104" 105height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
106<!-- End Google Tag Manager (noscript) --> 107<div id="emergency-container" class="container-fluid alert alert-danger"> 108 <div class="row"> 109 <div id="rave-template-container"> 110
110<script type="text/html" id="emergency-template"> 111 <div class="container"> 112 <div class="col-xss-9 col-sm-10"> 113 <span class="h1" style="color:#FFFFFF;" data-content="title"></span> 114 <div data-content="description"></div> 115 <div data-link="link" data-content="link"></div> 116 </div> 117 <div class="col-xss-3 col-sm-2 text-center"> 118 <img class="" data-src="image" data-alt="title"/> 119 </div> 120 </div> 121 </script>
121 122 </div> 123 </div> 124</div> 125<!-- Priority Notification--> 126<!--Priority Notification--> 127<!--************************ 128 129This notification will be overridden by an Emergency notification, but will override a RAVE Maintenance Notification. Priority: 130 1. Emergency (RAVE) 131 2. Priority Notification (HERE, OU) 132 3. Maintenance Notification (RAVE) 133 134 To enable and disable, set "data-notification-status" to one of the following options (case sensitive): 135 - on = 136 â off = 137 â override = 138 139 For example, <div id="priority-notification-container" data-notification-status="off"> 140 141 To add a link, insert text between opening and closing <a> tags and add a URL to the href="URL HERE" 142 143*************************--> 144 145<div id="priority-notification-container" data-notification-status="off" class="container-fluid alert alert-warning" style="display:none;"> 146 <div class="row"> 147 <div id="priority-template-container"> 148 <div class="container"> 149 <ul class="list-inline" style="margin: 0; text-align:center;"> 150 <li><span class="far fa-exclamation-circle" style="color:#be1e2d;" aria-hidden="true"></span></li> 151 <li><strong>PCC Alert:</strong> Power has been restored to the Colorado Campus. All evening classes beginning at 5 p.m. or later will proceed as scheduled. All student services are closed for the day but will resume normal business hours tomorrow morning.</li> 152 <li> 153 <!--<a href="" class="btn btn-sm btn-primary" style="margin:0; line-height: 1; padding:8px">Learn More</a> --> 154 </li> 155 </ul> 156 </div> 157 </div> 158 </div> 159</div> 160<div id="notice-container" class="container"> 161 <div class="row"> 162 <div class="col-sm-12"> 163 <div id="rave-notice-template-container"> 164
164<script type="text/html" id="notice-template"> 165 <div class="col-sm-12"> 166 <span class="h4" data-content="title"></span> 167 <p data-content="description"></p> 168 <p data-link="link" data-content="link"></p> 169 </div> 170 </script>
170 171 </div> 172 </div> 173 </div> 174</div> 175 176<!-- Priority Notification--> 177<!--Header--> 178 <header role="banner" id="site-header"><style> 179 .pcc-logo-anim, 180 .pcc-logo-cent { 181 visibility: hidden; 182 opacity: 0; 183 transition: all .2s ease-in-out; 184 height:0; 185 } 186 .display-pcc-logo { 187 visibility: visible !important; 188 opacity: 1 !important; 189 height: auto; 190 } 191</style> 192<div class="container"> 193 <div class="row d-block d-lg-none py-2" id="mobile-right-nav"> 194 <div class="col-12 px-0"> 195 <div class="d-flex align-items-center justify-content-between"> 196 <div id="mobile-branding"> 197 <a href="/index.php"> 198 <img src="/_resources/img/logos/pcc-logo-dark-125.png" alt="Pasadena City College Logo for mobile devices" style="max-width: 7.125rem;"> 199 200 <span class="sr-only">PCC Home</span> 201 </a> 202 </div> 203 <div id="mobile-navbar" class="d-flex justify-content-end align-items-center gap-4"> 204 <button class="site-search mobile-site-search-button btn p-0 d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#searchModal"> 205 <span class="visually-hidden">Search PCC</span><span class="far fa-search"></span> 206 </button> 207 <a href="#offcanvas" id="mobile-offcanvas-menu-button" class="mobile-offcanvas-menu-button btn p-0 d-flex align-items-center justify-content-center" data-bs-toggle="offcanvas" role="button" aria-controls="offcanvas"> 208 <span class="bars"> 209 <span class="bar"></span> 210 <span class="bar"></span> 211 <span class="bar"></span> 212 </span> 213 <span class="visually-hidden">Toggle the Main Menu</span> 214 </a> 215 </div> 216 </div> 217 </div> 218 </div> 219</div><!--DESKTOP NAVBARS--> 220 <div id="desktop-nav"> 221 <nav> 222<div id="top-navigation" class="navbar navbar-expand-md navbar-dark bg-dark d-none d-lg-block p-0"> 223 <div class="container-fluid container-lg justify-content-end align-items-center px-0"> 224 <div class="hsi-top-navigation text-white gap-2"> 225 <span> 226 Proud <a href="/about/hsi/index.php" class="link-light">HSI</a>, AANAPISI & <a href="https://pasadena.edu/news-and-events/news/pcc-recognized-by-state-as-bsi.php" class="link-light">BSI</a> 227 </span> 228 </div> 229 <div classs="row"> 230 <div class="col-12"> 231 <ul class="navbar-nav align-items-center"> 232 <li class="nav-item"> 233 <a href="/future-students/index.php" class="nav-link">Future Students</a> 234 </li> 235 <li class="nav-item"> 236 <a href="/current-students/index.php" class="nav-link">Current Students</a> 237 </li> 238 <li class="nav-item"> 239 <a href="/faculty-and-staff/index.php" class="nav-link">Faculty & Staff</a> 240 </li> 241 <li class="nav-item"> 242 <a href="/community/index.php" class="nav-link">Community</a> 243 </li> 244 <li class="nav-item"> 245 <a href="https://give.pasadena.edu/" class="nav-link">Give</a> 246 </li> 247 <li class="nav-item"> 248 <a href="/about/campus-maps.php" class="nav-link" data-toggle="tooltip" title="Maps" data-bs-placement="bottom"> 249 <span class="fa-regular fa-location-dot"></span> 250 <span class="visually-hidden">Maps and Locations</span> 251 </a> 252 </li> 253 <li class="nav-item"> 254 <a href="/directory/index.php" class="nav-link" data-toggle="tooltip" title="Directory" data-bs-placement="bottom"> 255 <span class="fa-regular fa-user"></span> 256 <span class="visually-hidden">People</span> 257 </a> 258 </li> 259 <li class="nav-item"> 260 <a href="/calendars/index.php" class="nav-link" data-toggle="tooltip" title="Calendar" data-bs-placement="bottom"> 261 <span class="fa-regular fa-calendar-days"></span> 262 <span class="d-none d-xl-inline-block">Events</span> 263 </a> 264 </li> 265 <li class="nav-item"> 266 <a href="" class="nav-link" data-bs-toggle="modal" data-bs-target="#pccTranslate">Translate</a> 267 </li> 268 <li class="nav-item dropdown ml-2"> 269 <a class="dropdown-toggle btn btn-sm btn-primary rounded-0 px-1 px-lg-2 text-nowrap border-0" href="#" id="topNavLogin" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 270 Login 271 </a> 272 <ul class="dropdown-menu bg-secondary p-1 m-0" aria-labelledby="topNavLogin"> 273 <li> 274 <a class="btn btn-dark btn-sm btn-block mb-1 py-1" href="https://lancerpoint.pasadena.edu" onclick="ga('send', 'event', 'Top Nav LancerPoint', 'Click', window.location.pathname);" tabindex="-1">LancerPoint</a> 275 </li> 276 <li> 277 <a class="btn btn-dark btn-sm btn-block mb-1 py-1" tabindex="-1" href="https://canvas.pasadena.edu" target="_blank" onclick="ga('send', 'event', 'Top Nav C
277anvas', 'Click', window.location.pathname);">Canvas</a> 278 </li> 279 <li> 280 <a class="btn btn-dark btn-sm btn-block py-1" tabindex="-1" href="https://pasadena.starfishsolutions.com/starfish-ops/session/casLogin.html" target="_blank" onclick="ga('send', 'event', 'Top Nav PCC Connect', 'Click', window.location.pathname);">PCC Connect</a> 281 </li> 282 </ul> 283 </li> 284 <li class="nav-item"> 285 <a href="/get-started/" class="btn btn-sm btn-yellow rounded-0 px-1 px-lg-2 text-nowrap border-0" onclick="ga('send', 'event', 'Get Started CTA - Desktop', 'Click', window.location.pathname);"> 286 Apply Now <span class="fa-regular fa-arrow-right d-none d-lg-inline-block"></span> 287 </a> 288 </li> 289 </ul> 290 </div> 291 </div> 292 </div> 293</div> 294<div class="container-fluid container-lg d-none d-lg-block position-relative" id="desktop-main-header"> 295 <div class="row"> 296 <div class="col"> 297 <div class="d-flex justify-content-between align-items-center"> 298 <div class="py-2"> 299 <a href="/index.php"> 300 <div> 301 <img src="/_resources/img/logos/pcc-logo-dark-125.png" alt="The PCC Logo for the site navigation menu dropdowns" style="max-width: 9rem;"> 302 </div> 303 <span class="sr-only">PCC Home</span> 304</a> 305 </div> 306 <div> 307 308<!-- SITE NAVIGATION --> 309<nav aria-label="Site Navigation" id="main-navigation" class="navbar-expand-md justify-content-xxl-between p-0"> 310 <ul class="navbar-nav align-items-lg-center"> 311 <li class="nav-item dropdown"> 312 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-controls="navAbout"> 313 About 314 </a> 315 <div id="navAbout" class="dropdown-menu dropdown-fullwidth rounded-0 m-0 p-0 border-0"> 316 <div class="container-fluid container-lg"> 317 <ul class="menu-fw-content row"> 318 <li class="col-12 col-md-3"> 319 <ul class="menu-fw-links"> 320 <li class="nav-dropdown-heading">Quick Look</li> 321 <li><a href="/about/index.php">About PCC</a></li> 322 <li><a href="/about/history.php">History</a></li> 323 <li><a href="/about/quick-facts.php">Quick Facts</a></li> 324 <li><a href="/about/leadership.php">College Leadership</a></li> 325 <li><a href="/governance/index.php">College Governance</a></li> 326 <li><a href="/accreditation/index.php">Accreditation</a></li> 327 </ul> 328 </li> 329 <li class="col-12 col-md-3"> 330 <ul class="menu-fw-links"> 331 <li><a href="/about/our-campuses.php">Locations</a></li> 332 <li><a href="/about/campus-maps.php">Campus Maps</a></li> 333 <li><a href="/about/directions.php">Directions</a></li> 334 <li><a href="/cdc/index.php">Child Development Center</a></li> 335 </ul> 336 </li> 337 <li class="col-12 col-md-3"> 338 <ul class="menu-fw-links"> 339 <li><a href="/business-administrative-services/index.php">Business & Administrative Services</a></li> 340 <li><a href="/strategic-communications-and-marketing/index.php">Communications & Marketing</a></li> 341 <li><a href="/community/economic-workforce-development/index.php">Economic Workforce Development</a></li> 342 <li><a href="/hr/index.php">Human Resources</a></li> 343 <li><a href="/institutional-effectiveness/index.php">Institutional Effectiveness</a></li> 344 <li><a href="/instruction/index.php">Office of Instruction</a></li> 345 <li><a href="/student-services/index.php">Student Services</a></li> 346 </ul> 347 </li> 348 <li class="col-12 col-md-3 text-right nav-dropdown-ctas"> 349 <ul class="menu-fw-links"> 350 <li><a href="/institutional-equity-diversity-and-justice/index.php">Equity, Diversity and Justice</a></li> 351 <li><a href="/foundation/index.php">Foundation</a></li> 352 <li><a href="https://give.pasadena.edu/">Give</a></li> 353 <li><a href="/admissions-and-aid/outreach-office/tours.php">Tour PCC</a></li> 354 <li><a href="/news-and-events/index.php">News & Events</a></li> 355 </ul> 356 </li> 357 </ul> 358 </div> 359 </div> 360 </li> 361 <li class="nav-item dropdown"> 362 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-controls="navAdminAid"> 363 Admissions & Aid 364 </a> 365 <div id="navAdminAid" class="dropdown-menu dropdown-fullwidth rounded-0 m-0 p-0 border-0"> 366 <div class="container-fluid container-lg"> 367 <ul class="menu-fw-content row"> 368 <li class="col-12 col-md-3"> 369 <ul class="menu-fw-links"> 370 <li class="nav-dropdown-heading">Admissions</li> 371 <li><a href="/admissions-and-aid/index.php">Overview</a></li> 372 <li><a href="/admissions-and-aid/outreach-office/tours.php">Tour PCC</a></li> 373 <li><a href="/admissions-and-aid/outreach-office/index.php">Outreach Office</a></li> 374 <li><a href="/admissions-and-aid/admissions-and-records/index.php">Admissions & Records</a></li> 375 </ul> 376 </li> 377 <li class="col-12 col-md-3"> 378 <ul class="menu-fw-links"> 379 <li class="nav-dropdown-heading">Aid</li> 380 <li><a href="/admissions-and-aid/financial-aid/index.php">Financial Aid Office</a></li> 381 <li><a href="/admissions-and-aid/financial-aid/available-aid/index.php">Types of Aid</a></li> 382 <li><a href="/admissions-and-aid/admissions-and-records/fees-and-tuition/index.php">Fees & Tuition</a></li> 383 <li><a href="/admissions-and-aid/financial-aid/receiving-aid/deadlines.php">Important Deadlines</a></li> 384 </ul> 385 </li> 386 <li class="col-12 col-md-3"> 387 <ul class="menu-fw-links"> 388 <li class="nav-dropdown-heading">Special Admission</li> 389 <li><a href="/noncredit/index.php">PCC Non-Credit Division</a></li> 390 <li><a href="http://pcclearn.org/" target="_blank">PCC Extension</a></li> 391 <li><a href="/academics/international-students/index.php">International Students</a></li> 392 <li><a href="/academics/divisions/health-sciences/admission.php">Health Sciences</a></li> 393 </ul> 394 </li> 395 <li class="col-12 col-md-3 text-right nav-dropdown-ctas"> 396 <a class="btn btn-primary" href="/get-started/index.php">Apply Now</a> 397 <div class="py-2"> 398 <h2 class="h6 mt-2 mb-1">Already applied to PCC?</h2> 399 <a href="/get-started/next-steps.php" class="btn btn-default btn-xs">View Next Steps <span class="fa-sharp fa-regular fa-arrow-right"></span></a> 400 </div> 401 </li> 402 </ul>
403 </div> 404 </div> 405 </li> 406 <li class="nav-item dropdown"> 407 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-controls="navAcademicsSupport"> 408 Academics & Support 409 </a> 410 <div id="navAcademicsSupport" class="dropdown-menu dropdown-fullwidth rounded-0 m-0 p-0 border-0"> 411 <div class="container-fluid container-lg"> 412 <ul class="menu-fw-content row"> 413 <li class="col-12 col-md-3"> 414 <ul class="menu-fw-links"> 415 <li class="nav-dropdown-heading">Programs</li> 416 <li><a href="/academics/index.php">Academics Overview</a></li> 417 <li><a href="/explore-your-career/index.php">Programs & Career Pathways</a></li> 418 <li><a href="/academics/degrees-and-certificates/index.php">Degrees & Certificates</a></li> 419 <li><a href="/academics/all-areas-of-study.php">Areas of Study</a></li> 420 <li><a href="/academics/career-education.php">Career Education</a></li> 421 <li><a href="/academics/divisions/index.php">Divisions</a></li> 422 <li><a href="/academics/pcc-online/index.php">Online Courses</a></li> 423 </ul> 424 </li> 425 <li class="col-12 col-md-3"> 426 <ul class="menu-fw-links"> 427 <li class="nav-dropdown-heading">Support</li> 428 <li><a href="/academics/support/index.php">Support Programs</a></li> 429 <li><a href="/academics/support/counseling/index.php">Counseling</a></li> 430 <li><a href="/academics/support/success-coaches/index.php">Success Coaches</a></li> 431 <li><a href="/academics/support/success-centers/index.php">Tutoring</a></li> 432 <li><a href="/academics/international-students/index.php">International Students</a></li> 433 <li><a href="/academics/career-center/index.php">Career Center</a></li> 434 <li><a href="/academics/transfer-center/index.php">Transfer Center</a></li> 435 </ul> 436 </li> 437 <li class="col-12 col-md-3"> 438 <ul class="menu-fw-links"> 439 <li class="nav-dropdown-heading">Enrichment</li> 440 <li><a href="/academics/pre-college-programs/index.php">Middle or High School Student</a></li> 441 <li><a href="/academics/continuing-education.php">Continuing Education</a></li> 442 <li><a href="/academics/support/honors/index.php">Honors</a></li> 443 <li><a href="/academics/study-abroad/index.php">Study Abroad</a></li> 444 </ul> 445 </li> 446 <li class="col-12 col-md-3 text-right nav-dropdown-ctas"> 447 <ul class="menu-fw-links"> 448 <li><a href="https://findclasses.pasadena.edu/">Schedule of Classes</a></li> 449 <li><a href="/get-started/support/register.php">How to Register</a></li> 450 <li><a href="/academics/catalog-schedule-calendar.php">Catalog</a></li> 451 <li><a href="/library/index.php">Library</a></li> 452 <li><a href="https://bookstore.pasadena.edu/">Bookstore</a></li> 453 </ul> 454 </li> 455 </ul> 456 </div> 457 </div> 458 </li> 459 <li class="nav-item dropdown"> 460 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-controls="navCampusLife"> 461 Campus Life 462 </a> 463 <div id="navCampusLife" class="dropdown-menu dropdown-fullwidth rounded-0 m-0 p-0 border-0"> 464 <div class="container-fluid container-lg"> 465 <ul class="menu-fw-content row"> 466 <li class="col-12 col-md-3"> 467 <ul class="menu-fw-links"> 468 <li class="nav-dropdown-heading">Get Involved</li> 469 <li><a href="http://pcclancers.com/">Athletics</a></li> 470 <li><a href="/campus-life/associated-students/index.php">Student Government</a></li> 471 <li><a href="/campus-life/student-life/clubs-organizations.php">Student Clubs</a></li> 472 <li><a href="/campus-life/the-arts/index.php">The Arts at PCC</a></li> 473 </ul> 474 </li> 475 <li class="col-12 col-md-3"> 476 <ul class="menu-fw-links"> 477 <li class="nav-dropdown-heading">Services</li> 478 <li><a href="/campus-life/lancer-care/index.php">Lancer Care Center</a></li> 479 <li><a href="/institutional-equity-diversity-and-justice/intercultural-engagement-center/index.php">Intercultural Engagement Center</a></li> 480 <li><a href="/campus-life/safe-zones/index.php">Safe Zones</a></li> 481 <li><a href="/campus-life/student-life/index.php">The Office of Student Life</a></li> 482 </ul> 483 </li> 484 <li class="col-12 col-md-3"> 485 <ul class="menu-fw-links"> 486 <li class="nav-dropdown-heading">Health & Well Being</li> 487 <li><a href="/campus-life/student-health-services/index.php">Student Health Services</a></li> 488 <li><a href="/campus-life/mental-health-and-wellness-services/index.php">Mental Health & Wellness Services</a></li> 489 <li><a href="/campus-life/dental-hygiene-clinic/index.php">PCC Dental Clinic</a></li> 490 <li><a href="/campus-life/lancer-pantry/index.php">Lancer Pantry</a></li> 491 </ul> 492 </li> 493 <li class="col-12 col-md-3 text-right nav-dropdown-ctas"> 494 <ul class="menu-fw-links"> 495 <li><a href="/campus-life/index.php">Campus Life Overview</a></li> 496 <li><a href="/news-and-events/index.php">News & Events</a></li> 497 <li><a href="https://bookstore.pasadena.edu">PCC Fan Gear</a></li> 498 <li><a href="https://bookstore.pasadena.edu">Bookstore</a></li> 499 <li><a href="/police-and-college-safety/index.php">Police & College Safety</a></li> 500 </ul> 501 </li> 502 </ul>
503 </div> 504 </div> 505 </li> 506 <li class="nav-item dropdown"> 507 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-controls="navFinish"> 508 Finish 509 </a> 510 <div id="navFinish" class="dropdown-menu dropdown-fullwidth rounded-0 m-0 p-0 border-0"> 511 <div class="container-fluid container-lg"> 512 <ul class="menu-fw-content row"> 513 <li class="col-12 col-md-3"> 514 <ul class="menu-fw-links"> 515 <li class="nav-dropdown-heading">Degrees & Certificates</li> 516 <li><a href="/academics/support/counseling/graduation/index.php">Complete Your Degree</a></li> 517 <li><a href="/academics/degrees-and-certificates/coa-application.php">Complete Your Certificate of Achievement</a></li> 518 <li><a href="/academics/degrees-and-certificates/osc-application.php">Occupational Skills Certificate</a></li> 519 </ul> 520 </li> 521 <li class="col-12 col-md-3"> 522 <ul class="menu-fw-links"> 523 <li class="nav-dropdown-heading">Transfer</li> 524 <li><a href="/academics/transfer-center/apply-to-transfer.php">Apply to Transfer</a></li> 525 <li><a href="/academics/transfer-center/articulation.php">Transfer Requirements</a></li> 526 <li><a href="/academics/transfer-center/tag.php">Transfer Admission Guarantee</a></li> 527 <li><a href="/academics/transfer-center/index.php">Transfer Center</a></li> 528 <li><a href="/admissions-and-aid/admissions-and-records/records-transcripts/ge-certification.php">GE Certification</a></li> 529 </ul> 530 </li> 531 <li class="col-12 col-md-3"> 532 <ul class="menu-fw-links"> 533 <li class="nav-dropdown-heading">Graduation</li> 534 <li><a href="/academics/support/counseling/graduation/index.php">Graduation Overview</a></li> 535 <li><a href="/academics/support/counseling/graduation/apply-for-graduation.php">Apply for Graduation</a></li> 536 <li><a href="/campus-life/student-life/commencement.php">Commencement</a></li> 537 </ul> 538 </li> 539 <li class="col-12 col-md-3 text-right nav-dropdown-ctas"> 540 <ul class="menu-fw-links"> 541 <li><a href="/admissions-and-aid/admissions-and-records/records-transcripts/index.php">Order Official Transcripts</a></li> 542 <li><a href="/academics/support/counseling/graduation/graduation-initiative.php">PCC Complete</a></li> 543 </ul> 544 </li> 545 </ul> 546 </div> 547 </div> 548 </li> 549 <li class="nav-item"> 550 <a href="#" data-toggle="modal" class="nav-link" data-target="#pccTranslate"><span class="fa fa-language"></span><span class="visually-hidden">Translate Website</span></a> 551 </li> 552 <li class="nav-item"> 553 <a href="#" role="button" class="site-search nav-link pe-0" data-bs-toggle="modal" data-bs-target="#searchModal"> 554 <span class="visually-hidden">Search PCC</span><span class="fa-regular fa-search"></span> 555 </a> 556 </li> 557 </ul> 558</nav> </div> 559 </div> 560 </div> 561 </div> 562</div></nav> 563 </div> 564 </header> 565 <!-- Off Canvas Menu Content --> 566<div id="offcanvas" class="offcanvas offcanvas-start overflow-y-auto" tabindex="-1" aria-label="Main Menu"> 567 568 <div class="mobile-nav-top bg-primary"> 569 <div class="d-flex justify-content-start align-items-center mb-2"> 570 <div class="flex-fill"> 571 <a href="/get-started/index.php" class="btn btn-outline-light btn-small btn-block">Apply Now</a> 572 </div> 573 <button type="button" class="bg-transparent border-0 text-white h3 my-0 ms-3" data-bs-dismiss="offcanvas" aria-label="Close"> 574 <span class="fa-sharp fa-regular fa-xmark-large"></span> 575 </button> 576 </div> 577 578 <!-- Mobile Quicklinks --> 579 <a class="mobile-quicklinks-opener" data-bs-toggle="collapse" href="#mobile-quicklinks" role="button" aria-expanded="true" aria-controls="mobile-quicklinks">Quicklinks <span class="fa fa-chevron-down"></span></a> 580 <div class="collapse show" id="mobile-quicklinks"> 581 <ul class="mobile-quicklinks-row"> 582 <li> 583 <a href="https://findclasses.pasadena.edu/"><img src="/_resources/img/icons/quicklinks/light/scheduel.png" alt="Schedule of Classes" />Schedule of Classes</a> 584 </li> 585 <li> 586 <a href="/about/campus-maps.php"><img src="/_resources/img/icons/quicklinks/light/maps.png" alt="Maps" />Maps</a> 587 </li> 588 <li> 589 <a href="https://canvas.pasadena.edu/"><img src="/_resources/img/icons/quicklinks/light/canvas.png" alt="Canvas" />Canvas</a> 590 </li> 591 </ul> 592 593 <ul class="mobile-quicklinks-row"> 594 <li> 595 <a href="/directory/index.php"><img src="/_resources/img/icons/quicklinks/light/directory.png" alt="Directory" />Directory</a> 596 </li> 597 <li> 598 <a href="/library/index.php"><img src="/_resources/img/icons/quicklinks/light/library.png" alt="Library" />Library</a> 599 </li> 600 <li> 601 <a href="https://lancerpoint.pasadena.edu"><img src="/_resources/img/icons/quicklinks/light/pcc-login.png" alt="LancerPoint" />LancerPoint</a> 602 </li> 603 </ul> 604 605 <ul class="mobile-quicklinks-row"> 606 <li> 607 <a href="/calendars/index.php"><img src="/_resources/img/icons/quicklinks/light/calendars.png" alt="Calendarse" />Calendars</a> 608 </li> 609 <li> 610 <a href="https://bookstore.pasadena.edu"><img src="/_resources/img/icons/quicklinks/light/bookstore.png" alt="Bookstore" />Bookstore</a> 611 </li> 612 <li> 613 <a href="http://mail.go.pasadena.edu/"><img src="/_resources/img/icons/quicklinks/gmail-icon.png" alt="Student Email" />Student Email</a> 614 </li> 615 </ul> 616 617 <ul class="mobile-quicklinks-row"> 618 <li> 619 <a href="/news-and-events/index.php"><img src="/_resources/img/icons/quicklinks/light/news.png" alt="News and Events" />
619News & Events</a> 620 </li> 621 <li> 622 <a href="/police-and-college-safety/index.php"><img src="/_resources/img/icons/quicklinks/light/police.png" alt="Police and College Safety" />Police & Safety</a> 623 </li> 624 <li> 625 <a href="https://pasadena.starfishsolutions.com/starfish-ops/session/casLogin.html" target="_blank" onclick="ga('send', 'event', 'Mobile Quicklinks PCC Connect', 'Click', window.location.pathname);"><img src="/_resources/img/icons/quicklinks/light/pcc-connect.png" alt="PCC Connect" />PCC Connect</a> 626 </li> 627 </ul> 628 <ul class="mobile-quicklinks-row"> 629 <li> 630 <a href="/police-and-college-safety/services/campus-parking.php"><img src="/_resources/img/icons/quicklinks/light/parking.png" alt="Parking" />Parking</a> 631 </li> 632 <li> 633 <a href="#" id="mobile-translate-page"><img src="/_resources/img/icons/quicklinks/light/parking.png" alt="Parking" />Translate Page</a> 634 </li> 635 <li> 636 <a href="/about/president/coronavirus-updates/index.php"><img src="/_resources/img/icons/quicklinks/light/covid_icon.png" alt="COVID-19 Info" />COVID-19 Info</a> 637 </li> 638 </ul> 639 <!--/mobile-quicklinks--></div> 640 <!--/mobile-nav-top--></div> 641 642 <!--Bottom Navigation--> 643 <div class="mobile-nav-bottom"> 644 645 <!-- Navigation Menus --> 646 647 <div class="panel-group mobile-panel-links" role="tablist"> 648 649 <div class="panel panel-default"> 650 <div class="panel-heading" role="tab"> 651 <div class="panel-title"> 652 <a href="/future-students/index.php"> 653 Future Students 654 </a> 655 </div> 656 </div> 657 </div><!-- /Future Students --> 658 659 <div class="panel panel-default"> 660 <div class="panel-heading" role="tab"> 661 <div class="panel-title"> 662 <a href="/current-students/index.php"> 663 Current Students 664 </a> 665 </div> 666 </div> 667 </div><!-- /Current Students --> 668 669 <div class="panel panel-default"> 670 <div class="panel-heading" role="tab"> 671 <div class="panel-title"> 672 <a href="/faculty-and-staff/index.php"> 673 Faculty & Staff 674 </a> 675 </div> 676 </div> 677 </div><!-- /Faculty Staff --> 678 679 <div class="panel panel-default"> 680 <div class="panel-heading" role="tab"> 681 <div class="panel-title"> 682 <a href="/community/index.php"> 683 Community 684 </a> 685 </div> 686 </div> 687 </div><!-- /Community --> 688 689 </div><!-- /panel-group --> 690 691 <hr /> 692 693 <!-- Navigation Menus --> 694 695 <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 696 697 <!-- "About" Navigation Menu --> 698 <div class="panel panel-default"> 699 <div class="panel-heading" role="tab" id="headingTwo"> 700 <div class="panel-title"> 701 <!-- Removed data-parent="#accordion" from all to remove accordion functionality--> 702 <a class="collapsed" data-bs-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> 703 About 704 </a> 705 </div> 706 </div> 707 <div id="collapseTwo" class="panel-collapse section-links collapse" role="tabpanel" aria-labelledby="headingTwo"> 708 709 <span class="mobile-sub-menu-title">Quick Look</span> 710 <ul class="panel-body list-group menu"> 711 <li class="list-group-item"><a href="/centennial/index.php">PCC 100</a></li> 712 <li class="list-group-item"><a href="/about/index.php">About PCC</a></li> 713 <li class="list-group-item"><a href="/about/history.php">History</a></li> 714 <li class="list-group-item"><a href="/about/quick-facts.php">Quick Facts</a></li> 715 <li class="list-group-item"><a href="/about/leadership.php">College Leadership</a></li> 716 <li class="list-group-item"><a href="/governance/index.php">College Governance</a></li> 717 <li class="list-group-item"><a href="/accreditation/index.php">Accreditation</a></li> 718 </ul> 719 720 <span class="mobile-sub-menu-title">Campuses</span> 721 <ul class="panel-body list-group menu"> 722 <li class="list-group-item"><a href="/about/our-campuses.php">Locations</a></li> 723 <li class="list-group-item"><a href="/about/campus-maps.php">Campus Maps</a></li> 724 <li class="list-group-item"><a href="/about/directions.php">Directions</a></li> 725 <li class="list-group-item"><a href="/cdc/index.php">Child Development Center</a></li> 726 </ul> 727 728 <span class="mobile-sub-menu-title">Offices</span> 729 <ul class="panel-body list-group menu"> 730 <li class="list-group-item"><a href="/business-administrative-services/index.php">Business & Administrative Services</a></li> 731 <li class="list-group-item"><a href="/strategic-communications-and-marketing/index.php">Communications & Marketing</a></li> 732 <li class="list-group-item"><a href="/community/economic-workforce-development/index.php">Economic Workforce Development</a></li> 733 <li class="list-group-item"><a href="/hr/index.php">Human Resources</a></li> 734 <li class="list-group-item"><a href="/institutional-effectiveness/index.php">Institutional Effectiveness</a></li> 735 <li class="list-group-item">
735<a href="/instruction/index.php">Office of Instruction</a></li> 736 <li class="list-group-item"><a href="/student-services/index.php">Student Services</a></li> 737 </ul> 738 </div> 739 </div><!-- /"About" Navigation Menu --> 740 741 <!-- "Admissions" Navigation Menu --> 742 <div class="panel panel-default"> 743 <div class="panel-heading" role="tab" id="headingThree"> 744 <div class="panel-title"> 745 <a class="collapsed" data-bs-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> 746 Admissions & Aid 747 </a> 748 </div> 749 </div> 750 <div id="collapseThree" class="panel-collapse section-links collapse" role="tabpanel" aria-labelledby="headingThree"> 751 752 <span class="mobile-sub-menu-title">Admissions</span> 753 <ul class="panel-body list-group menu"> 754 <li class="list-group-item"><a href="/admissions-and-aid/index.php">Overview</a></li> 755 <li class="list-group-item"><a href="/admissions-and-aid/outreach-office/tours.php">Tour PCC</a></li> 756 <li class="list-group-item"><a href="/admissions-and-aid/outreach-office/index.php">Outreach Office</a></li> 757 <li class="list-group-item"><a href="/admissions-and-aid/admissions-and-records/index.php">Admissions & Records</a></li> 758 </ul> 759 760 <span class="mobile-sub-menu-title">Aid</span> 761 <ul class="panel-body list-group menu"> 762 <li class="list-group-item"><a href="/admissions-and-aid/financial-aid/index.php">Financial Aid Office</a></li> 763 <li class="list-group-item"><a href="/admissions-and-aid/financial-aid/available-aid/index.php">Types of Aid</a></li> 764 <li class="list-group-item"><a href="/admissions-and-aid/admissions-and-records/fees-and-tuition/index.php">Fees & Tuition</a></li> 765 <li class="list-group-item"><a href="/admissions-and-aid/financial-aid/receiving-aid/deadlines.php">Important Deadlines</a></li> 766 </ul> 767 768 <span class="mobile-sub-menu-title">Special Admission</span> 769 <ul class="panel-body list-group menu"> 770 <li class="list-group-item"><a href="/noncredit/index.php">PCC Non-Credit Division</a></li> 771 <li class="list-group-item"><a href="http://pcclearn.org/" target="_blank">PCC Extension</a></li> 772 <li class="list-group-item"><a href="/academics/international-students/index.php">International Students</a></li> 773 <li class="list-group-item"><a href="/academics/divisions/health-sciences/admission.php">Health Sciences</a></li> 774 </ul> 775 </div> 776 </div><!-- /"Admissions" Navigation Menu --> 777 778 <!-- "Academics" Navigation Menu --> 779 <div class="panel panel-default"> 780 <div class="panel-heading" role="tab" id="headingFour"> 781 <div class="panel-title"> 782 <a class="collapsed" data-bs-toggle="collapse" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> 783 Academics & Support 784 </a> 785 </div> 786 </div> 787 <div id="collapseFour" class="panel-collapse section-links collapse" role="tabpanel" aria-labelledby="headingFour"> 788 789 <ul class="panel-body list-group menu mobile-highlight-ctas"> 790 <li class="list-group-item"><a href="https://findclasses.pasadena.edu/">Schedule of Classes</a></li> 791 <li class="list-group-item"><a href="/get-started/support/register.php">How to Register</a></li> 792 <li class="list-group-item"><a href="/academics/catalog-schedule-calendar.php">Catalog</a></li> 793 <li class="list-group-item"><a href="/library/index.php">Library</a></li> 794 <li class="list-group-item"><a href="https://bookstore.pasadena.edu/">Bookstore</a></li> 795 </ul> 796 797 <span class="mobile-sub-menu-title">Programs</span> 798 <ul class="panel-body list-group menu"> 799 <li class="list-group-item"><a href="/academics/index.php">Academics Overview</a></li> 800 <li class="list-group-item"><a href="/explore-your-career/index.php">Programs & Career Pathways</a></li> 801 <li class="list-group-item"><a href="/academics/degrees-and-certificates/index.php">Degrees & Certificates</a></li> 802 <li class="list-group-item"><a href="/academics/all-areas-of-study.php">Areas of Study</a></li> 803 <li class="list-group-item"><a href="/academics/career-education.php">Career Education</a></li> 804 <li class="list-group-item"><a href="/academics/divisions/index.php">Divisions</a></li> 805 <li class="list-group-item"><a href="/academics/pcc-online/index.php">Online Courses</a></li> 806 </ul> 807 808 <span class="mobile-sub-menu-title">Support</span> 809 <ul class="panel-body list-group menu"> 810 <li class="list-group-item"><a href="/academics/support/index.php">Support Programs</a></li> 811 <li class="list-group-item"><a href="/academics/support/counseling/index.php">Counseling</a></li> 812 <li class="list-group-item"><a href="/academics/support/success-coaches/index.php">Success Coaches</a></li> 813 <li class="list-group-item">
813<a href="/academics/support/success-centers/index.php">Tutoring</a></li> 814 <li class="list-group-item"><a href="/academics/international-students/index.php">International Students</a></li> 815 <li class="list-group-item"><a href="/academics/career-center/index.php">Career Center</a></li> 816 <li class="list-group-item"><a href="/academics/transfer-center/index.php">Transfer Center</a></li> 817 </ul> 818 819 <span class="mobile-sub-menu-title">Enrichment</span> 820 <ul class="panel-body list-group menu"> 821 <li class="list-group-item"><a href="/academics/pre-college-programs/index.php">Pre-College Programs</a></li> 822 <li class="list-group-item"><a href="/academics/continuing-education.php">Continuing Education</a></li> 823 <li class="list-group-item"><a href="/academics/support/honors/index.php">Honors</a></li> 824 <li class="list-group-item"><a href="/academics/study-abroad/index.php">Study Abroad</a></li> 825 </ul> 826 </div> 827 </div><!-- /"Academics" Navigation Menu --> 828 829 <!-- "Campus Life" Navigation Menu --> 830 <div class="panel panel-default"> 831 <div class="panel-heading" role="tab" id="headingFive"> 832 <div class="panel-title"> 833 <a class="collapsed" data-bs-toggle="collapse" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> 834 Campus Life 835 </a> 836 </div> 837 </div> 838 <div id="collapseFive" class="panel-collapse section-links collapse" role="tabpanel" aria-labelledby="headingFive"> 839 840 <ul class="panel-body list-group menu mobile-highlight-ctas"> 841 <li class="list-group-item"><a href="/campus-life/index.php">Campus Life Overview</a></li> 842 <li class="list-group-item"><a href="/news-and-events/index.php">News & Events</a></li> 843 <li class="list-group-item"><a href="https://bookstore.pasadena.edu">PCC Fan Gear</a></li> 844 <li class="list-group-item"><a href="https://bookstore.pasadena.edu">Bookstore</a></li> 845 <li class="list-group-item"><a href="/police-and-college-safety/index.php">Police & College Safety</a></li> 846 </ul> 847 848 <span class="mobile-sub-menu-title">Get Involved</span> 849 <ul class="panel-body list-group menu"> 850 <li class="list-group-item"><a href="http://pcclancers.com/">Athletics</a></li> 851 <li class="list-group-item"><a href="/campus-life/associated-students/index.php">Student Government</a></li> 852 <li class="list-group-item"><a href="/campus-life/student-life/clubs-organizations.php">Student Clubs</a></li> 853 <li class="list-group-item"><a href="/campus-life/the-arts/index.php">The Arts at PCC</a></li> 854 </ul> 855 856 <span class="mobile-sub-menu-title">Services</span> 857 <ul class="panel-body list-group menu"> 858 <li class="list-group-item"><a href="/campus-life/lancer-care/index.php">Lancer Care Center</a></li> 859 <li class="list-group-item"><a href="/campus-life/cross-cultural-center/index.php">Intercultural Engagement Center</a></li> 860 <li class="list-group-item"><a href="/campus-life/safe-zones/index.php">Safe Zones</a></li> 861 <li class="list-group-item"><a href="/campus-life/student-life/index.php">The Office of Student Life</a></li> 862 </ul> 863 864 <span class="mobile-sub-menu-title">Health & Well Being</span> 865 <ul class="panel-body list-group menu"> 866 <li class="list-group-item"><a href="/campus-life/student-health-services/index.php">Student Health Services</a></li> 867 <li class="list-group-item"><a href="/campus-life/personal-counseling/index.php">Mental Health & Wellness Services</a></li> 868 <li class="list-group-item"><a href="/campus-life/dental-hygiene-clinic/index.php">PCC Dental Clinic</a></li> 869 <li class="list-group-item"><a href="/campus-life/lancer-pantry/index.php">Lancer Pantry</a></li> 870 </ul> 871 </div> 872 </div><!-- /"Campus Life" Navigation Menu --> 873 874 <!-- "Finish" Navigation Menu --> 875 <div class="panel panel-default"> 876 <div class="panel-heading" role="tab" id="headingSix"> 877 <div class="panel-title"> 878 <a class="collapsed" data-bs-toggle="collapse" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> 879 Finish 880 </a> 881 </div>
882 </div> 883 <div id="collapseSix" class="panel-collapse section-links collapse" role="tabpanel" aria-labelledby="headingSix"> 884 <ul class="panel-body list-group menu mobile-highlight-ctas"> 885 <li class="list-group-item"><a href="/admissions-and-aid/admissions-and-records/records-transcripts/transcript-request.php">Order Official Transcripts</a></li> 886 <li class="list-group-item"><a href="/academics/support/counseling/graduation/graduation-initiative.php">PCC Complete</a></li> 887 </ul> 888 889 <span class="mobile-sub-menu-title">Degrees & Certificates</span> 890 <ul class="panel-body list-group menu"> 891 <li class="list-group-item"><a href="/academics/support/counseling/graduation/index.php">Complete Your Degree</a></li> 892 <li class="list-group-item"><a href="/academics/degrees-and-certificates/certificates-of-achievement/certificate-application.php">Complete Your Certificate of Achievement</a></li> 893 <li class="list-group-item"><a href="/academics/degrees-and-certificates/occupational-skills-certificates/complete-your-certificate.php">Occupational Skills Certificate</a></li> 894 </ul> 895 896 <span class="mobile-sub-menu-title">Transfer</span> 897 <ul class="panel-body list-group menu"> 898 <li class="list-group-item"><a href="/academics/transfer-center/apply-to-transfer.php">Apply to Transfer</a></li> 899 <li class="list-group-item"><a href="/academics/transfer-center/articulation.php">Transfer Requirements</a></li> 900 <li class="list-group-item"><a href="/academics/transfer-center/tag.php">Transfer Admission Guarantee</a></li> 901 <li class="list-group-item"><a href="/academics/transfer-center/index.php">Transfer Center</a></li> 902 <li class="list-group-item"><a href="/admissions-and-aid/admissions-and-records/records-transcripts/ge-certification.php">GE Certification</a></li> 903 </ul> 904 905 <span class="mobile-sub-menu-title">Graduation</span> 906 <ul class="panel-body list-group menu"> 907 <li class="list-group-item"><a href="/academics/support/counseling/graduation/index.php">Graduation Overview</a></li> 908 <li class="list-group-item"><a href="/academics/support/counseling/graduation/apply-for-graduation.php">Apply for Graduation</a></li> 909 <li class="list-group-item"><a href="/campus-life/student-life/commencement.php">Commencement</a></li> 910 </ul> 911 </div> 912 </div><!-- /"Resources & Offices" Navigation Menu --> 913 914 </div><!-- /panel-group --> 915 916 917 918 <!--/mobile-nav-bottom--></div> 919 920</div><!-- /offcanvas-nav --> 921 922 923<!-- Search Modal --> 924<div class="modal fade" 925 id="searchModal" 926 tabindex="-1" 927 aria-labelledby="searchTitle"> 928 929 <button type="button" 930 class="close searchModalClose" 931 data-bs-dismiss="modal" 932 aria-label="Close search"> 933 <span class="far fa-times" aria-hidden="true"></span> 934 </button> 935 936 <div id="searchModalContent" 937 class="modal-dialog modal-lg"> 938 939 <div class="modal-content bg-transparent"> 940 941 <div class="text-center searchModalLegend"> 942 <h2 id="searchTitle" class="h3">What are you looking for?</h2> 943 </div> 944 945 <form role="search" 946 action="/search.php" 947 method="GET" 948 id="site-search-form" 949 class="searchModalForm"> 950 951 <div class="form-group"> 952 <label for="search-input" class="sr-only"> 953 Search 954 </label> 955 956 <input type="text" 957 name="q" 958 id="search-input" 959 class="form-control input-lg" 960 placeholder="Enter search here" 961 autocomplete="off"> 962 </div> 963 964 <button type="submit" 965 class="btn btn-primary btn-lg" 966 id="site-search"> 967 <span class="far fa-search" aria-hidden="true"></span> 968 Search 969 </button> 970 </form> 971 972 <hr class="border-white"> 973 974 <p class="text-center"> 975 <a href="/directory/index.php" 976 class="btn btn-link btn-lg btn-block">
977 <span class="far fa-address-book" aria-hidden="true"></span> 978 <strong>View Directory</strong> 979 </a> 980 </p> 981 982 </div> 983 </div> 984</div> 985<!-- /Search Modal --> <div class="page-content-body"> 986 <div class="container-fluid container-under-header"> 987 <div class="homepage-hero"> 988 <div> 989 990 <div class="block-notification homepage-notification-emergency block-notification-off"> 991 992 <div class="container"> 993 994 <div class="block-notification-content ou-cpt-optional">Learn About PCC's Response to the Eaton Fire</div> 995 996 <div class="block-notification-button ou-cpt-optional"><a class="btn ou-cpt-optional" target="_self" href="https://pasadena.edu/fireupdates">Fire Updates</a></div> 997 </div> 998 </div> 999 </div> 1000 1001 <div> 1002 1003 <style> 1004#bhm-notification { 1005 background: rgba(0, 0, 0, .2); 1006 display: block; 1007 color: #ffffff; 1008 text-align: center; 1009 display:block; 1010 font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 1011 font-weight: 900; 1012 letter-spacing: -1px; 1013 margin: 0 -15px; 1014 font-size: 24px; 1015 padding: 18px 30px; 1016} 1017 1018#bhm-bg { 1019 background-color: 7cd0f4; 1020 background-image: url(/images/homepage/latine-heritage-background.jpg); 1021 background-size: cover; 1022 background-repeat: no-repeat; 1023 background-position: 75% 20%; 1024 margin: 0 -15px; 1025 display: block; 1026} 1027 1028</style> 1029 1030 <div id="bhm-bg"> 1031 <a id="bhm-notification" href="https://pasadena.edu/news-and-events/events/latine-heritage.php"> 1032 Join us in celebrating Latine Heritage Month <span class="far fa-arrow-right"></span> 1033 </a> 1034 </div> 1035 1036 <style> 1037 .pcc-home-hero { 1038 background-repeat: no-repeat; 1039 background-position: center center; 1040 background-size: cover; 1041 background-color: var(--bs-black); 1042 position: relative; 1043 overflow: hidden; 1044 padding: 4rem 0; 1045 } 1046 .pcc-home-hero:after { 1047 content: ''; 1048 z-index: 1; 1049 position: absolute; 1050 left: 0; 1051 top: 0; 1052 height: 100%; 1053 width: 100%; 1054 background-color: var(--bs-black); 1055 opacity: 0.45; 1056 } 1057 .pcc-home-hero h1 { 1058 font-size: 2.5rem; 1059 margin-bottom: 2rem; 1060 text-transform: uppercase; 1061 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 1062 } 1063 .pcc-home-hero__video { 1064 opacity: 0; 1065 transition: opacity 0.2s ease-in; 1066 position: absolute; 1067 inset: 0; 1068 width: 100%; 1069 height: 100%; 1070 object-fit: cover; 1071 object-position: center; 1072 } 1073 .pcc-home-hero__video.is-ready { 1074 opacity: 1; 1075 } 1076 .pcc-home-hero__content { 1077 position: relative; 1078 z-index: 2; 1079 } 1080 .pcc-home-hero__pause { 1081 position: absolute; 1082 right: 1rem; 1083 bottom: 1rem; 1084 z-index: 2; 1085 padding: 0.75rem; 1086 width: fit-content; 1087 } 1088 .pcc-home-hero__secondary { 1089 gap: 1rem; 1090 } 1091 .pcc-home-hero__secondary a { 1092 transition: all .2s ease-in-out; 1093 } 1094 .pcc-home-hero__secondary a:hover { 1095 text-decoration: none; 1096 color: var(--bs-yellow); 1097 } 1098 .pcc-home-hero__secondary a span.h4, 1099 .pcc-home-hero__secondary a span.h6 { 1100 color: var(--bs-white); 1101 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 1102 } 1103 .pcc-home-hero__secondary a span.fa-regular { 1104 color: var(--bs-yellow); 1105 margin-top: 0.25rem; 1106 } 1107 @media (prefers-reduced-motion: reduce) { 1108 .pcc-home-hero__video { 1109 display: none; 1110 } 1111 .pcc-home-hero { 1112 background-image: url(/images/pcc_hero_2025_placeholder.jpg); 1113 } 1114 } 1115 @media screen and (min-width: 600px) { 1116 .pcc-home-hero { 1117 padding: 8rem 0; 1118 } 1119 .pcc-home-hero h1 { 1120 font-size: 4.5rem; 1121 } 1122 .pcc-home-hero__secondary { 1123 gap: 2rem 1124 } 1125 } 1126 @media screen and (min-width: 992px) { 1127 .pcc-home-hero { 1128 padding: 10rem 0; 1129 } 1130 } 1131 @media screen and (min-width: 1600px) { 1132 .pcc-home-hero { 1133 padding: 14rem 0; 1134 } 1135 } 1136</style> 1137 1138
1138<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
1138 1139 1140
1140<script> 1141/**/ 1142(function () { 1143 function initHeroVideo() { 1144 const hero = document.querySelector('.pcc-home-hero'); 1145 if (!hero) return; 1146 1147 const video = hero.querySelector('.pcc-home-hero__video'); 1148 const source = video ? video.querySelector('source') : null; 1149 const button = hero.querySelector('.pcc-home-hero__pause'); 1150 1151 if (!video || !source || !button) return; 1152 1153 const icon = button.querySelector('.fa-solid'); 1154 const srText = button.querySelector('.visually-hidden'); 1155 1156 /* ---- canplay hook + 2s fallback ---- */ 1157 let isReady = false; 1158 1159 const reveal = () => { 1160 if (isReady) return; 1161 isReady = true; 1162 video.classList.add('is-ready'); 1163 }; 1164 1165 video.addEventListener('canplay', reveal, { once: true }); 1166 1167 // Fallback: force reveal after 2 seconds 1168 setTimeout(reveal, 2000); 1169 1170 // Helper: ensure source is set 1171 const loadVideo = () => { 1172 if (!source.src) { 1173 const url = source.getAttribute('data-src'); 1174 if (url) { 1175 source.src = url; 1176 video.load(); 1177 } 1178 } 1179 }; 1180 1181 // Lazy-load when visible 1182 if ('IntersectionObserver' in window) { 1183 const io = new IntersectionObserver(([entry]) => { 1184 if (!entry.isIntersecting) return; 1185 loadVideo(); 1186 video.play().catch(() => {}); 1187 io.disconnect(); 1188 }, { threshold: 0.25 }); 1189 io.observe(video); 1190 } else { 1191 loadVideo(); 1192 } 1193 1194 // Pause / Play toggle 1195 button.addEventListener('click', () => { 1196 loadVideo(); 1197 1198 if (video.paused) { 1199 video.play().then(() => { 1200 button.setAttribute('aria-pressed', 'false'); 1201 if (icon) { 1202 icon.classList.remove('fa-play'); 1203 icon.classList.add('fa-pause'); 1204 } 1205 if (srText) srText.textContent = 'Pause background video'; 1206 }).catch(() => {}); 1207 } else { 1208 video.pause(); 1209 button.setAttribute('aria-pressed', 'true'); 1210 if (icon) { 1211 icon.classList.remove('fa-pause'); 1212 icon.classList.add('fa-play'); 1213 } 1214 if (srText) srText.textContent = 'Play background video'; 1215 } 1216 }); 1217 } 1218 1219 if (document.readyState === 'loading') { 1220 document.addEventListener('DOMContentLoaded', initHeroVideo); 1221 } else { 1222 initHeroVideo(); 1223 } 1224})(); 1225 /**/ 1226</script>
1226 1227 1228 1229 <div class="pcc-home-hero row"> 1230 <video class="pcc-home-hero__video p-0" autoplay="true" muted="true" loop="true" playsinline="true" preload="metadata" poster="/images/pcc_hero_2025_placeholder.jpg"> 1231 1232 <source data-src="/images/pcc_hero_draft_12-23-2025.mp4" type="video/mp4"> 1233 </video> 1234 1235 1236 <div class="pcc-home-hero__content container"> 1237 1238 <h1 class="text-white text-center"> 1239 Get <span id="typed-output"></span> 1240 </h1> 1241 1242 <div class="text-center"> 1243 <a href="/get-started/index.php" class="btn btn-yellow">Apply Now</a> 1244 </div> 1245 1246 <div class="pcc-home-hero__secondary d-flex justify-content-center flex-wrap flex-column flex-md-row align-items-center align-items-md-start mt-3"> 1247 <a href="https://pasadena.edu/academics/transfer-center/index.php" class="d-flex justify-content-start gap-2" data-aos="fade-up" data-aos-delay="50"> 1248 <span class="fa-sharp fa-regular fa-trophy"></span> 1249 <span class="d-block"> 1250 <span class="h4 d-block">#1 in Transfer</span> 1251 </span> 1252 </a> 1253 <a href="https://pasadena.edu/academics/support/veterans-services/" class="d-flex justify-content-start gap-2" data-aos="fade-up" data-aos-delay="100"> 1254 <span class="fa-sharp fa-regular fa-flag-usa"></span> 1255 <span class="d-block"> 1256 <span class="h4 d-block">#1 in Veterans Support</span> 1257 <span class="h6 d-block m-0 fs-8">13 Years in a Row</span> 1258 </span> 1259 </a> 1260 <a href="https://pasadena.edu/academics/career-education.php" class="d-flex justify-content-start gap-2" data-aos="fade-up" data-aos-delay="150"> 1261 <span class="fa-sharp fa-regular fa-diploma"></span> 1262 <span data-aos="fade-up" data-aos-delay="150" class="d-block"> 1263 <span class="h4 d-block">125+ Career <span class="d-block d-lg-inline">Education Programs</span></span> 1264 </span> 1265 </a> 1266 </div> 1267 </div> 1268 1269 <button class="pcc-home-hero__pause btn btn-dark btn-sm" aria-pressed="false" type="button"> 1270 <span class="visually-hidden">Pause background video</span> 1271 <span class="fa-solid fa-pause" aria-hidden="true"></span> 1272 </button> 1273 </div> 1274 1275
1275<script> 1276 if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 1277 new Typed("#typed-output", { 1278 strings: [ 1279 "<strong>Excited</strong>", 1280 "<strong>Accepted</strong>", 1281 "<strong>Your Classes</strong>" 1282 ], 1283 typeSpeed: 55, 1284 backSpeed: 35, 1285 backDelay: 1600, 1286 startDelay: 300, 1287 smartBackspace: true, 1288 loop: false, 1289 showCursor: false 1290 }); 1291 } 1292</script>
1292 1293 1294 <div id="homepage-hero-component" style="background:#be1e2d; display: none;"> 1295 1296 <div class="container"> 1297 1298 <div class="row"> 1299 1300 <div class="col-sm-12 col-md-6 col-md-push-6 col-lg-8 col-lg-push-4"> 1301 1302 <div id="homepage-hero-component-image-slider" class="owl-carousel regular-owl-carousel"> 1303 1304 <div class="item homepage-component-image-slider-item" style="background-image:url();"></div> 1305 <div class="item homepage-component-image-slider-item" style="background-image:url();"></div> 1306 </div> 1307 </div> 1308 1309 <div class="col-sm-12 col-md-6 col-md-pull-6 col-lg-4 col-lg-pull-8"> 1310 1311 <div id="homepage-hero-component-main-content"> 1312 1313 </div> 1314 </div> 1315 </div> 1316 </div> 1317 </div> 1318 1319 <div id="homepage-hero-component-notification"> 1320 1321 <div> 1322 1323 <div class="row"> 1324 1325 <div class="col-sm-12"> 1326 1327 <div class="homepage-hero-component-notification-content"> 1328 1329 <ul> 1330 1331 <li>Fall 2026</li> 1332 1333 <li><span class="far fa-arrow-circle-right"></span></li> 1334 1335 <li>It's not too late! Register for late start classes.</li> 1336 1337 <li class="breaker-breaker"></li> 1338 1339 <li><a href="/current-students/currently-open-classes.php" class="btn btn-primary btn-sm">Open Classes</a></li> 1340 </ul> 1341 </div> 1342 </div> 1343 </div> 1344 </div> 1345 </div> 1346 </div> 1347 1348 <div> </div> 1349 </div> 1350 </div> 1351 <div class="container homepage-main-content"> 1352 <div class="row"> 1353 <div class="col-sm-12"> 1354 <div> 1355 1356 <div class="block-notification white block-notification-off"> 1357 1358 <div class="container"> 1359 1360 <div class="block-notification-content ou-cpt-optional">The PCC Commencement Ceremony is June 14 at 7pm. </div> 1361 1362 <div class="block-notification-button ou-cpt-optional"><a class="btn ou-cpt-optional" target="_self" href="https://pasadena.edu/campus-life/student-life/commencement.php">Learn More</a></div> 1363 </div> 1364 </div> 1365 1366 <a href="https://pasadena.edu/student-services/get-help/index.php" class="btn btn-dark" style="position:fixed; right: 20px; bottom: 20px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); border-radius: 0px; z-index: 999; padding-left: 24px; padding-right: 24px;">Get Help</a> 1367 </div> 1368 1369 <div class="full-width-background-snippet" style="background: #ffffff;"> 1370 <div class="container"> 1371 <div class="row"> 1372 <div class="col-sm-12"> 1373 <td class="content"> 1374 1375 <div> 1376 1377 <div style="height:5rem;"></div> 1378 1379 1380 <h2 class=" d-block" style="font-size: 3rem; color: #212121; font-weight: 900; text-transform: uppercase; font-style: normal; line-height: 1.1; text-align: center; letter-spacing: -2px; padding: 0; margin: 0 0 1rem 0; font-family: 'proxima-nova', sans-serif;" data-aos="fade-up" data-aos-delay="0"> 1381 What's Going On at PCC 1382 </h2> 1383 1384 1385 <p style="text-align: center;"><a class="btn btn-yellow btn-sm" href="/calendars/index.php">View All Events</a></p> 1386 1387 1388 <div style="height:3rem;"></div> 1389 </div> 1390 1391 <div class="row"> 1392 <div class="col-md-4"> 1393 1394 <div> 1395 1396 <div> 1397 <a href="https://pasadena.edu/academics/study-abroad/index.php " class="card card-match-height card-shadow card-text-left card-valign-top margin-bottom-sm" target="_self" style="background-color: #ffffff; color: #000000; display:block;"> 1398 1399 <div class="card-image"> 1400 <img src="https://apps.pasadena.edu/events/wp-content/uploads/sites/5/2026/08/study-abroad-kyoto-1200x600.jpg" alt="Latine Heritage Month Mixer" class="img-responsive"> 1401 </div> 1402 1403 <div class="card-body" style="padding: 1.5rem;"> 1404 <span class="h2" style="display:block; color:#000000;">Earn PCC Credit in Kyoto, Japan!</span> 1405 1406 <div style="display:block; color:#000000;"> 1407 <p data-pm-slice="1 1 []">Join us for an information session to meet the faculty and learn more about studying 1408 abroad in Kyoto, Japan, during the Winter 2027 term! Sessions available throughout 1409 August and September. </p> 1410 1411 <div id="calModalCtas"></div> 1412 </div> 1413 1414 <div class="card-button" style="display: none;"> 1415 <span class="btn btn-dark"></span> 1416 </div> 1417 </div> 1418 </a> 1419 </div> 1420 </div> 1421 1422 <div> </div> 1423 </div> 1424 <div class="col-md-8"> 1425 1426 <div class="row"> 1427 <div class="col-sm-6"> 1428 1429 <div> 1430 1431 <div> 1432 <a href="https://pasadena.edu/academics/support/family-resource-center/index.php" class="card card-match-height card-shadow card-text-left card-valign-top margin-bottom-sm" target="_self" style="background-color: #ffffff; color: #000000; display:block;"> 1433 1434 <div class="card-image"> 1435 <img src="/images/homepage/cards/student-parent-month.jpg" alt="Student Parent Month" class="img-responsive"> 1436 </div> 1437 1438 <div class="card-body" style="padding: 1.5rem;"> 1439 <span class="h2" style="display:block; color:#000000;">September is Student Parent Month</span> 1440 1441 <div style="display:block; color:#000000;"> 1442 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"bulleted"}]">The Family Resource Center is celebrating <strong>National Student Parent Month</strong>
1442 with events throughout the month honoring the hard work, strength, and resilience 1443 of students who balance college and parenthood. Join us in celebrating and supporting 1444 our student parent community!</p> 1445 </div> 1446 1447 <div class="card-button" style="display: none;"> 1448 <span class="btn btn-dark"></span> 1449 </div> 1450 </div> 1451 </a> 1452 </div> 1453 </div> 1454 </div> 1455 <div class="col-sm-6"> 1456 1457 <div> 1458 1459 <div> 1460 <a href="https://pasadena.edu/business-administrative-services/facilities-and-construction/bond-extension.php" class="card card-match-height card-shadow card-text-left card-valign-top margin-bottom-sm" target="_self" style="background-color: #ffffff; color: #000000; display:block;"> 1461 1462 <div class="card-image"> 1463 <img src="/business-administrative-services/facilities-and-construction/images/bond-extension/bond-extension-homepage.jpg" alt="Graduating student" class="img-responsive"> 1464 </div> 1465 1466 <div class="card-body" style="padding: 1.5rem;"> 1467 <span class="h2" style="display:block; color:#000000;">Preserving Affordable Higher Education and Career Training at PCC</span> 1468 1469 <div style="display:none; color:#000000;"></div> 1470 1471 <div class="card-button" style="display: inline-block;"> 1472 <span class="btn btn-primary">Learn More</span> 1473 </div> 1474 </div> 1475 </a> 1476 </div> 1477 </div> 1478 </div> 1479 <div class="clearfix"></div> 1480 </div> 1481 1482 </div> 1483 <div class="clearfix"></div> 1484 </div> 1485 1486 1487 <div> 1488 1489 <div style="height:3rem;"></div> 1490 </div> 1491 </td> 1492 </div> 1493 </div> 1494 </div> 1495 </div> 1496 1497 1498 <div class="full-width-background-snippet" style="background: #ffffff;"> 1499 <div class="container"> 1500 <div class="row"> 1501 <div class="col-sm-12"> 1502 <td class="content"> 1503 1504 <div> 1505 1506 <div style="height:4rem;"></div> 1507 </div> 1508 1509 <div class="font-extra-large" style="text-align: center;"> </div> 1510 1511 <div> 1512 1513 <div class="row"> 1514 <div class="col-md-4"> 1515 1516 <div class="row"> 1517 <div class="col-12"> 1518 1519 <div class="image-text-bar-overlay" style="height: 300px; background-image: url(/images/homepage/2025/home-1.jpg); font-size: 1.5rem; color: #000000;"> 1520 1521 <div class="image-text-bar-overlay-content"> 1522 <span class="image-text-bar-overlay-row" style="background-color: var(--yellow);"> 1523 Community Driven 1524 </span> 1525 </div> 1526 </div> 1527 1528 1529 <p class="margin-top-sm"><span class="small">At PCC, <em>community</em> is what defines us.</span></p> 1530 1531 <a href="https://pasadena.edu/explore-your-career/index.php#scroll-gp-career-communities" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Career Communities <span class="far fa-arrow-right"></span></a> 1532 1533 <a href="/campus-life/index.php" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Student Life <span class="far fa-arrow-right"></span></a> 1534 1535 1536 <div style="height:2rem;"></div> 1537 </div> 1538 <div class="col-12"> 1539 1540 <div class="image-text-bar-overlay" style="height: 300px; background-image: url(/images/homepage/2025/home-3.jpg); font-size: 1.5rem; color: #000000;"> 1541 1542 <div class="image-text-bar-overlay-content"> 1543 <span class="image-text-bar-overlay-row" style="background-color: var(--yellow);"> 1544 Career Focused 1545 </span> 1546 </div> 1547 </div> 1548 1549 1550 <p class="margin-top-sm"><span class="small">Transferring? Earning a degree? Receiving a certificate? <em>Your goal is our passion.</em></span></p> 1551 1552 <div> 1553 <a href="/explore-your-career/index.php" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Programs & Career Paths <span class="far fa-arrow-right"></span></a> 1554 1555 <a href="/academics/career-center/index.php" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Career Center <span class="far fa-arrow-right"></span></a> 1556 </div> 1557 1558 1559 <div style="height:2rem;"></div> 1560 </div> 1561 <div class="clearfix"></div> 1562 </div> 1563 1564 </div> 1565 <div class="col-md-4"> 1566 1567 <div style="height:3rem;"></div> 1568 1569 1570 <div class="mt-md-n5 d-block" style="font-size: 3rem; color: #212121; font-weight: 900; text-transform: uppercase; font-style: normal; line-height: 1; text-align: center; letter-spacing: -2px; padding: ; margin: ; font-family: 'proxima-nova', sans-serif;" data-aos="fade-up" data-aos-delay="0"> 1571 A Changing World Needs Pasadena City College 1572 </div> 1573 1574 1575 <p> 1576 <video src="/images/homepage/2025/pcc-grads.mp4" autoplay="true" muted="true" loop="true" playsinline="true" preload="metadata" class="hero-video"></video> 1577 1578 1579 <style> 1580.hero-video { 1581 width: 100%; 1582 height: auto; /* keeps aspect ratio */ 1583 display: block; 1584 margin: 2rem 0; 1585} 1586</style> 1587 </p> 1588 </div> 1589 <div class="col-md-4"> 1590 1591 <div class="row"> 1592 <div class="col-12"> 1593 1594 <div class="image-text-bar-overlay" style="height: 300px; background-image: url(/images/homepage/2025/home-5.jpg); font-size: 1.5rem; color: #000000;"> 1595 1596 <div class="image-text-bar-overlay-content"> 1597 <span class="image-text-bar-overlay-row" style="background-color: var(--yellow);"> 1598 #1 in Transfer 1599 </span> 1600 </div> 1601 </div> 1602 1603 1604 <p class="margin-top-sm"><span class="small"><span style="font-weight: 400;">UC, CSU, HBCU,</span><span style="font-weight: 400;"> or</span><span style="font-weight: 400;"> </span><span style="font-weight: 400;">any other four-year university, at PCC we help you get there.</span></span></p> 1605 1606 <a href="/academics/transfer-center/index.php" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Transfer Center <span class="far fa-arrow-right"></span></a> 1607 1608 1609 <div style="height:2rem;"></div> 1610 </div> 1611 <div class="col-12"> 1612 1613 <div class="image-text-bar-overlay" style="height: 300px; background-image: url(/images/homepage/2025/home-4.jpg); font-size: 1.5rem; color: #000000;"> 1614 1615 <div class="image-text-bar-overlay-content"> 1616 <span class="image-text-bar-overlay-row" style="background-color: var(--yellow);"> 1617 Open to All 1618 </span> 1619 </div> 1620 </div> 1621 1622 1623 <p class="margin-top-sm"><span style="font-weight: 400;" class="small">At PCC, we accept and support <strong>everyone</strong>.</span></p> 1624 1625 <a href="/about/no-hate.php" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Hate Has No Place at PCC <span class="far fa-arrow-right"></span></a> 1626 1627 <a href="/institutional-equity-diversity-and-justice/index.php" style="display:inline-block; font-weight: bold;" class="component-icon-link btn btn-light btn-sm mb-1">Equity, Diversity & Justice <span class="far fa-arrow-right"></span></a> 1628 </div> 1629 <div class="clearfix"></div> 1630 </div> 1631 1632 </div> 1633 <div class="clearfix"></div> 1634 </div> 1635 1636 </div> 1637 1638 1639 <h2 class=" d-block" style="font-size: 3rem; color: #212121; font-weight: 900; text-transform: uppercase; font-style: normal; line-height: 1; text-align: center; letter-spacing: -2px; padding: ; margin: ; font-family: 'proxima-nova', sans-serif;" data-aos="fade-up" data-aos-delay="0"> 1640 A changing world needs you! 1641 </h2> 1642 1643 1644 <div> 1645 1646 <h3 class="margin-bottom-md" style="text-align: center;">Discover Our Programs</h3> 1647 </div> 1648 1649 <div> 1650 1651 <div class="row"> 1652 <div class="col-12 col-md-2">
1652 </div> 1653 <div class="col-12 col-md-4"> 1654 <a href="https://pasadena.edu/explore-your-career/index.php" class="card border-1 border-dark"> 1655 1656 <div class="card-image"> 1657 <img src="/images/homepage/2025/students.jpg" alt="students" class="img-responsive"> 1658 </div> 1659 1660 <div class="card-body"> 1661 1662 <h4 class="mt-0"> 1663 Programs & Career Pathways 1664 </h4> 1665 1666 <p class="fs-8"> 1667 No matter where you're headed, we'll help you get started. With over 200 programs, 1668 PCC is the best place to start or continue your career path. 1669 </p> 1670 </div> 1671 </a> 1672 </div> 1673 <div class="col-12 col-md-4"> 1674 <a href="https://pasadena.edu/academics/career-education.php" class="card border-1 border-dark"> 1675 1676 <div class="card-image"> 1677 <video src="/images/homepage/2025/career-education.mp4" autoplay="true" muted="true" loop="true" playsinline="true" preload="metadata" class="hero-video m-0 p-0"></video> 1678 </div> 1679 1680 <div class="card-body"> 1681 1682 <h4 class="mt-0"> 1683 Career Education 1684 </h4> 1685 1686 <p class="fs-8"> 1687 Your time is valuable. Career education helps you turn it into something moreâskills, 1688 credentials, and a job that moves you forward. 1689 </p> 1690 </div> 1691 </a> 1692 </div> 1693 <div class="col-12 col-md-2"> </div> 1694 <div class="col-12"> 1695 1696 <div style="height:2rem;"></div> 1697 1698 1699 <div class="d-flex flex-wrap gap-2 flex-row align-items-center justify-content-center"> 1700 <a href="https://pasadena.edu/academics/degrees-and-certificates/index.php" class="btn btn-sm btn-light" target="">View All Programs</a><a href="https://findclasses.pasadena.edu/" class="btn btn-sm btn-light" target="_blank">Class Schedule</a><a href="https://pasadena.edu/academics/catalog-schedule-calendar.php" class="btn btn-sm btn-light" target="">Catalog</a><a href="https://pasadena.edu/get-started/" class="btn btn-sm btn-primary" target="">Apply to PCC</a> 1701 </div> 1702 </div> 1703 <div class="clearfix"></div> 1704 </div> 1705 1706 </div> 1707 </td> 1708 </div> 1709 </div> 1710 </div> 1711 </div> 1712 1713 1714 <div id="home-pcc-proud"> 1715 1716 <div class="full-width-background-snippet" style="background: linear-gradient(#fff, #f2f2f2);"> 1717 <div class="container"> 1718 <div class="row"> 1719 <div class="col-sm-12"> 1720 <td class="content"> 1721 1722 <div style="height:5rem;"></div> 1723 1724 1725 <h2 class=" d-block" style="font-size: 3rem; color: #212121; font-weight: 900; text-transform: uppercase; font-style: normal; line-height: 1; text-align: center; letter-spacing: -2px; padding: ; margin: ; font-family: 'proxima-nova', sans-serif;" data-aos="fade-up" data-aos-delay="0"> 1726 You make us #PCCProud. 1727 </h2> 1728 <br> 1729 1730 <div> 1731 1732 <div style="height:20px;"></div> 1733 </div> 1734 1735 <div> 1736 1737 <div class="row"> 1738 <div class="col-12 col-md-4"> 1739 1740 <a href="https://pasadena.edu/academics/support/veterans-services/" class="card bg-white"> 1741 1742 <div class="card-image"> 1743 <img src="/images/homepage/2025/veterans.jpg" class="img-fluid" alt="Student graduation cap."> 1744 </div> 1745 1746 1747 <div class="card-body text-center"> 1748 <span class="d-block h1 m-0 text-uppercase">13 Years</span> 1749 <span class="d-block">As a Top California School for Veterans</span> 1750 </div> 1751 </a> 1752 1753 <a href="https://pasadena.edu/academics/transfer-center/" class="card bg-primary my-3"> 1754 1755 <div class="card-body py-4"> 1756 <span class="d-block text-center h1 text-white">
1756#1</span> 1757 <span class="d-block text-center text-white">In Transfer</span> 1758 </div> 1759 </a> 1760 1761 1762 <div class="card bg-white"> 1763 1764 <div class="card-image"> 1765 <img src="/images/homepage/2025/aanapisi.jpg" class="img-fluid" alt="Student graduation cap."> 1766 </div> 1767 1768 1769 <div class="card-body text-center"> 1770 <span class="h4 m-0">Asian American and Native American Pacific Islander-Serving Institution</span> 1771 </div> 1772 </div> 1773 </div> 1774 <div class="col-12 col-md-4"> 1775 <video src="/images/homepage/2025/international-students.mp4" autoplay="true" muted="true" loop="true" playsinline="true" preload="metadata" class="hero-video m-0 p-0"></video> 1776 1777 <a href="https://pasadena.edu/foundation/" class="card bg-info mt-3"> 1778 1779 <div class="card-body py-4 text-center"> 1780 <span class="d-block h1">$1 M</span> 1781 <span class="d-block">In Scholarships</span> 1782 </div> 1783 </a> 1784 </div> 1785 <div class="col-12 col-md-4"> 1786 <a href="https://pasadena.edu/about/hsi/index.php" class="card bg-white"> 1787 1788 <div class="card-image"> 1789 <img src="/images/homepage/2025/hsi.jpg" class="img-fluid" alt="Student graduation cap."> 1790 </div> 1791 1792 1793 <div class="card-body text-center"> 1794 <span class="h4 m-0">Hispanic Serving Institution</span> 1795 </div> 1796 </a> 1797 <a href="#" class="card bg-info my-3"> 1798 1799 <div class="card-body py-4 text-center"> 1800 <span class="d-block h2 m-0 text-uppercase">Thriving International Student Body</span> 1801 </div> 1802 </a> 1803 <a href="https://pasadena.edu/news-and-events/news/pcc-recognized-by-state-as-bsi.php" class="card bg-white"> 1804 1805 <div class="card-image"> 1806 <img src="/images/homepage/2025/bsi.jpg" class="img-fluid" alt="Student graduation cap."> 1807 </div> 1808 1809 1810 <div class="card-body text-center"> 1811 <span class="h4 m-0">Black Serving Institution</span> 1812 </div> 1813 </a> 1814 1815 1816 1817 </div> 1818 <div class="clearfix"></div> 1819 </div> 1820 1821 1822 1823 <div style="height:60px;"></div> 1824 </div> 1825 </td> 1826 </div> 1827 </div> 1828 </div> 1829 </div> 1830 </div> 1831 1832 1833 <div class="full-width-background-snippet" style="background: linear-gradient(45deg, #910B24, #B00D30);"> 1834 <div class="container"> 1835 <div class="row"> 1836 <div class="col-sm-12"> 1837 <td class="content"> 1838 1839 <div> 1840 1841 <div style="height:3rem;"></div> 1842 </div> 1843 1844 1845 <h2 class=" d-block" style="font-size: 3rem; color: #ffffff; font-weight: 900; text-transform: uppercase; font-style: normal; line-height: 1; text-align: center; letter-spacing: -2px; padding: ; margin: ; font-family: 'proxima-nova', sans-serif;" data-aos="fade-up" data-aos-delay="0"> 1846 A place for everyone to start. 1847 </h2> 1848 <br> 1849 1850 <div style="text-align: center;"> 1851 1852 <div class="d-flex flex-wrap gap-2 flex-row align-items-center justify-content-center"> 1853 <a href="/get-started/index.pcf" class="btn btn-lg btn-dark" target="">Apply Now</a> 1854 </div> 1855 </div> 1856 1857 <p class="lead proxima-bold margin-top-sm margin-bottom-md" style="text-align: center;"><span class="white-text">Already applied? View your next steps below.</span></p> 1858 1859 <div class="row"> 1860 <div class="col-sm-1"> 1861 1862 <p> </p> 1863 </div> 1864 <div class="col-sm-10"> 1865 1866 <style> 1867#homepagegridcta { 1868 color: #ffffff; 1869 border-color: #C78295; 1870} 1871#homepagegridcta .cta-grid-col { 1872 width: calc(100% / 1); 1873 border-color: #C78295; 1874 color: #ffffff; 1875} 1876#homepagegridcta .cta-grid-col:hover { 1877 color: #ffffff; 1878} 1879@media only screen and (min-width: 992px) { 1880 #homepagegridcta .cta-grid-col { 1881 width: calc(100% / 4); 1882 } 1883} 1884</style> 1885 1886 1887 <div class="cta-grid" id="homepagegridcta"> 1888 <a class="cta-grid-col" href="https://pasadena.edu/get-started/next-steps.php?type=first-time-student"> 1889 <span class="cta-grid-col-title" style="text-transform: uppercase;">
1889First Time College Student</span> 1890 <span class="cta-grid-col-subtext">I will be taking college courses for the first time since high school.</span> 1891 <span class="far fa-arrow-right"></span> 1892 </a><a class="cta-grid-col" href="https://pasadena.edu/get-started/next-steps.php?type=middle-high-school"> 1893 <span class="cta-grid-col-title" style="text-transform: uppercase;">Middle or High School Student</span> 1894 <span class="cta-grid-col-subtext">I'm currently in middle school or high school and interested in taking college courses 1895 after school, on the weekend, online, or during summer.</span> 1896 <span class="far fa-arrow-right"></span> 1897 </a><a class="cta-grid-col" href="https://pasadena.edu/get-started/next-steps.php?type=returning-student"> 1898 <span class="cta-grid-col-title" style="text-transform: uppercase;">Returning PCC Student</span> 1899 <span class="cta-grid-col-subtext">I'm coming back to PCC after taking some time away.</span> 1900 <span class="far fa-arrow-right"></span> 1901 </a><a class="cta-grid-col" href="https://pasadena.edu/get-started/next-steps.php?type=previous-college-student"> 1902 <span class="cta-grid-col-title" style="text-transform: uppercase;">Previous College Student</span> 1903 <span class="cta-grid-col-subtext">Iâm transferring to PCC from another college or university.</span> 1904 <span class="far fa-arrow-right"></span> 1905 </a><a class="cta-grid-col" href="https://pasadena.edu/get-started/next-steps.php?type=short-term-student"> 1906 <span class="cta-grid-col-title" style="text-transform: uppercase;">Short-Term Student</span> 1907 <span class="cta-grid-col-subtext">Iâm only interested in taking a few classes at PCC.</span> 1908 <span class="far fa-arrow-right"></span> 1909 </a><a class="cta-grid-col" href="https://pasadena.edu/noncredit/enroll/index.php"> 1910 <span class="cta-grid-col-title" style="text-transform: uppercase;">
1910Noncredit Student</span> 1911 <span class="cta-grid-col-subtext">Iâm interested in noncredit programs such as ESL, Adult Basic Education, High School 1912 Diploma, GED prep</span> 1913 <span class="far fa-arrow-right"></span> 1914 </a><a class="cta-grid-col" href="https://pasadena.edu/academics/international-students/apply/index.php"> 1915 <span class="cta-grid-col-title" style="text-transform: uppercase;">International Student</span> 1916 <span class="cta-grid-col-subtext">I am an F1 student and wish to study in the United States at PCC.</span> 1917 <span class="far fa-arrow-right"></span> 1918 </a><a class="cta-grid-col" href="https://pasadena.edu/academics/pre-college-programs/dual-enrollment/index.php"> 1919 <span class="cta-grid-col-title" style="text-transform: uppercase;">Dual Enrollment</span> 1920 <span class="cta-grid-col-subtext">I am in high school and want to take classes at my high school during the regular 1921 school day or after school.</span> 1922 <span class="far fa-arrow-right"></span> 1923 </a> 1924 </div> 1925 </div> 1926 <div class="col-sm-1"> 1927 1928 <p> </p> 1929 </div> 1930 <div class="clearfix"></div> 1931 </div> 1932 1933 1934 1935 <div style="height:60px;"></div> 1936 </td> 1937 </div> 1938 </div> 1939 </div> 1940 </div> 1941 </div> 1942 </div> 1943 </div> 1944 <div class="container-fluid padding-top-lg padding-bottom-md" id="social-row"> 1945 <div class="container"> 1946 <div class="container-fluid padding-top-md padding-bottom-md breaking-barriers-pre-footer"> 1947 1948 <div class="row"> 1949 1950 <div class="col-12"> 1951 1952 <div class="d-flex gap-4 align-items-center justify-content-center flex-column flex-lg-row"> 1953 1954 <div> 1955 1956 <h2 class="m-0"> 1957 <span class="fw-bold">We're here for</span> <span class="text-uppercase fw-heavy">you</span>! 1958 </h2> 1959 </div> 1960 1961 <div class="d-flex align-items-center justify-content-center gap-3 flex-column flex-lg-row"> 1962 <a href="https://pasadena.edu/future-students/index.php" class="btn btn-primary">Why PCC</a> 1963 <a href="https://pasadena.edu/admissions-and-aid/outreach-office/tours.php" class="btn btn-primary">Virtual Visit</a> 1964 <a href="https://pasadena.edu/student-services/get-help/index.php" class="btn btn-primary">Get Help</a> 1965 </div> 1966 </div> 1967 </div> 1968 </div> 1969 <!--/ row --> 1970 </div> 1971 <!--/ container-fluid --></div> 1972 </div> 1973 </div> 1974 <div class="home-ftr"> 1975<div class="visible-print-block" style="text-align:center;"><p><em>09/23/2026</em></p></div> 1976 1977<footer> 1978 <div class="footer-mirror-pools border-bottom border-1 border-light text-center d-block d-md-none"> 1979 <img src="https://pasadena.edu/_resources/img/mirror-pool-footer.svg" alt="Outline Drawing of PCC Mirror Pools" class="img-fluid" data-aos="fade" /> 1980 </div> 1981 <div class="container border-bottom border-light border-1 py-4 py-md-2"> 1982 <div class="row gy-4"> 1983 <div class="col-12 col-md-6"> 1984 <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-start gap-4"> 1985 <a href="https://pasadena.edu" class="footer-logo" data-aos="fade"> 1986 <img src="https://pasadena.edu/_resources/img/pcc-logo-vert-white.svg" alt="Pasaden
1986a City College home" /> 1987 </a> 1988 <div class="footer-social d-flex align-items-center justify-content-start gap-3" data-aos="fade" data-aos-delay="50"> 1989 <a href="https://instagram.com/pcclancer" title="Instagram"> 1990 <span class="fa fa-instagram" aria-hidden="true"></span><span class="sr-only">Instagram</span> 1991 </a> 1992 <a href="https://www.facebook.com/pasadenacitycollege" title="Facebook"> 1993 <span class="fa fa-facebook" aria-hidden="true"></span><span class="sr-only">Facebook</span> 1994 </a> 1995 <a href="https://twitter.com/pcclancer" title="Twitter"> 1996 <span class="fa-brands fa-x-twitter" aria-hidden="true"></span><span class="sr-only">X</span> 1997 </a> 1998 <a href="https://www.youtube.com/pcclancer" title="YouTube"> 1999 <span class="fa fa-youtube" aria-hidden="true"></span><span class="sr-only">YouTube</span> 2000 </a> 2001 <a href="https://www.linkedin.com/school/pasadenacitycollege/" title="LinkedIn"> 2002 <span class="fa fa-linkedin" aria-hidden="true"></span><span class="sr-only">LinkedIn</span> 2003 </a> 2004 <a href="https://www.tiktok.com/@pcclancer" title="Tiktok"> 2005 <span class="fab fa-tiktok" aria-hidden="true"></span><span class="sr-only">Tiktok</span> 2006 </a> 2007 <a href="https://pasadenacc.photoshelter.com/index" title="PhotoShelter"> 2008 <span class="fa fa-camera" aria-hidden="true"></span><span class="sr-only">PhotoShelter</span> 2009 </a> 2010 </div> 2011 </div> 2012 </div> 2013 <div class="col-12 col-md-6"> 2014 <div class="footer-accolades d-flex align-items-center justify-content-start justify-content-md-end gap-3"> 2015 <a href="https://pasadena.edu/about/hsi/index.php"> 2016 <img src="/_resources/img/hsi_logo.svg" alt="Learn More about HSI" data-aos="fade" /> 2017 </a> 2018 <a href="https://pasadena.edu/news-and-events/news/pcc-recognized-by-state-as-bsi.php"> 2019 <img src="/about/images/bsi__white_outline.svg" alt="Learn More about BSI" data-aos="fade" /> 2020 </a> 2021 <img src="https://pasadena.edu/_resources/img/aanapisi.jpg" alt="Learn More about AANAPISI" data-aos="fade" /> 2022 </div> 2023 </div> 2024 </div> 2025 </div> 2026 <div class="container py-3 fs-7"> 2027 <div class="row"> 2028 <div class="col-12 col-md-4 col-lg-6"> 2029 <ul class="list-unstyled d-flex flex-column"> 2030 <li>1570 E. Colorado Blvd.<br />Pasadena, CA 91106</li> 2031 <li><strong>626 585 7123</strong></li> 2032 <li><a href="/contact.php">Contact Us</a></li> 2033 <li><a href="/about/campus-maps.php">Maps</a></li> 2034 <li><a href="/directory/index.php">Directory</a></li> 2035 </ul> 2036 </div> 2037 <div class="col-12 col-md-8 col-lg-6"> 2038 <div class="row row-cols-1 row-cols-md-2"> 2039 <div class="col"> 2040 <ul class="list-unstyled d-flex flex-column"> 2041 <li><a href="/about/index.php">About Us</a></li> 2042 <li><a href="/about/leadership.php">Leadership</a></li> 2043 <li><a href="/accreditation/index.php">Accreditation</a></li> 2044 <li><a href="/student-services/pregnant-and-parenting-students.php">Pregnant & Parenting Students</a></li> 2045 <li><a href="/institutional-equity-diversity-and-justice/title-ix/index.php">Title IX Information</a></li> 2046 </ul> 2047 </div> 2048 <div class="col"> 2049 <ul class="list-unstyled d-flex flex-column"> 2050 <li><a href="/about/board-of-trustees/index.php">Board of Trustees</a></li> 2051 <li><a href="/accessibility.php">Accessibility</a></li> 2052 <li><a href="/about/sustainability/index.php">Sustainability</a></li> 2053 <li><a href="/news-and-events/index.php">News & Events</a></li> 2054 <li><a href="/hr/employment-opportunities/index.php">Jobs at PCC</a></li> 2055 <li><a href="/police-and-college-safety/emergency-information/index.php">Emergency Info</a></li> 2056 </ul> 2057 </div> 2058 </div> 2059 </div> 2060 </div> 2061 </div> 2062 2063 <div class="footer-mirror-pools border-bottom border-1 border-light text-center d-none d-md-block"> 2064 <img src="https://pasadena.edu/_resources/img/mirror-pool-footer.svg" alt="" class="img-fluid" data-aos="fade" /> 2065 </div> 2066 2067 <div class="container py-2 fs-8"> 2068 <div class="row row-cols-1 row-cols-lg-2"> 2069 <div class="col order-lg-1"> 2070 <ul class="list-unstyled d-md-flex justify-content-start align-items-center justify-content-md-end"> 2071 <li><a href="#" data-bs-toggle="modal" data-bs-target="#pccTranslate" class="px-md-1 py-1 py-md-0">Translate this Page</a></li> 2072 <li><a href="/privacy.php" class="px-md-1 py-1 py-md-0">Privacy</a></li> 2073 <li><a href="/strategic-communications-and-marketing/web/index.php" class="px-md-1 py-1 py-md-0">About This Site</a></li> 2074 <li><a href="/strategic-communications-and-marketing/web/help.php" class="px-md-1 py-1 py-md-0">Report a Website Issue</a></li> 2075 </ul> 2076 </div> 2077 <div class="col order-lg-0"> 2078 <a id="directedit"><span class="fa fa-copyright"></span></a><span class="sr-only">Copyright</span> 2026 Pasadena City College 2079 </div> 2080 </div> 2081 </div> 2082 2083</footer> 2084 2085 2086<!-- Translate Modal --> 2087<div class="modal fade" id="pccTranslate" tabindex="-1" role="dialog" aria-labelledby="pccTranslateLabel"> 2088 <div class="modal-dialog" role="document"> 2089 <div class="modal-content"> 2090 <div class="modal-header"> 2091 <h2 class="modal-title h4 d-block" id="pccTranslateLabel">Select a language.</h2> 2092 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2093 </div> 2094 <div class="modal-body"> 2095
2095<script type="text/javascript"> 2096 function googleTranslateElementInit() { 2097 new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); 2098 } 2099 </script>
2099 2100 <div id="google_translate_element"></div>
2100<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
2100 2101 </div> 2102 </div> 2103 </div> 2104</div></div> 2105
2106<script src="/_resources/js/jquery-1.11.2.min.js"></script>
2106<!-- jQuery -->
2107<script src="/_resources/js/jquery.hoverIntent.minified.js"></script>
2107<!-- jquery.hoverIntent.minified.js-->
2108<script src="/_resources/js/jquery.loadTemplate-1.4.5.min.js"></script>
2108<!-- jquery.loadTemplate-1.4.5.min.js --> 2109 2110<!-- BS 5 -->
2111<script src="/_resources/js/bootstrap-3-to-5-shim.js?v=1.1"></script>
2111<!-- bootstrap-3-to-5-shim.js shim-->
2112<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
2112<!-- Bootstrap 5.3.3 --> 2113 2114 2115<!-- Plugins -->
2116<script src="/_resources/plugins/magnific-popup/magnific-popup.min.js"></script>
2116<!-- magnific-popup.min.js -->
2117<script src="/_resources/js/owl.carousel.min.js"></script>
2117<!-- owl.carousel.min.js -->
2118<script src="/_resources/js/aos.js"></script>
2118<!-- Data AOS Animations -->
2119<script src="https://cdn.datatables.net/2.1.8/js/dataTables.min.js"></script>
2119<!-- datatables -->
2120<script src="https://cdn.datatables.net/2.1.8/js/dataTables.bootstrap5.min.js"></script>
2120<!-- datatables-->
2121<script src="https://cdn.datatables.net/responsive/3.0.2/js/dataTables.responsive.min.js"></script>
2121<!-- datatables-->
2122<script src="https://cdn.datatables.net/responsive/3.0.2/js/responsive.bootstrap5.min.js"></script>
2122<!-- datatables-->
2123<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2123
2123
2124<script src="/_resources/js/jquery.csv.min.js"></script>
2124<!--CSV to JSON-->
2125<script src="/_resources/js/match-height.js"></script>
2125<!--MATCH HEIGHT JS-->
2126<script src="/_resources/directory/directory.js"></script>
2126<!-- directory.js --> 2127 2128 2129<!-- Global Custom -->
2130<script src="/_resources/js/rave-emergency.js?v=1.2"></script>
2130<!-- rave-emergency.js -->
2131<script src="/_resources/js/nav.js?v=1.2"></script>
2131<!-- /_resources/js/nav.js -->
2132<script src="/_resources/js/main.js?v=1.4"></script>
2132<!-- main.js -->
2133<script src="/_resources/js/legacy.js?v=1.2"></script>
2133<!-- legacy.js --> 2134 2135<!-- MC Additions -->
2136<script type="text/javascript" src="/_resources/js/ouforms.js"></script>
2136<!-- /_resources/js/ouforms.js-->
2137<script src="/_resources/js/direct-edit.js"></script>
2137<!-- /_resources/js/direct-edit.js --><!-- Events scripts--> 2138 2139 2140 2141 2142 2143 2144 <div id="hidden" style="display:none;"><a id="de" href="https://a.cms.omniupdate.com/11/?skin=oucampus&account=pasadena&site=www&action=de&path=/index.pcf" aria-label="OU Campus Direct Edit button">©</a></div>
2144<script src="/_resources/js/rave-notice.js?v1"></script>
2144 2145 <!-- Privacy policy at http://tag.brandcdn.com/privacy --> 2146
2146<script type="text/javascript" src="//tag.brandcdn.com/autoscript/pasadenacitycollege_vfzsrmvrmxfaekk9/PasadenaCityCollege.js"></script>
2146 2147
2147<script type="text/javascript">/* <![CDATA[ */ 2148 jQuery(document).ready(function($) { 2149 2150 $('.giving-tuesday-homepage-quotes').owlCarousel({ 2151 items: 1, 2152 loop: true, 2153 autoplay: true, 2154 autoplayTimeout: 5000, 2155 autoplayHoverPause: false, 2156 animateOut: 'fadeOut', 2157 animateIn: 'fadeIn', 2158 dots: false, 2159 nav: false, 2160 smartSpeed: 800, 2161 autoHeight: false 2162 }); 2163 2164 }); 2165 /* ]]> */ 2166 2167 document.addEventListener("DOMContentLoaded", function () { 2168 const cards = document.querySelectorAll('.card'); 2169 2170 cards.forEach((card, index) => { 2171 card.setAttribute('data-aos', 'fade'); 2172 card.setAttribute('data-aos-delay', index * 100); // optional stagger 2173 card.setAttribute('data-aos-duration', '1000'); // optional duration 2174 }); 2175 2176 AOS.init({ 2177 once: true, // animate only once 2178 offset: 120, 2179 }); 2180 }); 2181 2182 </script>
2182 2183 <!-- Chat--> 2184 <!--
2184<script id="bbh-client-script" src="https://bbh-preprod-bot.blackbelthelp.com/preprod/chat/chat-client.js?botId=PCCBot"></script>
2184--> 2185 2186 <!-- Homepage JS--> 2187
2187<script src="/_resources/js/homepage.js"></script>
2187 2188 2189 <!-- Break Barriers JS--> 2190
2190<script src="/css/break-barriers-homepage.js"></script>
2190 2191
2191<script> </script>
2191</body> 2192 2193</html> 2194
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.