PageSourceSearch

https://www.pcc.edu/

html pcc.edu collected 2026-09-24 08:39:48 UTC 71,121 bytes, 953 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3<head>
4  <meta charset="utf-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <meta name="author" content="[email protected]" />
7  <title>Portland Community College</title>
8  <link rel="stylesheet" href="/wp-content/themes/pcc/_source/vendor/foundation/6.8.1/foundation.min.css">
9  <link rel="stylesheet" href="/wp-content/themes/pcc/_source/styles/pcc.min.css">
10  <link rel="stylesheet" href="/_source/homepage/styles/homepage.min.css">
11  <link rel="stylesheet" href="/wp-content/themes/pcc/_source/styles/other/print.min.css" media="print" />
12  <link rel="stylesheet" href="/wp-content/themes/pcc/_source/vendor/fonts/fontawesome-6.7.2/css/all.min.css?ver=6.7.2">
13  <link rel="icon" href="/wp-content/themes/pcc/_source/images/favicon.ico" type="image/x-icon">
14  <link rel="shortcut icon" href="/wp-content/themes/pcc/_source/images/favicon.ico">
15  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;display=swap" rel="stylesheet">
17 
17<script>
18    /* Set up cookie consent */
19    window.dataLayer = window.dataLayer || [];
20    function gtag(){dataLayer.push(arguments);}
21    if(localStorage.getItem('consentMode') === null){
22      gtag('consent', 'default', {'ad_storage': 'denied','ad_user_data': 'denied','ad_personalization':'denied','analytics_storage':'denied','pcc_required':  'granted','pcc_analytics': 'denied','pcc_marketing': 'denied'});
23    } else {
24      gtag('consent', 'default', JSON.parse(localStorage.getItem('consentMode')));
25    }
26    /* Google Tag Manager */
vendor: 328 bytes, lines 26-27
26
27    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
27GTM-TVQCHWR
vendor: 6 bytes, lines 27-28
27');
28  
28</script>
28 
29  <meta property="og:url" content="https://www.pcc.edu" />
30  <meta property="og:type" content="website" />
31  <meta property="og:title" content="Portland Community College" />
32  <meta property="og:description" content="As the largest college in Oregon, PCC offers high-quality and affordable education for all students. Four campuses, eight centers, and dozens of community locations offer courses and student services." />
33  <meta property="og:image" content="https://www.pcc.edu/wp-content/themes/pcc/_source/images/og-image.png" />
34  <meta name="description" content="As the largest college in Oregon, PCC offers high-quality and affordable education for all students. Four campuses, eight centers, and dozens of community locations offer courses and student services." />
35</head>
36
37<body>
38  <div class="body-overlay"></div>
39  <section aria-label="Skip to page content"><a href="#main" id="skip">Skip to page content</a></section>
40	
41  <header id="global-header" aria-label="PCC main header">
42    <div class="grid-container wider">
43      <div class="grid-x grid-padding-x align-middle">
44        <div id="logo" class="small-12 medium-3 large-3 cell">
45          <h1>
46            <span style="position:absolute;left:-9999px;">Portland Community College | Portland, Oregon</span>
47            <a href="/">
48              <img src="/_source/homepage/images/logo-trademark.svg" onerror="this.src='/_source/homepage/images/logo-trademark.png'; this.onerror=null;" alt="Portland Community College" />
49            </a>
50          </h1>
51        </div>
52        <div id="navigation" class="small-12 medium-9 cell">
53          <div id="title-bar-icon" class="title-bar" data-responsive-toggle="global-nav" data-hide-for="medium">
54            <div class="title-bar-title visually-hide">Menu</div>
55            <button class="menu-icon" type="button" data-toggle="global-nav" aria-label="menu button"><span></span><span></span><span></span></button>
56          </div>
57          <nav id="global-nav" class="top-bar grid-x"  aria-label="PCC global navigation" data-animate="slide-in-down slide-out-up">
58            <section class="small-12 medium-9 large-8 cell" aria-label="Main navigation">
59              <ul id="main-nav" class="menu" data-responsive-menu="drilldown medium-dropdown" data-auto-height="true" >
60                <li id="megamenu-apply">
61                  <a href="#" id="get-started">Get Started</a>
62                  <ul id="mega-apply" style="display:none;" class="nested"><li id="mega-apply-content"></li></ul>
63                </li>
64                <li id="megamenu-programs"><a href="/programs/">Programs</a></li>
65                <li><a href="/schedule/"><span class="hide-for-medium-only">Class </span>Schedule</a></li>
66                <li><a href="/about/">About</a></li>
67                <li><a href="/student-life/">Student Life</a></li>
68              </ul>
69            </section>
70            <section class="small-12 medium-3 large-4 cell" aria-label="PCC supporting navigation">
71              <ul id="supporting-nav" class="menu">
72                <li><a href="/search/"><i class="fa fa-solid fa-magnifying-glass"></i><span class="hide-for-medium-only">Search</span></a></li>
73                <li><a href="/resources/"><i class="fa fa-solid fa-arrow-down-a-z"></i><span class="hide-for-medium-only">Resources</span></a></li>
74                <li id="clear-nav"><a href="/contacts/"><i class="fa fa-solid fa-envelope"></i><span class="hide-for-medium-only">Contacts</span></a></li>
75                <li><a href="/calendars/"><i class="fa fa-solid fa-calendar-days"></i><span class="hide-for-medium-only">Calendars</span></a></li>
76                <li><a href="/foundation/"><i class="fa fa-solid fa-heart"></i><span class="hide-for-medium-only">Give</span></a></li>
77                <li id="mypcc-li"><a href="https://my.pcc.edu/" id="mypcc"><span class="visually-hide">Log in to </span>MyPCC</a></li>
78              </ul>
79            </section>
80          </nav>
81        </div>
82      </div>
83    </div>
84  </header>
85	
86  <main id="main">
87    <section id="photo-collage" aria-label="Photo collage and apply to PCC">
88      <div id="photo-collage-info">
89        <h2>Start your academic journey here.</h2>
90        <p>
90We're here to support your goals, whatever they may be.</p>
91        <p><a class="button green" href="/enroll/">Apply to PCC</a></p>
92      </div>
93      <a href="#" id="photo-collage-pause" title="Play/Pause button" aria-label="Play/Pause button" aria-hidden="true">
94        <i class="fas fa-pause" role="img"><span class="visually-hide">Pause animation</span></i>
95      </a>
96      <div id="photo-collage-overlay"></div>
97      <div id="photo-collage-images" role="img" aria-label="Collage of photos from all around the college. Includes images of architecture, student groups, and events.">
98        <div class="photo-collage-column" aria-hidden="true">
99          <img src="/_source/homepage/images/column-1.jpg" alt="">
100        </div>
101        <div class="photo-collage-column" aria-hidden="true">
102          <img src="/_source/homepage/images/column-2.jpg" alt="">
103        </div>            
104        <div class="photo-collage-column" aria-hidden="true">
105          <img src="/_source/homepage/images/column-3.jpg" alt="">
106        </div>           
107        <div class="photo-collage-column" aria-hidden="true">
108          <img src="/_source/homepage/images/column-4.jpg" alt="">
109        </div>
110      </div>
111    </section>
112    <div id="content-area">
113      <!-- spotlight text: https://spaces.pcc.edu/display/webteam/PCC+Homepage+Spotlights -->
114      <section id="spotlights" class="grid-container wider" aria-label="Spotlights">
115        <div class="grid-x card-columns grid-margin-x pcc-ajax" data-url="/feeds/spotlights/" data-callback="pcc_home_presentation" style="min-height: 150px;"></div>
116      </section>
117
118      <section id="pathways" class="navy" aria-label="Pathways">
119        <div class="grid-container wider"> <!-- on a separate div so the navy goes all the way to the edges -->
120          <div class="grid-x grid-padding-x">
121            <div class="small-12 narrower-medium-12 medium-4 cell">
122              <h3 class="divider large light">A program <br class="program-header-break">for you</h3>
123              <p>With hundreds of options to choose from, we have a field of study that is right for you.</p>
124              <p><a class="button white" href="/programs/">View all programs</a></p>
125              <div class="grid-x grid-margin-x facts card-columns">
126                <div class="fact small-12 narrower-medium-6 medium-12 card">
127                  <i class="fas fa-apple-alt"></i>
128                  <div class="fact-details">
129                    <p><span class="animate-count" id="programs-d-total" data-count="0"></span> academic programs</p>
130                  </div>
131                </div>
132                <div class="fact small-12 narrower-medium-6 medium-12 card">
133                  <i class="fas fa-award"></i>
134                  <div class="fact-details">
135                    <p><span class="animate-count" id="programs-a-total" data-count="0" data-delay="300"></span> degrees and certificates</p>
136                  </div>
137                </div>
138              </div>
139            </div>
140                   <!-- We're using the free version of Font Awesome. Under the CC BY 4.0 license (https://fontawesome.com/license/free), we modified the provided SVG icons in the programs section to change the colors and animate the icons on hover. -->
141                <div id="programs" class="small-12 narrower-medium-12 medium-8 cell">
142                  <div class="grid-x">
143                    <div class="small-12 cell">
144                     <a id="art" href="#" class="pcc-modal-button" role="button" data-open="art-detail">
145                        <div class="program">
146                          <svg class="pathway-icon" viewBox="0 0 250 250">
147                            <g id="pencil">
148                              <path class="pencil-body" d="M37.6,162.2c32-32,64.4-64.2,96.3-96.3c3.9-3.9,6.6-4.3,10.9,0c13.3,13.6,26.8,27,40.3,40.4 c1.1,1.1,2.1,2.2,2.3,3.8c0.2,1.9-0.8,3.2-2,4.5c-5.3,5.3-96.9,97.3-97.9,97.5c0-7.5,0-15,0.1-22.4c0-1.7-0.4-2.3-2.2-2.2 c-6.7,0.1-13.4,0-20.2,0c-3,0-2.7,0.3-2.7-2.8c0-6.6,0-13.3,0-19.9c0-2.3,0-2.3-2.3-2.3C53.6,162.5,38.6,162.7,37.6,162.2z M76.9,159.4c2.6,0,4-1.3,5.3-2.6c19.3-19.4,38.7-38.7,58-58.1c0.7-0.7,1.4-1.3,1.8-2.1c2.1-3.5-0.2-7.9-4.2-8.3 c-2-0.2-3.5,0.9-4.9,2.3C113.5,110,94,129.5,74.5,149c-0.6,0.6-1.3,1.2-1.7,1.9c-1.2,1.8-1.2,3.7-0.2,5.6 C73.6,158.5,75.3,159.3,76.9,159.4z"/>
148 
149                              <path class="pencil-eraser" d="M184.1,25c3.8,0,8.1,1.8,11.7,5.3c8,7.9,16,15.8,23.9,23.9c6.8,6.9,7.1,17.8,0.8,25 c-6,6.8-12.9,12.8-19.2,19.3c-1.8,1.8-3.7,1.9-5.9,0.5c-0.7-0.5-1.3-1.1-1.9-1.7c-13.7-13.6-27.3-27.3-41-40.9 c-3.4-3.4-3-6.2,0.1-9.2c5.1-4.8,9.8-10,15-14.7c2.2-2,4-4.2,6.7-5.5C177,25.7,179.8,25,184.1,25z"/> 
150                              <path class="pencil-wood" d="M37.6,162.2c1.1,0.5,16,0.3,22.5,0.3c2.3,0,2.3,0,2.3,2.3c0,6.6,0,13.3,0,19.9c0,3.1-0.3,2.8,2.7,2.8 c6.7,0,13.4,0.1,20.2,0c1.8,0,2.2,0.5,2.2,2.2c-0.1,7.5-0.1,15-0.1,22.4c-2.4,1.4-25.2,6.5-25.6,6.6c-0.2-0.8-29.3-30.5-30.6-30.6 c0.7-5.1,2.4-10,3.5-15C35.5,169.7,37.5,162.4,37.6,162.2z"/> 
151                              <path class="pencil-tip" d="M31.3,188.1c1.2,0.1,30.4,29.7,30.6,30.6c-8.4,2-16.8,4.1-25.3,6c-6.9,1.6-12.9-4.4-11.3-11.3 C27.2,205,29.3,196.6,31.3,188.1z"/> 
152                              <path class="pencil-highlight" d="M76.9,159.4c-1.6-0.1-3.3-0.8-4.3-2.9c-1-1.9-0.9-3.8,0.2-5.6c0.5-0.7,1.1-1.3,1.7-1.9 c19.5-19.5,39-38.9,58.4-58.4c1.4-1.4,2.9-2.4,4.9-2.3c4,0.3,6.2,4.8,4.2,8.3c-0.5,0.8-1.2,1.5-1.8,2.1 c-19.3,19.4-38.7,38.7-58,58.1C80.9,158.1,79.5,159.4,76.9,159.4z"/>
153                            </g>
154                          </svg>
155                          <h4>Arts, Humanities, Communication, and Design</h4>
156                        </div>
157                      </a>
158                    </div>
159                    <div class="small-12 cell">
160                      <a id="business" href="#" class="pcc-modal-button" role="button" data-open="business-detail">
161                        <div class="program">
162                        <svg id="bar-chart" class="pathway-icon" viewBox="0 0 250 250">
163                        <g>
164                          <path class="bar-chart-sides" d="M218.8,175c1.8,0,3.3,0.6,4.5,1.8c1.2,1.2,1.8,2.7,1.8,4.5v12.5c0,1.8-0.6,3.3-1.8,4.5 c-1.2,1.2-2.7,1.8-4.5,1.8H37.5c-3.4,0-6.3-1.2-8.8-3.7c-2.5-2.5-3.7-5.4-3.7-8.8V56.3c0-1.8,0.6-3.3,1.8-4.5 c1.2-1.2,2.7-1.8,4.5-1.8h12.5c1.8,0,3.3,0.6,4.5,1.8c1.2,1.2,1.8,2.7,1.8,4.5V175H218.8z"/>
165                          <path class="bar bar1" d="M80.1,150c-1.3,0-2.5-0.5-3.5-1.6c-1-1-1.6-2.2-1.6-3.5v-27.3c0-1.3,0.5-2.5,1.6-3.5c1-1,2.2-1.6,3.5-1.6h14.8 c1.3,0,2.5,0.5,3.5,1.6c1,1,1.6,2.2,1.6,3.5v27.3c0,1.3-0.5,2.5-1.6,3.5c-1,1-2.2,1.6-3.5,1.6H80.1z"/>
166                          <path class="bar bar2" d="M117.6,150c-1.3,0-2.5-0.5-3.5-1.6c-1-1-1.6-2.2-1.6-3.5V67.6c0-1.3,0.5-2.5,1.6-3.5c1-1,2.2-1.6,3.5-1.6h14.8 c1.3,0,2.5,0.5,3.5,1.6c1,1,1.6,2.2,1.6,3.5v77.3c0,1.3-0.5,2.5-1.6,3.5c-1,1-2.2,1.6-3.5,1.6H117.6z"/>
167                          <path class="bar bar3" d="M155.1,150c-1.3,0-2.5-0.5-3.5-1.6c-1-1-1.6-2.2-1.6-3.5V92.6c0-1.3,0.5-2.5,1.6-3.5c1-1,2.2-1.6,3.5-1.6h14.8 c1.3,0,2.5,0.5,3.5,1.6c1,1,1.6,2.2,1.6,3.5v52.3c0,1.3-0.5,2.5-1.6,3.5c-1,1-2.2,1.6-3.5,1.6H155.1z"/>
168                          <path class="bar bar4" d="M192.6,150c-1.3,0-2.5-0.5-3.5-1.6c-1-1-1.6-2.2-1.6-3.5V55.1c0-1.3,0.5-2.5,1.6-3.5c1-1,2.2-1.6,3.5-1.6h14.8 c1.3,0,2.5,0.5,3.5,1.6c1,1,1.6,2.2,1.6,3.5v89.8c0,1.3-0.5,2.5-1.6,3.5c-1,1-2.2,1.6-3.5,1.6H192.6z"/> 
169                        </g>
170                      </svg>
171                      <h4>Business and Entrepreneurship</h4>
172                    </div>
173                  </a>
174                </div>
175                <div class="small-12 cell">
176                  <a id="construction" href="#" class="pcc-modal-button" role="button" data-open="construction-detail">
177                    <div class="program">
178                      <svg id="hammer-wrench" class="pathway-icon" viewBox="0 0 250 250">
179                        <g>
180                          <g id="wrench">
181                            <path class="wrench-handle" d="M53.4,43.5c6.2-1.6,12.5-1.5,18.9,0.3c6.3,1.7,11.9,4.9,16.8,9.6c5,5.2,8.3,11.3,9.9,18.2 c1.6,6.9,1.2,13.7-1,20.3l89.5,89.5c3.3,3.3,4.9,7.2,4.9,11.8c0,4.6-1.6,8.5-4.8,11.7c-3.2,3.2-7.1,4.8-11.7,4.8 s-8.5-1.6-11.8-4.9l-89.8-89.5c-6.4,2.3-13.1,2.6-20.2,1c-7-1.6-13-4.9-18.1-9.9c-4.7-4.7-7.9-10.2-9.6-16.6 c-1.7-6.4-1.8-12.7-0.3-19c0.3-1.2,1.1-2,2.2-2.2c1.1-0.3,2.1,0,3,0.9l19.5,19.2l17.7-2.9l2.9-17.7L52.1,48.7 c-0.9-0.9-1.2-1.9-0.9-3C51.5,44.6,52.2,43.8,53.4,43.5z"/>
182                            <path class="wrench-hole" d="M180.1,197.5c1.2-1.2,1.8-2.7,1.8-4.4c0-1.7-0.6-3.2-1.8-4.4c-1.2-1.2-2.7-1.8-4.4-1.8s-3.2,0.6-4.4,1.8 c-1.2,1.2-1.8,2.7-1.8,4.4c0,1.7,0.6,3.2,1.8,4.4c1.2,1.2,2.7,1.8,4.4,1.8S178.9,198.7,180.1,197.5z"/>
183                          </g>
184                          <g id="hammer">
185                            <path class="hammer-head" d="M106.2,54.8c4.2-4.4,8.9-7.6,14.1-10c19.8-9.1,41.4-5.3,57.1,10.1c4.7,4.6,9.4,9.3,14,14 c4.8,5,6.5,11,5.6,17.8c-0.1,0.8,0.1,1.9,0.6,2.5c2.4,2.8,4.9,5.4,7.6,8.3c1.6-1.5,2.7-2.6,3.9-3.6c2.3-2.1,5-2.2,7.2,0 c2.3,2.2,4.6,4.4,6.8,6.7c2.5,2.6,2.5,5.3,0.1,7.8c-9.1,9.2-18.3,18.4-27.5,27.6c-2.8,2.7-5.6,2.7-8.4,0c-2.1-2-4.1-4-6.1-6.1 c-2.6-2.8-2.6-5.5,0.1-8.2c1-1,2-1.8,3.2-2.8c-3-3
185-5.6-5.6-8.3-8.2c-0.6-0.5-1.7-0.8-2.6-0.6c-7.1,1.2-13.1-0.9-18.1-5.9 c-4.6-4.6-9.2-9.3-13.9-13.8c-4.9-4.8-7.5-10.5-7.1-17.3c0.2-3.1-0.9-4.6-3.7-5.9c-7.6-3.5-15-7.4-22.5-11.2 C107.7,55.6,107,55.2,106.2,54.8z"/>
186                            <path class="hammer-handle" d="M129.6,91.4c8,8,15.8,15.8,23.9,23.9c-0.7,0.9-1.5,1.8-2.3,2.7c-14.2,15.1-67,71.5-79.2,84.7 c-4.6,4.9-10.1,7.4-16.8,7.4c-10.5,0-19.9-9.1-20.4-19.6c-0.3-6.6,1.8-12.3,6.6-16.8c14.5-13.6,71.3-66.7,85.3-79.7 C127.7,93.1,128.6,92.3,129.6,91.4z"/>
187                          </g>
188                        </g>
189                      </svg>
190                      <h4>Construction, Manufacturing Tech, and Transportation</h4>
191                    </div>
192                  </a>
193                </div>
194                <div class="small-12 cell">
195                  <a id="healthcare" href="#" class="pcc-modal-button" role="button" data-open="healthcare-detail">
196                    <div class="program">
197                      <svg id="stethoscope" class="pathway-icon" viewBox="0 0 250 250">
198                        <g>
199                          <path class="stethoscope-headpiece" d="M75,161.5c-2.3-0.7-4.5-1.2-6.7-2c-24.7-8.9-39.1-26.4-42.8-52.4c-0.4-2.5-0.4-5.1-0.4-7.6 c0-19.6,0-39.1,0-58.7c0-6.6,2.6-9.7,9.1-11c7.8-1.6,15.6-3.1,23.4-4.7c4.3-0.8,9,2.2,10.3,6.6c0.7,2.6,1.3,5.3,1.6,8 c0.6,4.4-2.4,8.6-6.8,9.8c-3.5,0.9-7.1,1.6-10.6,2.1c-1.6,0.3-2,0.9-2,2.5c0.1,15.4-0.1,30.8,0.1,46.2c0.3,22,18.3,38.8,40.4,37.1 c18.3-1.4,31.8-15.3,34.2-31.8c0.3-2.1,0.5-4.1,0.5-6.2c0-15,0-29.9,0-44.9c0-1.9-0.4-2.7-2.4-3c-2.9-0.3-5.7-1-8.5-1.6 c-6.4-1.2-9.5-5.9-8.2-12.3c0.4-1.9,0.6-3.8,1.2-5.6c1.4-5.1,6.2-7.9,11.3-6.9c7.8,1.6,15.6,3.2,23.4,4.8c5.4,1.1,8.3,4.6,8.3,10.2 c0,20.3,0.4,40.6-0.1,60.9c-0.5,23.1-11.3,40.7-30.9,52.9c-5.4,3.3-11.2,5.4-17.3,7c-0.6,0.2-1.2,0.4-1.8,0.6 C91.7,162.9,83.4,162.9,75,161.5z"/>
200                          <path class="stethoscope-cord" d="M75,161.5c8.3,1.4,16.7,1.4,25,0c1.5,18.4,14,32.5,33,37.4c20.4,5.2,42.2-4.8,51-23.4 c2.3-4.8,3.5-9.9,3.5-15.2c0-14.8,0.1-29.7,0.1-44.5c2,0.7,3.9,1.8,6,2.3c6.6,1.6,12.8,0.7,18.8-2.3c0,0.9,0.1,1.8,0.1,2.7 c0,13.8,0.1,27.5,0,41.3c-0.1,15.5-5.4,29.2-15.4,41c-11.5,13.5-26.2,21.4-43.6,23.6c-24.5,3.2-45.6-4.3-62.4-22.7 c-8.5-9.3-13.4-20.5-15.5-32.9C75.3,166.4,75.2,163.9,75,161.5z"/>
201                          <path class="stethoscope-listener-outer" d="M212.5,115.7c-6,3-12.2,3.9-18.8,2.3c-2.1-0.5-4-1.6-6-2.3c-5.8-3.8-10-8.8-11.8-15.6 c-3.6-14,4.9-27.8,19.2-30.8c13.8-2.9,27.3,6.3,29.6,20.3c1.7,10.7-2.3,18.9-10.9,25.1C213.3,115,212.9,115.4,212.5,
201115.7z M206.3,93.9c0-3.5-2.6-6.3-6-6.4c-3.5-0.1-6.4,2.7-6.4,6.2c0,3.5,2.7,6.2,6.1,6.2C203.4,100,206.2,97.3,206.3,93.9z"/>
202                          <path class="stethoscope-listener-inner" d="M206.3,93.9c0,3.4-2.8,6.1-6.3,6.1c-3.4,0-6.1-2.7-6.1-6.2c0-3.5,2.9-6.4,6.4-6.2 C203.7,87.6,206.3,90.4,206.3,93.9z"/>
203                          <path class="stethoscope-heart" d="M200,83.1c0.1-0.1,0.1-0.2,0.1-0.2c1.4-2.5,3.5-4.3,6.3-5.4c0.8-0.3,1.5-0.5,2.3-0.6c0.7-0.1,1.4-0.2,2.2-0.1 c3.3,0.2,6.1,1.4,8.4,3.9c1.5,1.6,2.4,3.5,2.9,5.7c0.2,1,0.3,2.1,0.2,3.1c-0.1,1.3-0.4,2.6-0.8,3.9c-0.5,1.6-1.3,3.1-2.2,4.5 c-0.9,1.5-2,2.9-3.2,4.3c-1.5,1.7-3.1,3.3-4.8,4.8c-1.6,1.4-3.2,2.8-4.9,4.1c-2.1,1.6-4.1,3.2-6.2,4.8c-0.1,0.1-0.2,0.1-0.3,0.2 c-0.1,0-0.1-0.1-0.2-0.1c-2.4-1.8-4.8-3.7-7.2-5.5c-2-1.6-3.9-3.3-5.8-5.1c-1.3-1.2-2.5-2.5-3.6-3.9c-1.2-1.4-2.2-2.8-3.1-4.4 c-0.8-1.3-1.4-2.7-1.8-4.2c-0.3-0.9-0.5-1.9-0.6-2.9c-0.1-0.8-0.1-1.6,0-2.4c0.2-1.9,0.7-3.6,1.7-5.2c1.7-2.8,4.2-4.5,7.4-5.3 c0.6-0.1,1.2-0.2,1.8-0.3c0.5,0,0.9,0,1.4,0c1.5,0.1,2.9,0.4,4.3,1c2.4,1.1,4.3,2.8,5.6,5.1C199.9,82.9,199.9,83,200,83.1z"/>
204                        </g>
205                      </svg>
206                      <h4>Healthcare and Emergency Professions</h4>
207                    </div>
208                  </a>
209                </div>
210                <div class="small-12 cell">
211                  <a id="service" href="#" class="pcc-modal-button" role="button" data-open="service-detail">
212                    <div class="program">
213                      <svg id="shield" class="pathway-icon" viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
214                        <g>
215                          <path class="shield-outer-rim" d="M224.8,77.6c-1.3,43.7-14.5,83-43.6,116.2c-13.3,15.2-28.7,27.5-47.2,35.9c-6.1,2.8-12.1,2.7-18.2,0 c-22-9.8-39.6-25.2-54-44.1c-18.6-24.4-30-52-34.3-82.3c-1.5-10.8-2.2-21.7-2.3-32.6c-0.1-8.4,4.7-14.3,12.5-17.6 C52.2,46.7,67,40.6,81.8,34.4c11.3-4.7,22.7-9.3,34-14.2c6.2-2.6,12.1-2.6,18.2,0c25.4,10.7,50.8,21.2,76.2,31.8 c11.1,4.6,15.4,11.4,14.6,23.5C224.9,76.3,224.8,76.9,224.8,77.6z M205.1,78.5c0-2,0-3.1,0-4.3c0-2.1-0.6-3-2.5-3.8 c-25.2-10.4-50.3-20.9-75.5-31.3c-1.3-0.5-3.3-0.5-4.6,0C97.4,49.5,72.2,60,47.1,70.4c-2,0.8-2.6,1.9-2.4,3.9 c0.6,7.3,0.8,14.7,1.8,22c4.1,30.7,15.4,58.4,35.1,82.4c11.2,13.6,24.5,24.6,40.6,32.1c1.9,0.9,3.5,0.8,5.4-0.1 c11.2-5.2,21.1-12.2,29.9-20.8C189,159.2,202.9,120.9,205.1,78.5z"/>
216                          <path class="shield-inner-rim" d="M205.1,78.5c-2.2,42.4-16.1,80.6-47.6,111.4c-8.8,8.6-18.7,15.6-29.9,20.8c-1.9,0.9-3.5,1-5.4,0.1 c-16.1-7.5-29.4-18.5-40.6-32.1c-19.8-24-31.1-51.7-35.1-82.4c-1-7.3-1.2-14.6-1.8-22c-0.2-2,0.4-3.1,2.4-3.9 C72.2,60,97.4,49.5,122.5,39.1c1.3-0.5,3.3-0.6,4.6,0c25.2,10.4,50.3,20.9,75.5,31.3c1.9,0.8,2.6,1.8,2.5,3.8 C205.1,75.3,205.1,76.5,205.1,78.5z M124.7,60.3c-0.4,0-0.6,0-0.8,0.1c-19,7.9-38,15.8-57,23.8c-0.7,0.3-1.4,1.7-1.3,2.6 c0.5,4.8,0.9,9.6,1.8,14.4c5.4,30.6,19,56.9,42.8,77.3c4.4,3.8,9.3,7.1,14.5,10.9C124.7,145.8,124.7,103.1,124.7,60.3z"/>
217                          <path class="shield-left" d="M124.7,60.3c0,42.8,0,85.5,0,129c-5.2-3.9-10.1-7.2-14.5-10.9c-23.9-20.4-37.4-46.6-42.8-77.3 c-0.8-4.8-1.3-9.6-1.8-14.4c-0.1-0.8,0.6-2.3,1.3-2.6c19-8,38-15.9,57-23.8C124.1,60.3,124.3,60.3,124.7,60.3z"/>
218                          <path class="shield-right" d="M124.6,60.3c0,42.8,0,85.5,0,129c5.2-3.9,10.1-7.2,14.5-10.9c23.9-20.4,37.4-46.6,42.8-77.3 c0.8-4.8,1.3-9.6,1.8-14.4c0.1-0.8-0.6-2.3-1.3-2.6c-19-8-38-15.9-57-23.8C125.3,60.3,125.1,60.3,124.6,60.3z"/>
219                          <polygon class="shield-sparkle" points="109,120.9 99,114.5 93.6,125 91.2,113.4 79.9,117 86.4,107.1 75.9,101.6 87.4,99.2 83.9,87.9  93.8,94.4 99.2,83.9 101.6,95.5 112.9,91.9 106.4,101.8 117,107.2 105.4,109.7"/>
220                        </g>
221                      </svg>
222                      <h4>Public Service, Education, and Social Sciences</h4>
223                    </div>
224                  </a>
225                </div>
226                <div class="small-12 cell">
227                  <a id="stem" href="#" class="pcc-modal-button" role="button" data-open="stem-detail">
228                    <div class="program">
229                      <svg id="gears" class="pathway-icon" viewB
229ox="0 0 250 250">
230                        <g>
231                          <path class="gear-outer large" d="M145.6,134.6l10.6,5.3c3.5,2.1,4.6,5.1,3.1,9c-1.9,5.4-6.2,12.3-13.1,20.6c-2.7,3.1-5.8,3.6-9.4,1.6l-9.4-5.3 c-5,4.4-10.6,7.7-16.8,10v10.6c0,1.7-0.6,3.2-1.9,4.7c-1.2,1.5-2.7,2.3-4.4,2.5c-7.9,1.5-15.8,1.5-23.7,0c-1.9-0.2-3.4-1-4.5-2.5 c-1.1-1.5-1.7-3-1.7-4.7v-10.6c-6.4-2.3-12.2-5.6-17.2-10l-9,5.3c-3.5,2.1-6.7,1.6-9.4-1.6c-6.7-8.1-11-15-13.1-20.6 c-1.5-3.9-0.4-7,3.1-9l10.3-5.3c-1.2-6.7-1.2-13.2,0-19.7l-10.3-5.3c-3.7-2.1-4.8-5.1-3.1-9C27.8,95,32.2,88.1,38.9,80 c2.5-3.1,5.6-3.6,9.4-1.6l9,5c5.2-4.4,10.9-7.6,17.2-9.7V63.2c0-1.9,0.6-3.5,1.7-4.8c1.1-1.4,2.7-2.1,4.5-2.3 c7.9-1.5,15.8-1.5,23.7,0c0.9,0.2,1.5,0.4,2.3,0.8c0.8,0.4,1.4,1.1,2,1.7c0.6,0.6,1.1,1.4,1.4,2.2c0.3,0.8,0.5,1.7,0.5,2.5v10.6 c6.2,2.3,11.9,5.5,16.8,9.7l9.4-5c3.5-2.3,6.7-1.8,9.4,1.6c6.7,7.9,11,14.8,13.1,20.6c1.5,4,0.4,7-3.1,9l-10.6,5.3 C146.8,121.4,146.8,127.9,145.6,134.6z"/>
232                          <circle class="gear-inner" cx="92.5" cy="124.8" r="23.1"/>
233                          <path class="gear-outer small" d="M185.1,105l-2.5,4.4c-1,1.9-2.6,2.5-4.7,1.9c-3.7-1.5-7.1-3.4-10-5.9c-1.7-1.5-2-3.1-0.9-5l2.5-4.4 c-2.1-2.5-3.7-5.3-5-8.4h-5c-2.3,0-3.5-1.1-3.7-3.4c-0.8-3.7-0.8-7.6,0-11.5c0.2-2.1,1.5-3.1,3.7-3.1h5c1.2-3.1,2.9-5.9,5-8.4 l-2.5-4.7c-1-1.9-0.7-3.4,0.9-4.7c2.9-2.5,6.2-4.5,10-5.9c2.1-0.8,3.6-0.3,4.7,1.6l2.5,4.7c3.3-0.6,6.7-0.6,10,0l2.5-4.7 c1-1.9,2.6-2.4,4.7-1.6c3.7,1.2,7.1,3.2,10,5.9c1.7,1.2,2,2.8,0.9,4.7l-2.5,4.7c2.1,2.5,3.7,5.3,5,8.4h5c2.3,0,3.5,1,3.7,3.1 c0.8,4,0.8,7.8,0,11.5c-0.2,2.3-1.5,3.4-3.7,3.4h-5c-1.2,3.1-2.9,5.9-5,8.4l2.5,4.4c1,2.1,0.7,3.7-0.9,5c-2.9,2.5-6.2,4.5-10,5.9 c-2.1,0.6-3.6,0-4.7-1.9L195,105C191.7,105.6,188.4,105.6,185.1,105z"/>
234                          <circle class="gear-inner" cx="190" cy="78.4" r="11.5"/>
235                          <path class="gear-outer small" d="M185.1,198.2l-2.5,4.4c-1,1.9-2.6,2.5-4.7,1.9c-3.7-1.5-7.1-3.4-10-5.9c-1.7-1.5-2-3.1-0.9-5l2.5-4.4 c-2.1-2.5-3.7-5.3-5-8.4h-5c-2.3,0-3.5-1.1-3.7-3.4c-0.8-3.7-0.8-7.6,0-11.5c0.2-2.1,1.5-3.1,3.7-3.1h5c1.2-3.1,2.9-6,5-8.7 l-2.5-4.4c-1-1.9-0.7-3.5,0.9-5c2.9-2.5,6.2-4.4,10-5.6c2.1-0.8,3.6-0.3,4.7,1.6l2.5,4.7c3.3-0.6,6.7-0.6,10,0l2.5-4.7 c1-1.9,2.6-2.4,4.7-1.6c3.7,1.2,7.1,3.1,10,5.6c1.7,1.5,2,3.1,0.9,5l-2.5,4.4c2.1,2.7,3.7,5.6,5,8.7h5c2.3,0,3.5,1,3.7,3.1 c0.8,4,0.8,7.8,0,11.5c-0.2,2.3-1.5,3.4-3.7,3.4h-5c-1.2,3.1-2.9,5.9-5,8.4l2.5,4.4c1,1.9,0.7,3.5-0.9,5c-2.9,2.5-6.2,4.5-10,5.9 c-2.1,0.6-3.6,0-4.7-1.9l-2.5-4.4C191.7,198.8,188.4,198.8,185.1,198.2z"/>
236                          <circle class="gear-inner" cx="190.1" cy="171.6" r="11.5"/>
237                        </g>
238                      </svg>
239                      <h4>Science, Technology, Engineering, and Math</h4>
240                    </div>
241                  </a>
242                </div>
243              </div>
244            </div>
245          </div>
246        </div>
247      </section><!-- #pathways-->
248
249      <div id="pathway-detail">
250        <div id="art-detail" class="pcc-modal" aria-labelledby="art" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
251          <div class="grid-x grid-padding-x">
252            <div class="small-12 narrower-medium-12 medium-6 large-6 cell">
253              <h4 class="divider light">Arts, Humanities, Communication, and Design</h4>
254              <p>Prepare for a creative career with classes focused on current professional practices and taught by faculty connected to local employers.</p>
255              <p><a class="button white on-teal" href="/programs/#/art/">View <span class="update-count"></span> programs</a></p>
256            </div>
257            <div class="small-12 narrower-medium-12 medium-6 large-6 extra-large-4 cell">
258              <img class="pathway-image" src="/_source/homepage/images/art-communication.jpg" loading="lazy" alt="Student playing violin in a production studio in front of a green screen and wearing motion capture equipment so you can see a 3D model of the student on a computer screen in front" />
259            </div>
260            <div class="small-12 cell">
261              <div class="grid-x grid-margin-x card-columns inline-facts facts">
262                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
263                  <i class="fas fa-hands-helping"></i>
264                  <div class="fact-details">
265                    <p><span>
2653 </span>student-led theatre productions each year</p>
266                  </div>
267                </div>
268                <div class="fact card small-12 narrower-medium-6 medium-4 cell" data-news_id="27000">
269                  <img src="/_source/homepage/images/missing-image-thumbnail.png" loading="lazy" alt="" />
270                  <div class="fact-details"><p>Loading...</p></div>
271                </div>
272                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
273                  <i class="fas fa-drafting-compass"></i>
274                  <div class="fact-details">
275                    <p><strong>Example programs:</strong></p>
276                    <ul>
277                      <li>Graphic Design</li>
278                      <li>Multimedia</li>
279                      <li>Spanish</li>
280                    </ul>
281                  </div>
282                </div>
283              </div>
284            </div>
285          </div>
286          <a class="pcc-modal-close" tabindex="0" aria-label="Close"><i class="fas fa-times-circle" title="Close" role="img" aria-label="close"><span class="visually-hide">Close Arts, Humanities, Communication, and Design details</span></i></a>
287        </div>
288        <div id="business-detail" class="pcc-modal" aria-labelledby="business" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
289          <div class="grid-x grid-padding-x">
290            <div class="small-12 narrower-medium-12 medium-6 large-6 cell">
291              <h4 class="divider light">Business and Entrepreneurship</h4>
292              <p>Learn to help businesses thrive with financial, communication, and organization skills taught by faculty with industry experience.</p>
293              <p><a class="button white on-teal" href="/programs/#/business/">View <span class="update-count"></span> programs</a></p>
294            </div>
295            <div class="small-12 narrower-medium-12 medium-6 large-6 extra-large-4 cell">
296              <img class="pathway-image" src="/_source/homepage/images/business-entrepreneurship.jpg" loading="lazy" alt="Three students in business attire having a discussion around a table" />
297            </div>
298            <div class="small-12 cell">
299              <div class="grid-x grid-margin-x card-columns inline-facts facts">
300                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
301                  <i class="fas fa-file-invoice-dollar"></i>
302                  <div class="fact-details">
303                    <p><span>1,200 </span>Over 1,200 accounting clerk job openings per year are projected in the Portland metro area</p>
304                  </div>
305                </div>
306                <div class="fact card small-12 narrower-medium-6 medium-4 cell" data-news_id="27001">
307                  <img src="/_source/homepage/images/missing-image-thumbnail.png" loading="lazy" alt="" />
308                  <div class="fact-details"><p>Loading...</p></div>
309                </div>
310                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
311                  <i class="fas fa-chart-line"></i>
312                  <div class="fact-details">
313                    <p><strong>Example programs:</strong></p>
314                    <ul>
315                      <li>Accounting</li>
316                      <li>Management</li>
317                      <li>Marketing</li>
318                    </ul>
319                  </div>
320                </div>
321              </div>
322            </div>
323          </div>
324          <a class="pcc-modal-close" tabindex="0" aria-label="Close"><i class="fas fa-times-circle" title="Close" role="img" aria-label="close"><span class="visually-hide">Close Business and Entrepreneurship details</span></i></a>
325        </div>
326        <div id="construction-detail" class="pcc-modal" aria-labelledby="construction" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
327          <div class="grid-x grid-padding-x">
328            <div class="small-12 narrower-medium-12 medium-6 large-6 cell">
329              <h4 class="divider light">Construction, Manufacturing Tech, and Transportation</h4>
330              <p>Learn by doing hands-on projects in short-duration sessions that fit your schedule and give you practical experience to start your career.</p>
331              <p><a class="button white on-teal" href="/programs/#/construction/">View <span class="update-count"></span> programs</a></p>
332            </div>
333            <div class="small-12 narrower-medium-12 medium-6 large-6 extra-large-4 cell">
334              <img class="pathway-image" src="/_source/homepage/images/construction-manufacturing.jpg" loading="lazy" alt="Student welding in the auto collision workshop" />
335            </div>
336            <div class="small-12 cell">
337              <div class="grid-x grid-margin-x card-columns inline-facts facts">
338                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
339                  <i class="fas fa-calendar-check"></i>
340                  <div class="fact-details">
341                    <p><span>29 </span>short-term awards to get you on the job in a year or less</p>
342                  </div>
343                </div>
344                <div class="fact card small-12 narrower-medium-6 medium-4 cell" data-news_id="27002">
345                  <img src="/_source/homepage/images/missing-image-thumbnail.png" loading="lazy" alt="" />
346                  <div class="fact-details"><p>Loading...</p></div>
347                </div>
348                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
349                  <i class="fas fa-truck"></i>
350                  <div class="fact-details">
351                    <p><strong>Example programs:</strong></p>
352                    <ul>
353                      <li>Apprenticeship and Trades</li>
354                      <li>Aviation Science</li>
355                      <li>Welding</li>
356                    </ul>
357                  </div>
358                </div>
359              </div>
360            </div>
361          </div>
362          <a class="pcc-modal-close" tabindex="0" aria-label="Close"><i class="fas fa-times-circle" title="Close" role="img" aria-label="close"><span class="visually-hide">Close Construction, Manufacturing Tech, and Transportation details</span></i></a>
363        </div>
364        <div id="healthcare-detail" class="pcc-modal" aria-labelledby="healthcare" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
365          <div class="grid-x grid-padding-x">
366            <div class="small-12 narrower-medium-12 medium-6 large-6 cell">
367              <h4 class="divider light">Healthcare and Emergency Professions</h4>
368              <p>Find a rewarding career in healthcare or emergency services through one of our 16 academic programs.</p>
369              <p><a class="button white on-teal" href="/programs/#/health/">View <span class="update-count"></span> programs</a></p>
370            </div>
371            <div class="small-12 narrower-medium-12 medium-6 large-6 extra-large-4 cell">
372              <img class="pathway-image" src="/_source/homepage/images/healthcare-emergency.jpg" loading="lazy" alt="Four students in scrubs in a medical setting with a practice dummy patient on the exam table" />
373            </div>
374            <div class="small-12 cell">
375              <div class="grid-x grid-margin-x card-columns inline-facts facts">
376                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
377                  <i class="fas fa-user-md"></i>
378                  <div class="fact-details">
379                    <p><span>95% </span>Over 95% of PCC nursing graduates pass their licensure exam each year</p>
380                  </div>
381                </div>
382                <div class="fact card small-12 narrower-medium-6 medium-4 cell" data-news_id="27003">
383                  <img src="/_source/homepage/images/missing-image-thumbnail.png" loading="lazy" alt="" />
384                  <div class="fact-details"><p>Loading...</p></div>
385                </div>
386                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
387                  <i class="fas fa-notes-medical"></i>
388                  <div class="fact-details">
389                    <p><strong>Example programs:</strong></p>
390                    <ul>
391                      <li>Emergency Medical Services</li>
392                      <li>Medical Imaging</li>
393                      <li>Veterinary Technology</li>
394                    </ul>
395                  </div>
396                </div>
397              </div>
398            </div>
399          </div>
400          <a class="pcc-modal-close" tabindex="0" aria-label="Close"><i class="fas fa-times-circle" title="Close" role="img" aria-label="close"><span class="visually-hide">Close Healthcare and Emergency Professions details</span></i></a>
401        </div>
402        <div id="service-detail" class="pcc-modal" aria-labelledby="service" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
403          <div class="grid-x grid-padding-x">
404            <div class="small-12 narrower-medium-12 medium-6 large-6 cell">
405              <h4 class="divider light">Public Service, Education, and Social Sciences</h4>
406              <p>Support our communities with the skills and knowledge you’ll gain from studying public service professions or social sciences.</p>
407              <p><a class="button white on-teal" href="/programs/#/service/">View <span class="update-count"></span> programs</a></p>
408            </div>
409            <div class="small-12 narrower-medium-12 medium-6 large-6 extra-large-4 cell">
410              <img class="pathway-image" src="/_source/homepage/images/public-service-education.jpg" loading="lazy" alt="Student looking at a laptop with two laughing preschool kids" />
411            </div>
412            <div class="small-12 cell">
413              <div class="grid-x grid-margin-x card-columns inline-facts facts">
414                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
415                  <i class="fas fa-school"></i>
416                  <div class="fact-details">
417                    <p><span>42.8% </span>Portland-area preschool teachers are expected to see a 42.8% increase in job growth</p>
418                  </div>
419                </div>
420                <div class="fact card small-12 narrower-medium-6 medium-4 cell" data-news_id="27004">
421                  <img src="/_source/homepage/images/missing-image-thumbnail.png" loading="lazy" alt="" />
422                  <div class="fact-details"><p>Loading...</p></div>
423                </div>
424                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
425                  <i class="fas fa-balance-scale-left"></i>
426                  <div class="fact-details">
427                    <p><strong>Example programs:</strong></p>
428                    <ul>
429                      <li>Addiction Counseling</li>
430                      <li>Paralegal</li>
431                      <li>Psychology</li>
432                    </ul>
433                  </div>
434                </div>
435              </div>
436            </div>
437          </div>
438          <a class="pcc-modal-close" tabindex="0" aria-label="Close"><i class="fas fa-times-circle" title="Close" role="img" aria-label="close"><span class="visually-hide">Close Public Service, Education, and Social Sciences details</span></i></a>
439        </div>
440        <div id="stem-detail" class="pcc-modal" aria-labelledby="stem" aria-hidden="true" role="dialog" aria-modal="true" tabindex="-1">
441          <div class="grid-x grid-padding-x">
442            <div class="small-12 narrower-medium-12 medium-6 large-6 cell">
443              <h4 class="divider light">Science, Technology, Engineering, and Math</h4>
444              <p>Gain the technical skills you need to start your career in science and technology through our hands-on programs.</p>
445              <p><a class="button white on-teal" href="/programs/#/science/">View <span class="update-count"></span> programs</a></p>
446            </div>
447            <div class="small-12 narrower-medium-12 medium-6 large-6 extra-large-4 cell">
448              <img class="pathway-image" src="/_source/homepage/images/science-engineering.jpg" loading="lazy" alt="Students in a chemistry lab working with a flame" />
449            </div>
450            <div class="small-12 cell">
451              <div class="grid-x grid-margin-x card-columns inline-facts facts">
452                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
453                  <i class="fas fa-pills"></i>
454                  <div class="fact-details">
455                    <p><span>1,000 </span>Bioscience students complete up to 1,000 hours of hands-on lab experience while at PCC</p>
456                  </div>
457                </div>
458                <div class="fact card small-12 narrower-medium-6 medium-4 cell" data-news_id="27005">
459                  <img src="/_source/homepage/images/missing-image-thumbnail.png" loading="lazy" alt="" />
460                  <div class="fact-details"><p>Loading...</p></div>
461                </div>
462                <div class="fact card small-12 narrower-medium-6 medium-4 cell">
463                  <i class="fas fa-laptop-code"></i>
464                  <div class="fact-details">
465                    <p><strong>Example programs:</strong></p>
466                    <ul>
467                      <li>Biology</li>
468                      <li>Computer Science</li>
469                      <li>Electronic Engineering Technology</li>
470                    </ul>
471                  </div>
472                </div>
473              </div>
474            </div>
475          </div>
476          <a class="pcc-modal-close" tabindex="0" aria-label="Close"><i class="fas fa-times-circle" title="Close" role="img" aria-label="close"><span class="visually-hide">Close Science, Technology, Engineering, and Math details</span></i></a>
477        </div>
478        <div class="pcc-modal-overlay"></div>
479      </div><!-- #pathway-detail -->
480
481      <section id="length-of-study" aria-label="Length of study">
482        <div class="grid-container wider"> <!-- separate so bg image goes to edge -->
483          <h3 class="divider">Flexibility to meet your needs</h3>
484          <p>You can complete your education at PCC or move on to a 4-year college or university.</p>
485          <p><strong>61% of students enroll part-time.</strong> Enrolling part-time can help you attain your learning and career goals while managing the cost of tuition, as well as balancing work, family, hobbies and other obligations.</p>
486          <div class="grid-x grid-margin-x card-columns">
487            <div class="small-12 medium-4 cell info">
488              <a href="/programs/#/short-term/">
489                <img src="/_source/homepage/images/short-term.jpg" loading="lazy" alt="" />
490                <h4 class="card-heading">Short term</h4>
491                <p class="call-to-action">See certificates you can earn in 1 year or less</p>
492              </a>
493            </div>
494            <div class="small-12 medium-4 cell info">
495              <a href="/programs/#/2-years/">
496                <img src="/_source/homepage/images/two-years.jpg" loading="lazy" alt="" />
497                <h4 class="card-heading">2 years</h4>
498                <p class="call-to-action">See associate degrees and certificates you can earn in 2 years</p>
499              </a>
500            </div>
501            <div class="small-12 medium-4 cell info">
502              <a href="/programs/#/4-years/">
503                <img src="/_source/homepage/images/four-years.jpg" loading="lazy" alt="" />
504                <h4 class="card-heading">4 years</h4>
505                <p class="call-to-action">See what you can study for 2 years at PCC plus 2 years at a college or university</p>
506              </a>
507            </div>
508          </div>
509        </div>
510      </section>
511      <section id="university-transfer" class="fade-in grid-container wider" aria-label="University transfer">
512        <div class="grid-x grid-padding-x">
513          <div class="small-12 narrower-medium-12 medium-4 cell">
514            <h3 class="divider">University transfer</h3>
515            <p>Starting your bachelor's degree at PCC will <strong>cost a fraction</strong> of what universities charge. Study in <strong>small classes</strong> with <strong>faculty dedicated to teaching</strong> rather than research.</p>
516            <p><a class="button" href="/university-transfer/">Learn about the transfer process</a></p>
517          </div>
518          <div class="small-12
518 narrower-medium-6 medium-4 cell">
519            <div class="facts light">
520              <div class="fact">
521                <i class="fas fa-user-graduate"></i>
522                <div class="fact-details">
523                  <p><span class="animate-count">5600</span> students transfer credits to 4-year schools each year</p>
524                </div>
525              </div>
526              <div class="fact">
527                <i class="fas fa-exchange-alt"></i>
528                <div class="fact-details">
529                  <p><span class="animate-count">47</span> programs designed to transfer to a 4-year college or university</p>
530                </div>
531              </div>
532            </div>
533          </div>
534          <div class="small-12 narrower-medium-6 medium-4 cell">
535            <img src="/_source/homepage/images/transfer.jpg" loading="lazy" alt="Students at graduation" />
536          </div>
537        </div>
538      </section>
539      <section id="tuition" class="fade-in navy" aria-label="Tuition">
540        <div class="grid-container wider"> <!-- on a separate div so the navy goes all the way to the edges -->
541          <div class="grid-x grid-padding-x">
542            <div class="small-12 narrower-medium-12 medium-5 cell">
543              <h3 class="divider large light">Same education, less money</h3>
544              <p>A PCC education is about 53% less than a public university and about 87% less than the cost of a private university in Oregon. And, with plenty of options for <strong><span class="no-break">financial aid</span></strong> and flexible <strong><span class="no-break">payment plans</span></strong>, you can keep your education budget-friendly.</p>
545              <p><a class="button white" href="/enroll/paying-for-college/tuition/">Tuition and fees</a> <a class="button white" href="/enroll/paying-for-college/">Paying for college</a></p>
546            </div>
547            <div id="tuition-chart" class="small-12 narrower-medium-12 medium-7 cell">
548              <p class="visually-hide">Below is a chart comparing PCC's tuition to the average tuition of Oregon public and private universities. PCC's tuition is a little less than half the amount of public universities and about 13% the amount of private universities.</p>
549              <div id="tuition-amounts" aria-hidden="true">
550                <p id="zero">$0</p>
551                <p id="ten">$10,000</p>
552                <p id="twenty">$20,000</p>
553                <p id="thirty">$30,000</p>
554                <p id="fourty">$40,000</p>
555                <p id="fifty">$50,000</p>
556              </div>
557              <div class="bar-pcc bar-container">
558                <div class="bar">
559                  <p class="school" title="PCC tuition: $7,500">PCC</p>
560                </div>
561              </div>
562              <div class="bar-public bar-container">
563                <div class="bar">
564                  <p class="school" title="Oregon public university tuition: $16,000">OR public university</p>
565                </div>
566              </div>
567              <div class="bar-private bar-container">
568                <div class="bar">
569                  <p class="school" title="Oregon private university tuition: $55,300">OR private university</p>
570                </div>
571              </div>
572              <p class="fineprint">Estimated 2026-27 cost of annual attendance for a full-time, resident student (12-18 credits per term). Calculation based on publicly available recruitment materials.</p>
573            </div>
574          </div>
575          <div class="grid-x grid-margin-x card-columns inline-facts facts wider">
576            <div class="fact small-12 narrower-medium-6 medium-3 cell card">
577              <i class="fas fa-hand-holding-usd"></i>
578              <div class="fact-details">
579                <p><span><span class="animate-count" style="display: inline;">70</span>%</span> Over 70% of students receive financial aid each year</p>
580              </div>
581            </div>
582            <div class="fact small-12 narrower-medium-6 medium-3 cell card">
583              <i class="fas fa-medal"></i>
584              <div class="fact-details">
585                <p><span>$<span class="animate-count" data-delay="300" style="display: inline;">2</span>M</span> in PCC scholarships awarded each year</p>
586              </div>
587            </div>
588            <div class="fact small-12 narrower-medium-6 medium-3 cell card">
589              <i class="fas fa-book"></i>
590              <div class="fact-details">
591                <p><span class="animate-count" data-delay="500">1100</span> classes have free books each term</p>
592              </div>
593            </div>
594            <div class="fact small-12 narrower-medium-6 medium-3 cell card">
595              <i class="fas fa-hands-helping"></i>
596              <div class="fact-details">
597                <p><span class="animate-count" data-delay="900">2800</span> students benefit from Oregon Promise at PCC</p>
598              </div>
599            </div>
600          </div>
601        </div>
602      </section>
603      <section id="locations-section" class="fade-in grid-container wider" aria-label="Locations">
604        <h3 class="divider large">At a location near you</h3>
605        <div class="grid-x">
606          <p class="small-12 medium-8">With our multiple locations across the Portland metropolitan area, <strong>getting to class is easy at PCC</strong>
606. And our <strong><a href="/transportation/alternatives/shuttles/">free shuttles</a></strong> between campuses and <strong>public transit options</strong> make classes work with your schedule. Don’t want to come to campus? We have plenty of <strong><a href="/programs/online/">Online Learning</a></strong> options to meet your needs.</p>
607        </div>
608        <p><a class="button" href="/locations/">View all locations</a> <a class="button" href="/visit/">Visit PCC</a></p>
609        <div class="grid-x grid-padding-x">
610          <div class="small-12 narrower-medium-12 medium-7 cell">
611            <div class="grid-x grid-margin-x card-columns">
612              <div class="small-6 narrower-medium-6 medium-6 cell info">
613                <a href="/locations/cascade/" data-pin="map-ca">
614                  <img src="/_source/homepage/images/cascade.jpg" loading="lazy" alt="Cascade Campus building exterior" />
615                  <h4 class="card-heading">Cascade Campus</h4>
616                  <p class="call-to-action">An easily accessible campus in North Portland<span class="visually-hide"> at the intersection of N Albina Ave and N Killingsworth St in Portland's Humboldt neighborhood</span></p>
617                </a>
618              </div>
619              <div class="small-6 narrower-medium-6 medium-6 cell info">
620                <a href="/locations/rock-creek/" data-pin="map-rc">
621                  <img src="/_source/homepage/images/rock-creek.jpg" loading="lazy" alt="Rock Creek Campus building exterior" />
622                  <h4 class="card-heading">Rock Creek Campus</h4>
623                  <p class="call-to-action">A spacious campus in the high-tech corridor near Hillsboro<span class="visually-hide"> and Beaverton at the intersection of NW 185th Ave and NW Springville Rd two miles north of U.S. Highway 26</span></p>
624                </a>
625              </div>
626              <div class="small-6 narrower-medium-6 medium-6 cell info">
627                <a href="/locations/southeast/" data-pin="map-se">
628                  <img src="/_source/homepage/images/southeast.jpg" loading="lazy" alt="Southeast Campus building exterior" />
629                  <h4 class="card-heading">Southeast Campus</h4>
630                  <p class="call-to-action">PCC's newest campus in diverse Southeast Portland<span class="visually-hide"> at the intersection of SE 82nd Ave and SE Division St in Portland's Montavilla neighborhood</span></p>
631                </a>
632              </div>
633              <div class="small-6 narrower-medium-6 medium-6 cell info">
634                <a href="/locations/sylvania/" data-pin="map-sy">
635                  <img src="/_source/homepage/images/sylvania.jpg" loading="lazy" alt="Sylvania Campus building exterior" />
636                  <h4 class="card-heading">Sylvania Campus</h4>
637                  <p class="call-to-action">A wooded campus between Lake Oswego and Tigard<span class="visually-hide"> one mile from the SW Capitol Hwy U.S. Interstate 5 exit in Portland's Far Southwest neighborhood </span></p>
638                </a>
639              </div>
640            </div>
641            <div class="show-for-narrower-medium-down">
642              <h4 class="subheading">Centers</h4>
643              <div class="grid-x grid-padding-x">
644                <div class="small-12 medium-6 cell">
645                  <ul class="no-bullets">
646                    <li><a href="/locations/central/" data-pin="map-cl">CLIMB Center<span class="visually-hide"> on SE Water Ave two blocks south of the SE Hawthorne Blvd bridge in Portland's Hosford-Abernethy neighborhood</span></a></li>
647                    <li><a href="/locations/columbia-county/" data-pin="map-cc">Columbia County Center (OMIC TC)<span class="visually-hide"> in Scappoose near the airport off W Lane Rd and NE Wagner Ct</span></a></li>
648                    <li><a href="/locations/newberg/" data-pin="map-nb">Newberg Center<span class="visually-hide"> at the intersection of Brutscher St and E Fernwood Rd in eastern Newberg</span></a></li>
649                    <li><a href="/locations/metro/" data-pin="map-wf">Opportunity Center at 42nd Avenue<span class="visually-hide"> at the intersection of NE 42nd Ave and NE Killingsworth St in Portland's Cully neighborhood</span></a></li>
650                  </ul>
651                </div>
652                <div class="small-12 medium-6 cell">
653                  <ul class="no-bullets">
654                    <li><a href="/locations/swan-island/" data-pin="map-sw">Swan Island Trades Center<span class="visually-hide"> at the intersection of N Cutter Cir and N Leverman St just off Swan Island in Portland's Overlook neighborhood</span></a></li>
655                    <li><a href="/locations/vanport/" data-pin="map-vp">Vanport Building<span class="visually-hide"> at the intersection of SW Montgomery St and SW 5th Ave in downtown Portland near Portland State University (PSU)</span></a></li>
656                    <li><a href="/locations/willow-creek/" data-pin="map-wc">Willow Creek Opportunity Center<span class="visually-hide"> in western Beaverton two miles south of U.S. Highway 26 at the SW 185th Ave MAX station</span></a></li>
657                  </ul>
658                </div>
659              </div>
660            </div>
661          </div>
662          <div id="locations-map" class="small-12 narrower-medium-12 medium-5 cell">
663            <div id="map-container">
664              <img src="/_source/homepage/images/map-bg.png" loading="lazy" alt="" aria-hidden="true" id="map-bg" />
665              <div id="map-bubble"></div>
666            </div>
667            <div class="show-for-narrower-medium-up">
668              <h4 class="subheading">Centers</h4>
669              <div class="grid-x grid-padding-x">
670                <div class="small-12 medium-6 cell">
671                  <ul class="no-bullets">
672                    <li><a href="/locations/central/" data-pin="map-cl">CLIMB Center<span class="visually-hide"> on SE Water Ave two blocks south of the SE Hawthorne Blvd bridge in Portland's Hosford-Abernethy neighborhood</span></a></li>
673                    <li><a href="/locations/columbia-county/" data-pin="map-cc">Columbia County Center (OMIC TC)<span class="visually-hide"> in Scappoose near the airport off W Lane Rd and NE Wagner Ct</span></a></li>
674                    <li><a href="/locations/newberg/" data-pin="map-nb">Newberg Center<span class="visually-hide"> at the intersection of Brutscher St and E Fernwood Rd in eastern Newberg</span></a></li>
675                    <li><a href="/locations/metro/" data-pin="map-wf">Opportunity Center at 42nd Avenue<span class="visually-hide"> at the intersection of NE 42nd Ave and NE Killingsworth St in Portland's Cully neighborhood</span></a></li>
676                  </ul>
677                </div>
678                <div class="small-12 medium-6 cell">
679                  <ul class="no-bullets">
680                    <li><a href="/locations/swan-island/" data-pin="map-sw">Swan Island Trades Center<span class="visually-hide"> at the intersection of N Cutter Cir and N Leverman St just off Swan Island in Portland's Overlook neighborhood</span></a></li>
681                    <li><a href="/locations/vanport/" data-pin="map-vp">Vanport Building<span class="visually-hide"> at the intersection of SW Montgomery St and SW 5th Ave in downtown Portland near Portland State University (PSU)</span></a></li>
682                    <li><a href="/locations/willow-creek/" data-pin="map-wc">Willow Creek Opportunity Center<span class="visually-hide"> in western Beaverton two miles south of U.S. Highway 26 at the SW 185th Ave MAX station</span></a></li>
683                  </ul>
684                </div>
685              </div>
686            </div>
687          </div>
688        </div>
689      </section>
690      <section id="student-success" class="fade-in navy" aria-label="Student success">
691        <div class="grid-container wider"> <!-- on a separate div so the navy goes all the way to the edges -->
692          <h3 class="divider large light">Your success is important</h3>
693          <p>At PCC, we have services to <strong>help you thrive as a student</strong>. Get help with your schoolwork, childcare, groceries, or any other challenge life throws at you, and get involved with the campus community.</p>
694          <p><a class="button white" href="/student-life/">See all the ways we support your student life</a></p>
695          <div class="grid-x grid-margin-x success-items">
696            <div class="extra-small-6 small-4 medium-4 cell">
697              <i class="fas fa-hands-helping"></i>
698              <h4>Help with school</h4>
699              <p>Tutoring, advising, computer labs, libraries</p>
700            </div>
701            <div class="extra-small-6 small-4 medium-4 cell">
702              <i class="fas fa-piggy-bank"></i>
703              <h4>Help with money</h4>
704              <p>Emergency funds, jobs on campus, free shuttles</p>
705            </div>
706            <div class="extra-small-6 small-4 medium-4 cell">
707              <i class="fas fa-baby"></i>
708              <h4>Family services</h4>
709              <p>Childcare, family study rooms, lactation rooms</p>
710            </div>
711            <div class="extra-small-6 small-4 medium-4 cell">
712              <i class="fas fa-heart"></i>
713              <h4>You belong</h4>
714              <p>Diversity centers, clubs, disability services</p>
715            </div>
716            <div class="extra-small-6 small-4 medium-4 cell">
717              <i class="fas fa-carrot"></i>
718              <h4>Food options</h4>
719              <p>Dining services, food banks, farm stand, gardens</p>
720            </div>
721            <div class="extra-small-6 small-4 medium-4 cell">
722              <i class="fas fa-globe-americas"></i>
723              <h4>Immigrant services</h4>
724              <p>Support for immigrant and international students</p>
725            </div>
726            <div class="extra-small-6 small-4 medium-4 cell">
727              <i class="fas fa-theater-masks"></i>
728              <h4>Arts</h4>
729              <p>Galleries, performing arts, public art installations</p>
730            </div>
731            <div class="extra-small-6 small-4 medium-4 cell">
732              <i class="fas fa-running"></i>
733              <h4>Athletics</h4>
734              <p>Gyms, fitness classes, basketball team, soccer teams</p>
735            </div>
736            <div class="extra-small-6 small-4 medium-4 cell">
737              <i class="fas fa-bullhorn"></i>
738              <h4>Leadership</h4>
739              <p>Student government, leadership programs</p>
740            </div>
741          </div>
742          <p><a class="button white show-for-extra-small-only" href="/student-life/">See all the ways we support your student life</a></p>
743        </div>
744      </section>
745      <section id="opportunities" class="fade-in grid-container wider" aria-label="Other opportunities">
746        <div class="row wider">
747          <h3 class="divider large">Opportunities no matter your goal</h3>
748          <p>PCC has programs for many types of students.</p>
749          <div class="grid-x grid-margin-x card-columns">
750            <div class="small-6 medium-4 large-2 cell info">
751              <a href="/community/">
752                <img src="/_source/homepage/images/community-ed.jpg" loading="lazy" alt="People working with wood in a workshop" />
753                <h4 class="card-heading">Community Education</h4>
754                <p class="call-to-action">Enrich your life with hundreds of non-credit classes</p>
755              </a>
756            </div>
757            <div class="small-6 medium-4 large-2 cell info">
758              <a href="/international-students/">
759                <img src="/_source/homepage/images/international.jpg" loading="lazy" alt="Four international students smiling at the camera" />
760                <h4 class="card-heading">International</h4>
761                <p class="call-to-action">Study in the USA in over 100 areas of study</p>
762              </a>
763            </div>
764            <div class="small-6 medium-4 large-2 cell info">
765              <a href="/esol/">
766                <img src="/_source/homepage/images/esol.jpg" loading="lazy" alt="An instructor looking at flashcards with an ESOL student" />
767                <h4 class="card-heading">ESOL</h4>
768                <p class="call-to-action">Improve your English skills for non-native speakers</p>
769              </a>
770            </div>
771            <div class="small-6 medium-4 large-2 cell info">
772              <a href="/ged/">
773                <img src="/_source/homepage/images/ged.jpg" loading="lazy" alt="Students sitting in a classroom watching the instructor" />
774                <h4 class="card-heading">GED<span class="ged">®</span></h4>
775                <p class="call-to-action">Prepare for and take your high school completion test</p>
776              </a>
777            </div>
778            <div class="small-6 medium-4 large-2 cell info">
779              <a href="/enroll/high-school/">
780                <img src="/_source/homepage/images/high-school.jpg" loading="lazy" alt="High school students holding PCC banners" />
781                <h4 class="card-heading">High school</h4>
782                <p class="call-to-action">Earn college credit while still in high school</p>
783              </a>
784            </div>
785            <div class="small-6 medium-4 large-2 cell info">
786              <a href="/opportunity-center/">
787                <img src="/_source/homepage/images/workforce.jpg" loading="lazy" alt="People sitting in a circle having a discussion" />
788                <h4 class="card-heading">Workforce development</h4>
789                <p class="call-to-action">Gain skills and connect with employers</p>
790              </a>
791            </div>
792          </div>
793        </div>
794      </section>
795      <section id="news-events" class="fade-in grid-container wider" aria-label="News and events">
796        <h3 class="divider large">What's happening around PCC</h3>
797        <p class="small-12 medium-8">Stay up-to-date with PCC and our community.</p>
798        <p><a class="button" href="/news/">See all stories</a> <a class="button" href="https://events.pcc.edu/">See all events</a> <a class="button" href="/marketing-communications/marketing-resources/social-media-resources/">Follow PCC on social</a></p>
799        <div id="announcements" class="grid-x grid-margin-x card-columns pcc-ajax" data-url="/feeds/content/announcements/"></div>
800        <div id="news" class="grid-x grid-margin-x">
801          <h4 class="visually-hide">PCC featured news</h4>
802          <div class="small-12 narrower-medium-12 medium-6 cell" id="news-featured">
803            <div class="info">
804              <a href="">
805                <img src="/_source/homepage/images/missing-image.png" alt="" />
806                <h5>Loading...</h5>
807                <p></p>
808                <p class="call-to-action">Read the story</p>
809              </a>
810            </div>
811          </div>
812          <div class="small-12 narrower-medium-12 medium-6 cell">
813            <div id="news-student-staff" class="grid-x grid-margin-x card-columns">
814              <div class="small-12 medium-6 cell info" id="news-featured-1">
815                <a href="">
816                  <div class="card-image">
817                    <img src="/_source/homepage/images/missing-image.png" alt="" />
818                  </div>
819                  <h5>Loading...</h5>
820                  <p class="call-to-action">Read the story</p>
821                </a>
822              </div>
823              <div class="small-12 medium-6 cell info" id="news-featured-2">
824                <a href="">
825                  <div class="card-image">
826                    <img src="/_source/homepage/images/missing-image.png" alt="" />
827                  </div>
828                  <h5>Loading...</h5>
829                  <p class="call-to-action">Read the story</p>
830                </a>
831              </div>
832            </div>
833            <h5 class="subheading">Stories from around the college</h5>
834            <div class="grid-x grid-margin-x" id="news-other">
835              <div class="small-12 medium-6 cell">
836                <ul class="no-bullets"><li>Loading...</li></ul>
837              </div>
838              <div class="small-12 medium-6 cell">
839                <ul class="no-bullets"><li>Loading...</li></ul>
840              </div>
841            </div>
842          </div>
843        </div>
844        <h3 id="connect" class="divider">Connect with us</h3>
845        <p>Come to an upcoming event or check out PCC on social media.</p>
846        <div id="events">
847     
847     <h4 class="visually-hide">PCC featured events</h4>
848          <div class="lwcw"></div>
849        </div>
850        <div id="social-icons" class="grid-container">
851          <div class="grid-x grid-padding-x">
852            <div class="small-6 medium-3 cell">
853              <a href="https://www.facebook.com/portlandcc/" target="_blank" title="Facebook"><i class="fab fa-facebook" role="img" title="PCC Facebook" aria-label="pcc facebook"><span class="hide">PCC Facebook</span></i></a>
854            </div>
855            <div class="small-6 medium-3 cell">
856              <a href="https://bsky.app/profile/pcc.edu" target="_blank" title="PCC Bluesky"><i class="fa-brands fa-bluesky" role="img" title="PCC Bluesky" aria-label="pcc bluesky"><span class="hide">PCC Bluesky</span></i></a>
857            </div>
858            <div class="small-6 medium-3 cell">
859              <a href="https://www.instagram.com/portlandcommcollege/" target="_blank" title="Instagram"><i class="fab fa-instagram" role="img" title="PCC Instagram" aria-label="pcc instagram"><span class="hide">PCC Instagram</span></i></a>
860            </div>
861            <div class="small-6 medium-3 cell">
862              <a href="https://www.youtube.com/user/PCCvideos" target="_blank" title="YouTube"><i class="fab fa-youtube" role="img" title="PCC YouTube" aria-label="pcc youtube"><span class="hide">PCC YouTube</span></i></a>
863            </div>
864          </div>
865        </div>
866      </section>
867      <section id="last-chance" class="fade-in teal" aria-label="Next steps">
868        <div class="grid-container wider"> <!-- on a separate div so the navy goes all the way to the edges -->
869          <div class="grid-x">
870            <div class="small-12 narrower-medium-12 medium-6 cell">
871              <h3 class="divider large light">Take the next step</h3>
872              <p>Take the next step in your academic journey at PCC. We will support you in building your future.</p>
873              <p><a class="button white on-teal" href="/enroll/">Apply to PCC</a> <a class="button white on-teal" href="/visit/">Visit PCC</a> <a class="button white on-teal" href="/about/contact/">Contact PCC</a></p>
874            </div>
875            <div class="small-12 narrower-medium-12 medium-6 cell">
876              <span class="visually-hide">Poppie the Panther at an event</span>
877              <p id="poppie-name"><i class="fas fa-paw"></i> Poppie the Panther</p>
878              <div id="poppie"></div>
879            </div>
880          </div>
881        </div>
882      </section>
883    </div>
884  </main>
885  
886  <footer aria-label="PCC footer">
887    <div class="grid-container wider">
888      <div class="grid-x grid-padding-x">
889        <h2 class="visually-hide">Continue exploring PCC</h2>
890        <div class="small-6 medium-3 cell">
891          <h3>Student essentials</h3>
892          <ul>
893            <li><a href="/enroll/">Get started: Admissions</a></li>
894            <li><a href="/enroll/paying-for-college/">Paying for college</a></li>
895            <li><a href="/enroll/registration/academic-calendar/">Academic calendar</a></li>
896            <li><a href="/online/">Online Learning</a></li>
897          </ul>
898        </div>
899        <div class="small-6 medium-3 cell">
900          <h3>On campus</h3>
901          <ul>
902            <li><a href="/locations/">Locations and maps</a></li>
903            <li><a href="/transportation/">Transportation</a></li>
904            <li><a href="/library/">Library</a></li>
905            <li><a href="/bookstore/">Bookstore</a></li>
906          </ul>
907        </div>
908        <div class="small-6 medium-3 cell">
909          <h3>Connect</h3>
910          <ul>
911            <li><a href="/student-life/#connection-belonging">You belong</a></li>
912            <li><a href="https://panthers.pcc.edu/" target="_blank">Panther athletics</a></li>
913            <li><a lang="es" href="/guia/">Gu&iacute;a en espa&ntilde;ol</a></li>
914            <li><a href="/hr/jobs/">Jobs at PCC</a></li>
915          </ul>
916        </div>
917        <div class="small-6 medium-3 cell">
918          <h3>Get help</h3>
919          <ul>
920            <li><a href="/accessibility/">Accessibility</a></li>
921            <li><a href="/policy/privacy/">Privacy policy</a></li>
922            <li><a href="/web-services/help/">Get help with this website</a></li>
923            <li><a href="/web-services/corrections/">Send website corrections</a></li>
924          </ul>
925        </div>
926      </div>
927      <div class="grid-x grid-padding-x">
928        <div class="small-12 medium-6 cell">
929          <p>
929Copyright &copy; 2000&ndash;<span id="current-year"></span> Portland Community College <br>
930          An Affirmative Action Equal Opportunity Institution</p>
931        </div>
932        <div class="small-12 medium-6 cell">
933          <ul id="social">
934            <li><a href="https://www.facebook.com/portlandcc/" target="_blank" title="Facebook"><i class="fab fa-facebook" role="img" title="PCC Facebook" aria-label="pcc facebook"><span class="hide">PCC Facebook</span></i></a></li>
935            <li><a href="https://bsky.app/profile/pcc.edu" target="_blank" title="PCC Bluesky"><i class="fa-brands fa-bluesky" role="img" title="PCC Bluesky" aria-label="pcc bluesky"><span class="hide">PCC Bluesky</span></i></a></li>
936            <li><a href="https://www.instagram.com/portlandcommcollege/" target="_blank" title="Instagram"><i class="fab fa-instagram" role="img" title="PCC Instagram" aria-label="pcc instagram"><span class="hide">PCC Instagram</span></i></a></li>
937            <li><a href="https://www.youtube.com/user/PCCvideos" target="_blank" title="YouTube"><i class="fab fa-youtube" role="img" title="PCC YouTube" aria-label="pcc youtube"><span class="hide">PCC YouTube</span></i></a></li>
938          </ul>
939        </div>
940      </div>
941    </div>
942  </footer>
943
944  
944<script src="/wp-content/themes/pcc/_source/vendor/jquery/3.7.1/jquery.min.js"></script>
944
945  
945<script src="/wp-content/themes/pcc/_source/vendor/what-input/5.2.10/what-input.min.js"></script>
945
946  
946<script src="/wp-content/themes/pcc/_source/vendor/foundation/6.8.1/foundation.min.js"></script>
946
947  
947<script type='text/javascript' id='pcc-scripts-js-before'>
948    const PCC_SOURCE = '/wp-content/themes/pcc/_source/'; jQuery(document).foundation();
949  </script>
949
950  
950<script src="/wp-content/themes/pcc/_source/scripts/pcc.min.js"></script>
950
951  
951<script src="/_source/homepage/scripts/homepage.min.js?v=1768423975"></script>
951
952</body>
953</html>

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.