PageSourceSearch

https://pasadena.edu/index.php

html pasadena.edu collected 2026-09-24 06:23:47 UTC 118,648 bytes, 2,194 lines download raw bytes

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> &nbsp; -->
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 &amp; <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 &amp; 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 &amp; Administrative Services</a></li>
340								<li><a href="/strategic-communications-and-marketing/index.php">Communications &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Career Pathways</a></li>
418								<li><a href="/academics/degrees-and-certificates/index.php">Degrees &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Administrative Services</a></li>
731						<li class="list-group-item"><a href="/strategic-communications-and-marketing/index.php">Communications &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Career Pathways</a></li>
801						<li class="list-group-item"><a href="/academics/degrees-and-certificates/index.php">Degrees &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>&nbsp;</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.&nbsp;</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>&nbsp;</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 [&#34;list&#34;,{},&#34;list_item&#34;,{&#34;indent&#34;:2,&#34;type&#34;:&#34;bulleted&#34;}]">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;">&nbsp;</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 &amp; 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&nbsp; 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 &amp; 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&nbsp;</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 &amp; 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">&nbsp;</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>&nbsp;</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>&nbsp;</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 &amp; 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 &amp; 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&amp;account=pasadena&amp;site=www&amp;action=de&amp;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.