PageSourceSearch

https://www.usm.edu/proud/index.php

html usm.edu collected 2026-10-01 08:57:46 UTC 68,262 bytes, 1,587 lines download raw bytes

1<!DOCTYPE HTML><html lang="en">
2   <head>
3      <meta charset="UTF-8">
4      <meta http-equiv="x-ua-compatible" content="ie=edge">
5      <title>Ready for Life | The University of Southern Mississippi</title>
6      <link rel="canonical" href="https://www.usm.edu/proud/index.php">
7      <meta class="swiftype" name="popularity" data-type="integer" content="15">
8      <meta content="width=device-width,initial-scale=1,minimum-scale=1" name="viewport">
9      
10<!-- favicons-->
11<link rel="apple-touch-icon" sizes="57x57" href="https://www.usm.edu/_resources/favicons/apple-icon-57x57.png">
12<link rel="apple-touch-icon" sizes="60x60" href="https://www.usm.edu/_resources/favicons/apple-icon-60x60.png">
13<link rel="apple-touch-icon" sizes="72x72" href="https://www.usm.edu/_resources/favicons/apple-icon-72x72.png">
14<link rel="apple-touch-icon" sizes="76x76" href="https://www.usm.edu/_resources/favicons/apple-icon-76x76.png">
15<link rel="apple-touch-icon" sizes="114x114" href="https://www.usm.edu/_resources/favicons/apple-icon-114x114.png">
16<link rel="apple-touch-icon" sizes="120x120" href="https://www.usm.edu/_resources/favicons/apple-icon-120x120.png">
17<link rel="apple-touch-icon" sizes="144x144" href="https://www.usm.edu/_resources/favicons/apple-icon-144x144.png">
18<link rel="apple-touch-icon" sizes="152x152" href="https://www.usm.edu/_resources/favicons/apple-icon-152x152.png">
19<link rel="apple-touch-icon" sizes="180x180" href="https://www.usm.edu/_resources/favicons/apple-icon-180x180.png">
20<link rel="icon" type="image/png" sizes="192x192"  href="https://www.usm.edu/_resources/favicons/android-icon-192x192.png">
21<link rel="icon" type="image/png" sizes="32x32" href="https://www.usm.edu/_resources/favicons/favicon-32x32.png">
22<link rel="icon" type="image/png" sizes="96x96" href="https://www.usm.edu/_resources/favicons/favicon-96x96.png">
23<link rel="icon" type="image/png" sizes="16x16" href="https://www.usm.edu/_resources/favicons/favicon-16x16.png">
24<link rel="manifest" href="https://www.usm.edu/_resources/favicons/manifest.json">
25<meta name="msapplication-TileColor" content="#ffffff">
26<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
27<meta name="theme-color" content="#ffffff">
28<!-- /favicons-->
29
30<link rel="stylesheet" href="https://use.typekit.net/rxq3ycy.css">
31<link rel="preconnect" href="https://kit.fontawesome.com" />
32<link rel="stylesheet" href="https://www.usm.edu/_resources/css/main.css?v=1.1" />
33<link rel="stylesheet" href="https://www.usm.edu/_resources/css/oustyles.css?v=2.1" />
34
35<!--Prod only code -->
36
37	<!-- ConsentManager Cookies Consent Notice start for www.usm.edu-->
38
39	
39<script type="text/javascript" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/ba10de5aa29b7.js" data-cmp-host="b.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="0">
40	
41	</script>
41
42
43	<!--  ConsentManager Cookies Consent Notice end for www.usm.edu -->
44
45    
45<script>
46		window.dataLayer = window.dataLayer || [];
47		function gtag() {
48			dataLayer.push(arguments);
49		}
50		gtag("set", "ads_data_redaction", true);
51		gtag("set", "url_passthrough", false);
52    </script>
52
53
54    <!-- Google Tag Manager -->
55    
55<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
56    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
57    j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src=
58    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
59    })(window,document,'script','dataLayer','GTM-M7SQQL');</script>
59
60    <!-- End Google Tag Manager -->
61      <link rel="preconnect" href="https://kit.fontawesome.com">
62      <link rel="stylesheet" href="/_resources/css/universal-full-width.css?v=1.1">
63      <link rel="stylesheet" href="/_resources/css/mc.css">
64      <link rel="preload" fetchpriority="high" as="image" href="/proud/_images/_new-images/dark-grey-texture-3000x1460.jpg" media="(min-size:48rem)">
65      <link rel="stylesheet" href="https://use.typekit.net/ymk2lng.css">
66      <link rel="preload" fetchpriority="high" as="image" href="https://www.usm.edu/proud/_images/_new-images/gold-vertical-texture-1080x1350.jpg" media="(max-size:48rem)">
67      <meta property="og:image" content="https://www.usm.edu/proud/_images/_new-images/gold-vertical-texture-1080x1350.jpg">
68      <meta property="og:image:alt" content="gold texture">
69      		
70      <link rel="stylesheet" href="https://use.typekit.net/olc6apj.css">
71      		
72      <style>
73			
74			.universal-full-width.hero-grid.large:has(.hero-grid__mobile) {
75				grid-template-rows: 70vh;
76			}
77			
78			.hero-grid + #maincontent.universal-full-width {
79 				border-top: none;
80			}
81			
82			@media (min-width: 48rem) {
83				.universal-full-width.hero-grid.large:has(.hero-grid__mobile) {
84					grid-template-rows: max-content;
85				}
86				.hero-grid + #maincontent.universal-full-width {
87    				border-top: 1.5rem solid var(--yellow);
88				}
89			}
90			
91			.hero__main {
92				max-width: 22rem;
93			}
94
95			.hero__main.modern h1.hero__title {
96				font-family: "obviously-wide", sans-serif;
97				font-weight: 600;
98				font-style: normal;
99				font-size: clamp(2.5rem, 5vw, 6rem);
100				color: #000000;
101				text-align: left;
102			}
103			
104			@media (min-width: 40rem) {
105				.hero__main {
106					max-width: 100%;
107				}
108			}
109
110			@media (min-width: 48rem) {
111				.hero__main.modern h1.hero__title {
112					color: #ffffff;
113					text-align: center;
114				}
115
116			}
117
118			.universal-full-width.modern h2 {
119				font-family: "obviously-wide", sans-serif;
120				font-weight: 500;
121				font-style: normal;
122				font-size: clamp(1.55rem, 5vw, 2.6rem);
123				margin: 1.25em 0;
124			}
125
126			.universal-full-width.modern h2.list {
127				margin: 0;
128			}
129
130			.pale-stone-bg {
131				width: 100%;
132				background-image: url('/_resources/img/backgrounds/cta-grey-texture-banner.jpg');
133				background-size: contain;
134				background-position: center center;
135				background-repeat: repeat;
136			}
137
138			.universal-full-width section.custom-light-base.gray-section {
139				background-color: #ffd046;
140				background-image: url('/proud/_images/_new-images/squiggle-with-bg-mobile.jpg');
141				background-position: top center;
142				padding-top: 13rem;
143				background-repeat: no-repeat;
144				background-attachment: scroll;
145			}
146			
147			@media (min-width: 48rem) {
148				.universal-full-width section.custom-light-base.gray-section {
149					background-image: url('/proud/_images/_new-images/wavy-lines-gold-bg.jpg');
150					padding-top: 16rem;
151				}
152			}
153
154			.universal-full-width.hero-grid .hero-grid__overlay {
155				background-color: transparent;
156			}
157
158
159
160			.collage__background {
161				background-image: url('/proud/_images/_new-images/button-collage.webp');
162				max-width: max-content;
163				background-size: contain;
164				padding: 6rem 0 0 0;
165				background-repeat: no-repeat;
166				background-position: center;
167				margin: auto;
168			}
169
170			.collage__background>.button {
171				max-width: 20rem;
172				margin: auto;
173			}
174
175
176
177			/* Apply this class to any text element */
178			.text-highlighted {
179				display: inline;
180				background: linear-gradient(90deg, yellow 50%, transparent 50%);
181				background-size: 200% 100%;
182				background-position: 100% 0;
183				transition: background-position 3s ease-in-out;
184			}
185
186			.gold-section .text-highlight {
187				display: inline-block;
188				background: linear-gradient(90deg, black 50%, transparent 50%);
189				background-size: 200% 100%;
190				background-position: 100% 0;
191				transition: background-position 3s ease-in-out;
192				color: #ffd047;
193				padding: 0.5rem 1rem;
194			}
195
196			/* Trigger the animation on hover or with a class */
197			.text-highlighted.active,
198			.gold-section .text-highlight.active {
199				background-position: 0 0;
200			}
201
202			.modern p,
203			.modern .columns__item p,
204			.modern .three-columns__item p,
205			.modern .centered__container>.columns .columns__item p {
206				font-size: calc(1.25rem + 0.25vw);
207			}
208
209			@media (min-width: 54rem) {
210				.text-panel {
211					height: 100%;
212				}
213			}
214
215			.letter {
216				display: inline-block;
217				perspective: 400px;
218				position: relative;
219			}
220
221			.letter-inner {
222				display: inline-block;
223				transition: transform 0.6s ease;
224				transform-style: preserve-3d;
225				position: relative;
226			}
227
228			.letter-front,
229			.letter-back {
230				position: absolute;
231				top: 0;
232				left: 0;
233				backface-visibility: hidden;
234			}
235
236			.letter-back {
237				transform: rotateY(180deg);
238			}
239
240			.flip .letter-inner {
241				transform: rotateY(180deg);
242			}
243
244			#zoom-header {
245				opacity: 0;
246				transform: scale(1);
247			}
248
249
250			/**************************\
251			Basic Modal Styles
252			\**************************/
253
254			.modal {
255				z-index: 100;
256				position: relative;
257			}
258
259			.modal__overlay {
260				position: fixed;
261				top: 0;
262				left: 0;
263				right: 0;
264				bottom: 0;
265				background: rgba(0, 0, 0, 0.75);
266				display: flex;
267				justify-content: center;
268				align-items: center;
269			}
270
271			.modal__container {
272				background: transparent;
273				max-width: 64rem;
274				max-height: 100%;
275				border-radius: 4px;
276				overflow-y: auto;
277				box-sizing: border-box;
278				width: 100%;
279
280			}
281
282			.modal__header {
283				display: flex;
284				justify-content: end;
285				align-items: center;
286			}
287
288			.modal__title {
289				margin-top: 0;
290				margin-bottom: 0;
291				font-weight: 600;
292				font-size: 1.25rem;
293				line-height: 1.25;
294				color: #00449e;
295				box-sizing: border-box;
296			}
297
298			.modal__close {
299				background: transparent;
300				border: 0;
301			}
302
303			.modal__header .modal__close:before {
304				content: "\2715";
305				color: #ffd047;
306				font-size: 2rem;
307			}
308
309			.modal__content {
310				margin: 0;
311				line-height: 1.5;
312				color: rgba(0, 0, 0, .8);
313			}
314
315			.modal__video {
316				aspect-ratio: 16 / 9;
317				width: 100%;
318			}
319
320			.modal__btn {
321				font-size: .875rem;
322				padding-left: 1rem;
323				padding-right: 1rem;
324				padding-top: .5rem;
325				padding-bottom: .5rem;
326				background-color: #e6e6e6;
327				color: rgba(0, 0, 0, .8);
328				border-radius: .25rem;
329				border-style: none;
330				border-width: 0;
331				cursor: pointer;
332				-webkit-appearance: button;
333				text-transform: none;
334				overflow: visible;
335				line-height: 1.15;
336				margin: 0;
337				will-change: transform;
338				-moz-osx-font-smoothing: grayscale;
339				-webkit-backface-visibility: hidden;
340				backface-visibility: hidden;
341				-webkit-transform: translateZ(0);
342				transform: translateZ(0);
343				transition: -webkit-transform .25s ease-out;
344				transition: transform .25s ease-out;
345				transition: transform .25s ease-out, -webkit-transform .25s ease-out;
346			}
347
348			.modal__btn:focus,
349			.modal__btn:hover {
350				-webkit-transform: scale(1.05);
351				transform: scale(1.05);
352			}
353
354			.modal__btn-primary {
355				background-color: #00449e;
356				color: #fff;
357			}
358
359
360
361			/**************************\
362			Demo Animation Style
363			\**************************/
364			@keyframes mmfadeIn {
365				from {
366					opacity: 0;
367				}
368
369				to {
370					opacity: 1;
371				}
372			}
373
374			@keyframes mmfadeOut {
375				from {
376					opacity: 1;
377				}
378
379				to {
380					opacity: 0;
381				}
382			}
383
384			@keyframes mmslideIn {
385				from {
386					transform: translateY(15%);
387				}
388
389				to {
390					transform: translateY(0);
391				}
392			}
393
394			@keyframes mmslideOut {
395				from {
396					transform: translateY(0);
397				}
398
399				to {
400					transform: translateY(-10%);
401				}
402			}
403
404			.micromodal-slide {
405				display: none;
406			}
407
408			.micromodal-slide.is-open {
409				display: block;
410			}
411
412			.micromodal-slide[aria-hidden="false"] .modal__overlay {
413				animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
414			}
415
416			.micromodal-slide[aria-hidden="false"] .modal__container {
417				animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
418			}
419
420			.micromodal-slide[aria-hidden="true"] .modal__overlay {
421				animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
422			}
423
424			.micromodal-slide[aria-hidden="true"] .modal__container {
425				animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
426			}
427
428			.micromodal-slide .modal__container,
429			.micromodal-slide .modal__overlay {
430				will-change: transform;
431			}
432		</style>
433      	<link href="https://www.usm.edu/ou-alerts/alerts-config.alerts.css?v=2.1-20260903115708" rel="stylesheet">
433<script>
434			var COMMENT_PAGE_URL ="https://www.usm.edu/proud/index.php";
435			var COMMENT_PAGE_IDENTIFIER ="affe6a4e-d9b6-4a6f-aa18-45ea9b6ac985";
436		</script>
436</head>
437   <body>
438    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 438-439
438
439    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
439GTM-M7SQQL
vendor: 91 bytes, lines 439-441
439"
440    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
441    
441<!-- End Google Tag Manager (noscript) -->      		
442      <div id="modal-1" class="modal micromodal-slide anchor-offset" aria-hidden="true">
443         			
444         <div class="modal__overlay" tabindex="-1" data-micromodal-close="true">
445            				
446            <div class="modal__container" role="dialog" aria-modal="true">
447               					
448               <header class="modal__header"><button class="modal__close" aria-label="Close modal" data-micromodal-close="true"></button></header>
449               					
450               <main id="modal-1-content" class="modal__content anchor-offset">
451                  					
452                  					</main>
453               					
454               <footer class="modal__footer"></footer>
455               				</div>
456            			</div>
457         			<button class="modal__close" aria-label="Close modal" data-micromodal-close="true"></button>
458         		</div>
459      
460      	
461<header class="header">
462	<a href="#maincontent" class="button header__skip">Skip navigation</a>
463	<div class="header__wrap">
464		<div class="header__container">
465			<a href="https://www.usm.edu/" class="header__logo">
466				<span class="header__logo__text">The University of Southern Mississippi</span> 
467			</a>
468			<button class="header__toggle header__toggle--mobile header__toggle--search" aria-expanded="false" data-popup>
469				<span class="header__toggle__text">Search</span>
470			</button>
471<!-- 			<form class="header__search header__search--mobile" action="https://www.usm.edu/search/index.php" id="capture-search-form-mobile" method="get">
472				<label class="header__search__label"><span class="header__search__text">Search</span> <input class="header__search__input" name="q" id="searchMobile" placeholder="Search" type="search"></label>
473				<button class="button header__search__button">Go</button>
474			</form> -->
475			<form class="header__search header__search--mobile" action="https://www.usm.edu/search/index.php" id="capture-search-form-mobile" method="get">
476				<label class="header__search__label">
477					<span class="header__search__text">Search</span>
478					<input class="header__search__input" name="q" id="searchMobile" placeholder="Search" type="search">
479					<button type="button" class="header__search__clear" aria-label="Clear search" hidden>
480						<span aria-hidden="true">&times;</span>
481					</button>
482				</label>
483				<button class="button header__search__button">Go</button>
484			</form>
485			<!-- Search form structure for Modern Campus CMS Website Search -->
486<!-- 			<form class="header__search header__search--desktop" action="https://www.usm.edu/search/index.php" id="modern-campus-cms-website-search-mobile" method="get">
487				<label class="header__search__label"><span class="header__search__text">Search</span> 
488					<input class="header__search__input" id="ousearchq" name="ousearchq" placeholder="Search" type="search">
489				</label>
490				<button class="button header__search__button">Go</button>
491			</form> -->
492			<button class="header__toggle header__toggle--menu" aria-expanded="false" data-popup><span class="header__toggle__text">Menu</span></button>
493			<div class="menu">
494				<nav class="menu__nav" aria-label="Site">
495					<ul class="menu__nav__list">
496						<li class="menu__nav__item menu__nav__item--current">
497							<a href="https://www.usm.edu/proud/index.php" class="menu__nav__link">Ready for Life</a>
498							
499							<!-- uncomment and add relevant navigation to southern proud link -->
500<!-- 							<button class="menu__nav__toggle"><span class="menu__nav__toggle__text">Toggle</span></button>
501<ul class="menu__nav__list menu__nav__list--nested">
502                                        <li class="menu__nav__item menu__nav__item--nested"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
503                                        <li class="menu__nav__item menu__nav__item--nested menu__nav__item--current"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
504                                    </ul> -->
505						</li>
506						<li class="menu__nav__item">
507							<a href="#admissions" onclick="event.preventDefault()" class="menu__nav__link">Admissions</a>
508							<button class="menu__nav__toggle">
509								<span class="menu__nav__toggle__text">Toggle</span>
510							</button>
511							<ul class="menu__nav__list menu__nav__list--nested">
512								<li class="menu__nav__item menu__nav__item--nested">
513									<a href="https://www.usm.edu/undergraduate-admissions/freshmen.php" class="menu__nav__link menu__nav__link--nested">Freshman</a>
514								</li>
515								<li class="menu__nav__item menu__nav__item--nested">
516									<a href="https://www.usm.edu/undergraduate-admissions/transfers.php" class="menu__nav__link menu__nav__link--nested">Transfer</a>
517								</li>
518								<li class="menu__nav__item menu__nav__item--nested">
519									<a href="https://www.usm.edu/graduate-admissions/index.php" class="menu__nav__link menu__nav__link--nested">Graduate</a>
520								</li>
521								<li class="menu__nav__item menu__nav__item--nested">
522									<a href="https://www.usm.edu/admissions/international-admissions.php" class="menu__nav__link menu__nav__link--nested">International</a>
523								</li>								
524							</ul>
525						</li>
526						<li class="menu__nav__item">
527							<a href="#academics" onclick="event.preventDefault()" class="menu__nav__link">Academics</a>
528							<button class="menu__nav__toggle">
529								<span class="menu__nav__toggle__text">Toggle</span>
530							</button>
531							<ul class="menu__nav__list menu__nav__list--nested">
532								<li class="menu__nav__item menu__nav__item--nested">
533									<a href="https://www.usm.edu/undergraduate-programs/?type=academics-dropdown" class="menu__nav__link menu__nav__link--nested">Undergraduate Programs</a>
534								</li>
535								<li class="menu__nav__item menu__nav__item--nested">
536									<a href="https://www.usm.edu/graduate-programs/" class="menu__nav__link menu__nav__link--nested">Graduate Programs</a>
537								</li>
538								<li class="menu__nav__item menu__nav__item--nested">
539									<a href="https://www.usm.edu/university/colleges-schools.p
539hp" class="menu__nav__link menu__nav__link--nested">Colleges and Schools</a>
540								</li>
541								<li class="menu__nav__item menu__nav__item--nested">
542									<a href="https://www.usm.edu/honors/" class="menu__nav__link menu__nav__link--nested">Honors College</a>
543								</li>
544								<li class="menu__nav__item menu__nav__item--nested">
545									<a href="https://www.usm.edu/graduate-school/" class="menu__nav__link menu__nav__link--nested">Graduate School</a>
546								</li>
547								<li class="menu__nav__item menu__nav__item--nested">
548									<a href="https://www.usm.edu/university/international-education.php" class="menu__nav__link menu__nav__link--nested">International Education</a>
549								</li>
550								<li class="menu__nav__item menu__nav__item--nested">
551									<a href="https://online.usm.edu/" target="_blank" class="menu__nav__link menu__nav__link--nested">Online Learning</a>
552								</li>								
553								<li class="menu__nav__item menu__nav__item--nested">
554									<a href="https://www.lib.usm.edu/" target="_blank" class="menu__nav__link menu__nav__link--nested">University Libraries</a>
555								</li>
556							</ul>
557						</li>
558						<li class="menu__nav__item">
559							<a href="https://www.usm.edu/university/research.php" class="menu__nav__link">Research</a>
560							<!-- uncomment and add relevant navigation to southern proud link -->
561<!-- 							<button class="menu__nav__toggle"><span class="menu__nav__toggle__text">Toggle</span></button>
562<ul class="menu__nav__list menu__nav__list--nested">
563                                        <li class="menu__nav__item menu__nav__item--nested"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
564                                        <li class="menu__nav__item menu__nav__item--nested menu__nav__item--current"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
565                                    </ul> -->
566						</li>
567						
568						<li class="menu__nav__item">
569							<a href="https://www.usm.edu/student-life/index.php" class="menu__nav__link">Student Life</a>	
570							<!-- uncomment and add relevant navigation to southern proud link -->
571<!-- 							<button class="menu__nav__toggle"><span class="menu__nav__toggle__text">Toggle</span></button>
572<ul class="menu__nav__list menu__nav__list--nested">
573                                        <li class="menu__nav__item menu__nav__item--nested"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
574                                        <li class="menu__nav__item menu__nav__item--nested menu__nav__item--current"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
575                                    </ul> -->
576						</li>
577						<li class="menu__nav__item">
578							<a href="https://www.usm.edu/arts/" class="menu__nav__link">Arts</a>
579							<!-- uncomment and add relevant navigation to southern proud link -->
580<!-- 							<button class="menu__nav__toggle"><span class="menu__nav__toggle__text">Toggle</span></button>
581<ul class="menu__nav__list menu__nav__list--nested">
582                                        <li class="menu__nav__item menu__nav__item--nested"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
583                                        <li class="menu__nav__item menu__nav__item--nested menu__nav__item--current"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
584                                    </ul> -->
585						</li>
586						<li class="menu__nav__item">
587							<a href="https://southernmiss.com/" target="_blank" class="menu__nav__link">Athletics</a>
588							<!-- uncomment and add relevant navigation to southern proud link -->
589<!-- 							<button class="menu__nav__toggle"><span class="menu__nav__toggle__text">Toggle</span></button>
590<ul class="menu__nav__list menu__nav__list--nested">
591                                        <li class="menu__nav__item menu__nav__item--nested"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
592                                        <li class="menu__nav__item menu__nav__item--nested menu__nav__item--current"><a href="#" class="menu__nav__link menu__nav__link--nested">placeholder text</a></li>
593                                    </ul> -->
594						</li>
595					</ul>
596				</nav>
597				<div class="menu__secondary">
598					<ul class="menu__actions">
599						<li class="menu__actions__item">
600							<a href="https://www.usm.edu/admissions/request-information.php" class="menu__actions__link">Request info</a>
601						</li>
602						<li class="menu__actions__item">
603							<a href="https://www.usm.edu/admissions/visit.php" class="menu__actions__link">Visit</a>
604						</li>
605						<li class="menu__actions__item">
606							<a href="https://www.usm.edu/admissions/apply.php" class="menu__actions__link">Apply</a>
607						</li>
608					</ul>
609					<ul class="menu__extra">
610						<li class="menu__extra__item">
611							<a href="https://www.usm.edu/undergraduate-programs/programs-gateway.php" class="menu__extra__link">Majors &amp; Degrees</a>
612						</li>
613						<li class="menu__extra__item">
614							<a href="https://www.usm.edu/news/" class="menu__extra__link">News</a>
615						</li>
616						<li class="menu__extra__item">
617							<a href="https://calendar.usm.edu/" target="_blank" class="menu__extra__link">Events</a>
618						</li>
619						<li class="menu__extra__item">
620							<a href="https://www.usmfoundation.com" target="_blank" class="menu__extra__link">Giving</a>
621						</li>
622					</ul>
623					<div class="menu__audience">
624						<button class="menu__audience__toggle" aria-expanded="false" data-popup>Info for</button>
625						<ul class="menu__audience__list">
626							<li class="menu__audience__item">
627								<a href="https://www.usm.edu/admissions/?type=prospective" class="menu__audience__link">Prospective Students</a>
628							</li>
629							<li class="menu__audience__item">
630								<a href="https://www.usm.edu/university/current-undergraduate-students.php" class="menu__audience__link">Current Undergraduate Students</a>
631							</li>
632							<li class="menu__audience__item">
633								<a href="https://www.usm.edu/university/current-graduate-students.php" class="menu__audience__link">Current Graduate Students</a>
634							</li>
635							<li class="menu__audience__item">
636								<a href="https://www.usm.edu/online-learning/index.php" target="_blank" class="menu__audience__link">Online Students</a>
637							</li>
638							<li class="menu__audience__item">
639								<a href="https://www.southernmissalumni.com" target="_blank" class="menu__audience__link">Alumni and Friends</a>
640							</li>
641							<li class="menu__audience__item">
642								<a href="https://www.usm.edu/university/faculty-staff.php" class="menu__audience__link">Faculty and Staff</a>
643							</li>
644						</ul>
645					</div>
646<!-- 					<button class="menu__search-toggle" aria-expanded="false" data-popup>Search</button>
647					<form class="header__search header__search--desktop" action="https://www.usm.edu/search/index.php" id="capture-search-form" method="get">
648						<label class="header__search__label"><span class="header__search__text">Search</span> <input class="header__search__input" name="q" id="capture-search-form-input" placeholder="Search" type="search"></label>
649						<button class="button header__search__button">Go</button>
650					</form> -->
651					<button class="menu__search-toggle" aria-expanded="false" data-popup>Search</button>
652					<form class="header__search header__search--desktop" action="https://www.usm.edu/search/index.php" id="capture-search-form" method="get">
653						<label class="header__search__label">
654							<span class="header__search__text">Search</span>
655							<input class="header__search__input" name="q" id="capture-search-form-input" placeholder="Search" type="search">
656							<button type="button" class="header__search__clear" aria-label="Clear search" hidden>
657								<span aria-hidden="true">&times;</span>
658							</button>
659						</label>
660						<button class="button header__search__button">Go</button>
661					</form>
662					<!-- Search form structure for Modern Campus CMS Website Search -->
663<!-- 					<form class="header__search header__search--desktop" action="https://www.usm.edu/search/index.php" id="modern-campus-cms-website-search" method="get">
664						<label class="header__search__label"><span class="header__search__text">Search</span> 
665							<input class="header__search__input" id="query" name="query" placeholder="Search" type="search">
666						</label>
667						<button class="button header__search__button">Go</button>
668					</form> -->
669				</div>
670			</div>			
671		</div>
672	</div>
673</header>
674
675
676<style>
677	.header__search__input::-webkit-search-cancel-button {
678		-webkit-appearance: none;
679		appearance: none;
680	}
681	.header__search__input {
682		-moz-appearance: textfield;
683	}
684	.header__search__label {
685		position: relative;
686	}
687	.header__search__clear {
688		position: absolute;
689		right: 0.5rem;
690		top: 50%;
691		transform: translateY(-50%);
692		background: none;
693		border: none;
694		cursor: pointer;
695		font-size: 1.25rem;
696		line-height: 1;
697		padding: 0.25rem;
698	}
699	
700
701</style>
702
703<script>
704
705document.querySelectorAll('.header__search__label').forEach(function (label) {
706        var input = label.querySelector('.header__search__input');
707        var clearBtn = label.querySelector('.header__search__clear');
708        if (!input || !clearBtn) return;
709        function toggleClearBtn() {
710            clearBtn.hidden = input.value.length === 0;
711        }
712        input.addEventListener('input', toggleClearBtn);
713        toggleClearBtn();
714        clearBtn.addEventListener('click', function () {
715            input.value = '';
716            input.focus();
717            toggleClearBtn();
718        });
719    });
720
721</script>
721      <main>
722         <div class="hero-grid universal-full-width large black-section">
723            <div class="hero-grid__background"><img fetchpriority="high" class="hero-grid__banner-image hero-grid__desktop" alt="black texture background" src="/proud/_images/_new-images/dark-grey-texture-3000x1460.jpg"><img fetchpriority="high" class="hero-grid__banner-image hero-grid__mobile" alt="gold texture" src="/proud/_images/_new-images/gold-vertical-texture-1080x1350.jpg"></div>
724            <div class="hero-grid__overlay"></div>
725            <div class="hero-grid__container black-section">
726               <div class="hero__main modern">
727                  <h1 class="hero__title">Southern Miss can take you anywhere you want to go.</h1>
728               </div>
729            </div>
730         </div>
731         <div id="maincontent" class="universal-full-width modern">
732            <div class="ufw-container">
733               <section class="ufw-full-width">
734                  <div class="blocks">
735                     <div class="blocks__container">
736                        <div class="centered__container">
737                           
738                           <section class="two-column-grid grid-1-1">
739                              <div class="first-column grid-column">
740                                 
741                                 <h2>OUR GRADUATES ARE LANDING JOBS AND BUILDING CAREERS.</h2>
742                                 
743                                 <p>Southern Miss graduates take roles at top companies, innovative startups, financial
744                                    institutions, healthcare systems, schools, and government agencies across the country.</p>
745                                 
746                                 <p>Have your own big idea or want to start something new? We’ll help you bring your dream
747                                    to life.</p>
748                                 
749                                 <p>With on-campus and online degrees that span business, STEM, healthcare, communication,
750                                    social sciences, and more, you’ll find one that will take you where you want to go.</p>
751                                 
752                                 <p><a class="thin__button cta-button animated__button" href="/undergraduate-programs/index.php">Explore <span id="word-container" class=" anchor-offset">careers</span></a></p>
753                                 </div>
754                              <div class="second-column grid-column">
755                                 
756                                 <p><img src="/proud/_images/_new-images/section-1-collage-new.webp" alt="two of our alumni in front of the administration building" width="1500" height="1225"></p>
757                                 </div>
758                           </section>
759                           </div>
760                     </div>
761                  </div>
762                  
763                  <section class="panel-section custom-light-base gray-section">
764                     
765                     <div class="blocks">
766                        <div class="blocks__container">
767                           <div class="centered__container">
768                              
769                              <section class="two-column-grid grid-1-1">
770                                 <div class="first-column grid-column">
771                                    
772                                    <h2>GAIN REAL EXPERIENCE at Southern Miss.</h2>
773                                    
774                                    <h2 class="animated-header">INTERNSHIPS<br>INDUSTRY ACCESS<br>APPLIED PROJECTS<br>STUDY ABROAD<br>STUDENT RESEARCH</h2>
775                                    </div>
776                                 <div class="second-column grid-column">
777                                    
778                                    <div class="no-animation">
779                                       
780                                       <div class="text-panel white-section"><a id="#trigger-list" class=" anchor-offset"></a>
781                                          
782                                          <p>We connect students with industry through internships, guest speakers, site visits,
783                                             and career fairs.</p>
784                                          
785                                          <p><span data-olk-copy-source="MessageBody" style="text-transform: none;">Many courses include projects that reflect the experiences you’ll find in real jobs,
786                                                like managing deadlines and solving problems.</span></p>
787                                          
788                                          <p>You don’t have to wait for grad school to do real research. We have undergraduate
789                                             students who dive right in and present their findings, and we host an annual research
790                                             symposium right here on campus.</p>
791                                          </div>
792                                       </div>
793                                    </div>
794                              </section>
795                              </div>
796                        </div>
797                     </div>
798                     </section>
799                  
800                  <section class="panel-section gray-section pale-stone-bg">
801                     
802                     <div class="text__block">
803                        
804                        <h2 id="zoom-text" style="text-align: center;" class=" anchor-offset">CHOOSE A UNIVERSITY WHERE YOU GET TO DECIDE WHO YOU BECOME.</h2>
805                        
806                        <p style="text-align: center;">Opportunities at Southern Miss aren't reserved for a select few. They're within reach
807                           right away, giving you the freedom to try things that matter to you.</p>
808                        
809                        <p style="text-align: center;">Combine whatever activities interest you, and find your place in all of it. We don't
810                           expect you to be just one thing.</p>
811                        <br>
812                        
813                        <p style="text-align: center;"><a class="cta-button" href="/student-life/index.php"><img src="/proud/_images/_new-images/button-collage-with-text.webp" alt="Take An Inside Look at Southern Miss" width="500" height="408"></a></p>
814                        </div>
815                     </section>
816                  
817                  <section class="panel-section gold-section">
818                     
819                     <div class="blocks">
820                        <div class="blocks__container">
821                           <div class="centered__container">
822                              
823                              <div class="text__block">
824                                 
825                                 <h2 style="text-align: center;">OUR TUITION AND FEES ARE AMONG THE LOWEST IN THE NATION.</h2>
826                                 </div>
827                              
828                              <section class="two-column-grid grid-1-1">
829                                 <div class="first-column grid-column">
830                                    
831                                    <div class="text-panel white-section">
832                                       
833                                       <p style="text-align: center;">Get a clear view of what to expect with a rundown of costs for tuition, housing, and
834                                          more.</p>
835                                       
836                                       <p style="text-align: center;"><a class="thin__button cta-button animated__button" href="/undergraduate-admissions/costs-scholarships.php">SUMMARY OF COSTS</a></p>
837                                       </div>
838                                    </div>
839                                 <div class="second-column grid-column">
840                                    
841                                    <div class="text-panel white-section">
842                                       
843                                       <p style="text-align: center;">Your hard work could pay off. We offer&nbsp;freshman and transfer scholarships.</p>
844                                       
845                                       <p style="text-align: center;"><a class="thin__button cta-button animated__button" href="/scholarships-financial-wellness/index.php">EXPLORE SCHOLARSHIPS</a></p>
846                                       </div>
847                                    </div>
848                              </section>
849                              </div>
850                        </div>
851                     </div>
852                     </section>
853                  
854                  <div class="blocks">
855                     <div class="blocks__container">
856                        <div class="centered__container">
857                           
858                           <section class="two-column-grid grid-1-2">
859                              <div class="first-column grid-column">
860                                 
861                                 <div class="animate-left">
862                                    
863                                    <h2>WE HAVE SUPPORT THAT’S HERE WHEN YOU NEED IT.<img src="/proud/_images/_new-images/need-it-decorative-element.png" alt="gold line" width="400" height="75"></h2>
864                                    </div>
865                                 </div>
866                              <div class="second-column grid-column">
867                                 
868                                 <p><strong>Getting started:</strong> New student orientation extends through your first semester, helping you transition
869                                    to life at Southern Miss.</p>
870                                 
871                                 <p><strong>Academic help:</strong> Tutoring centers, writing and speaking labs, and peer mentoring are just a few of
872                                    the ways we help you succeed in challenging courses.</p>
873                                 
874                                 <p><strong>Mental health and wellness:</strong> On-campus resources are here to assist you in adjusting to college life.</p>
875                                 
876                                 <p><strong>Career planning:</strong> Resumé reviews, workshops, and on-campus career fairs help you plan for the future.</p>
877                                 </div>
878                           </section>
879                           </div>
880                     </div>
881                  </div>
882                  
883                  <div class="usm-cta-banner">
884                     
885                     <style>
886  .usm-cta-banner {
887    width: 100%;
888    background-image: url('/_resources/img/backgrounds/dark-texture-bg-2__1920x550.webp');
889    background-size: cover;
890    background-position: center center;
891	background-color: #000000;
892    background-repeat: no-repeat;
893    overflow: hidden;
894    min-height: 240px;
895  }
896	
897  .usm-cta-banner__content {
898	display: flex;
899    align-items: stretch;
900	flex-direction: row;
901	margin: auto;
902	max-width: 75rem;
903	align-items: flex-start;
904  }
905
906  .usm-cta-banner__mascot {
907    display: flex;
908    align-items: flex-end;
909    justify-content: center;
910    padding-left: 12px;
911	margin-right: 1.5rem;
912  }
913
914  .usm-cta-banner__mascot img {
915    display: block;
916    width: auto;
917    object-fit: contain;
918    object-position: bottom center;
919	min-width: 15rem;
920	height: 100%;
921  	max-height: 20rem;
922  }
923
924  .usm-cta-banner__cols {
925    flex: 1;
926    display: flex;
927    align-items: flex-start;
928	align-content: center;
929	margin: auto;
930    padding: 40px 40px 40px 10px;
931  }
932
933  .usm-cta-banner__col {
934    flex: 1;
935  }
936
937  .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col h2, .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col h2 > a {
938		font-family: "obviously-wide", sans-serif;
939		font-weight: 500;
940		font-style: normal;
941		font-size: clamp(1.15rem, 5vw, 2rem);
942  }
943
944
945  .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col h2 a {
946    color: #FFC72C;
947    text-decoration: none;
948  }
949
950  .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col h2 a:hover {
951    text-decoration: underline;
952  }
953
954  .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col p {
955    color: #ffffff;
956    margin: 0;
957    line-height: 1.55;
958    font-weight: 400;
959	font-size: calc(1.25rem + 0.25vw);
960	text-align: left;
961  }
962
963  .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__chevron {
964    flex: 0 0 auto;
965    color: #ffffff;
966    font-size: 3rem;
967    line-height: 1;
968    padding: 0.25rem 1rem;
969	margin: auto;
970  }
971
972  @media (max-width: 64rem) {
973    .usm-cta-banner {
974      align-items: center;
975	  background-image: url('/_resources/img/backgrounds/dark-texture-bg-2__1080x1700.webp');
976    }
977	
978	.usm-cta-banner__content {
979		flex-direction: column;
980  	}
981
982    .usm-cta-banner__mascot {
983	  order: 1;
984      flex: 0 0 auto;
985      width: 160px;
986      align-self: center;
987      padding: 20px 0 0;
988    }
989
990    .usm-cta-banner__cols {
991	  order: 0;
992      flex-direction: column;
993	  align-items: center;
994      align-items: center;
995      padding: 24px 30px 36px;
996      text-align: center;
997      gap: 8px;
998    }
999
1000    .usm-cta-banner__col {
1001      padding: 10px 0;
1002    }
1003
1004    .usm-cta-banner__chevron {
1005      transform: rotate(90deg);
1006      padding: 0.25rem 1rem;
1007	  align-items: center;
1008    }
1009	.usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col p {
1010		text-align: center;
1011  	}
1012  }
1013
1014  @media (max-width: 480px) {
1015    .usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col h2 {
1016      font-size: 1.5rem;
1017    }
1018  }
1019	
1020	.universal-full-width .panel-section.black-section .four-columns h3 {
1021            color: #ffd046;
1022            font-style: italic;
1023            text-transform: uppercase;
1024            font-weight: 900;
1025        }
1026	
1027	    /* reduce height */
1028    .universal-full-width .panel-section.black-section {
1029        padding: 0.5rem 0;
1030    }
1031
1032.usm-cta-banner__content {
1033  max-width: 90rem;
1034}
1035
1036.usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col h2 {
1037  margin: 0.5em 0;
1038}
1039
1040.usm-cta-banner a.thin__button {
1041  padding: 0 0.75rem;
1042  background-color: transparent;
1043  font-weight: 500;
1044  color: #ffd046;
1045}
1046
1047.usm-cta-banner a.thin__button:hover {
1048  color: #000000;
1049}
1050.usm-cta-banner .animated__button::after {
1051  background-color: transparent;
1052  padding: 0.75rem;
1053}
1054
1055.usm-cta-banner .animated__button {
1056  padding: 0;
1057}
1058
1059.usm-cta-banner .animated__button::before {
1060  color: #000000;
1061}
1062
1063
1064.usm-cta-banner .usm-cta-banner__content .usm-cta-banner__col p {
1065  padding: 0.75rem;
1066}
1067
1068
1069</style>
1070                     
1071                     <div class="usm-cta-banner__content">
1072                        
1073                        <div class="usm-cta-banner__mascot"><img src="/_resources/img/backgrounds/cta-seymour-2.png" alt="Seymour the Southern Miss Eagle mascot"></div>
1074                        
1075                        <div class="usm-cta-banner__cols">
1076                           
1077                           <div class="usm-cta-banner__col">
1078                              <a class="thin__button cta-button animated__button" href="https://undergrad.usm.edu/register/info">
1079                                 
1080                                 <h2>CONNECT</h2>
1081                                 </a>
1082                              
1083                              <p>Get personalized next steps and invitations to campus events.</p>
1084                              </div>
1085                           
1086                           <div class="usm-cta-banner__chevron" aria-hidden="true">❯</div>
1087                           
1088                           <div class="usm-cta-banner__col">
1089                              <a class="thin__button cta-button animated__button" href="/undergraduate-admissions/visit.php">
1090                                 
1091                                 <h2>VISIT</h2>
1092                                 </a>
1093                              
1094                              <p>The best way to experience Southern Miss is to see for yourself.</p>
1095                              </div>
1096                           
1097                           <div class="usm-cta-banner__chevron" aria-hidden="true">❯</div>
1098                           
1099                           <div class="usm-cta-banner__col">
1100                              <a class="thin__button cta-button animated__button" href="/undergraduate-admissions/apply.php">
1101                                 
1102                                 <h2>APPLY</h2>
1103                                 </a>
1104                              
1105                              <p>Submit your application to enroll at Southern Miss.</p>
1106                              </div>
1107                           </div>
1108                        </div>
1109                     </div>
1110               </section>
1111            </div>
1112         </div>
1113      </main>
1114      
1115<footer class="footer">
1116	<div class="footer__top">
1117		<div class="footer__container footer__container--top">
1118			<div class="footer__left">
1119				<div class="footer__location">
1120					<h2 class="h5 footer__heading">
1121						<a href="https://www.usm.edu/university/hattiesburg-campus.php">Hattiesburg Campus</a>
1122					</h2>
1123					<p>118 College Drive<br>Hattiesburg, MS 39406-0001</p>
1124					<p><a href="tel:6012661000">601.266.1000</a></p>
1125					<p><a href="https://www.usm.edu/university/contact-us.php">Contact Us</a></p>
1126					<p><a href="https://maps.usm.edu/?id=2260#!ce/97069?ct/95572,95573,95547,95563,95564,95549,95567,95568,95569,95570,95571?mc/31.330791187396258,-89.33621300645046?z/16.480623101734352?lvl/0">Hattiesburg Campus Map</a></p>
1127				</div>
1128				<div class="footer__location">
1129					<h2 class="h5 footer__heading">
1130						<a href="https://www.usm.edu/gulf-park/index.php">Gulf Park Campus</a>
1131					</h2>
1132					<p>730 East Beach Boulevard<br>Long Beach, MS 39560</p>
1133					<p><a href="tel:2288654500">228.865.4500</a></p>
1134					<p><a href="https://www.usm.edu/university/contact-us.php">Contact Us</a></p>
1135					<p><a href="https://maps.usm.edu/?id=2260#!ce/96184?ct/95572,95573,95547,95563,95564,95549,95567,95568,95569,95570,95571?s/?mc/30.35308679957123,-89.13645824376596?z/17.66598048087831?lvl/0">Gulf Park Campus Map</a></p>
1136				</div>
1137				</div>
1138			<div class="footer__right">
1139				<div>
1140					<a href="https://www.usmfoundation.com" target="_blank" class="button">Give to USM</a>
1141				</div>
1142				<div class="footer__social">
1143					<div class="social">
1144						<a href="https://www.facebook.com/usm.edu" target="_blank" class="social__link social__link--facebook">
1145							<span class="svg svg--facebook">
1146								<svg viewBox="0 0 1664 1664" role="img" aria-labelledby="facebookTitle" xmlns="https://www.w3.org/2000/svg">
1147									<path d="M1264 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296H961v759H655V905H400V609h255V391q0-186 104-288.5T1036 0q147 0 228 12z" />
1148								</svg> 
1149							</span>
1150							<span id="facebookTitle" class="social__text">Facebook</span> 
1151						</a>
1152						<a href="https://twitter.com/SouthernMiss/status/1714036045346414956" target="_blank" class="social__link social__link--twitter">
1153							<span class="svg svg--twitter">
1154								<svg viewBox="0 0 1200 1227" role="img" aria-labelledby="twitterTitle" xmlns="http://www.w3.org/2000/svg">
1155									<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
1156								</svg>
1157							</span>
1158							<span id="twitterTitle" class="social__text">Twitter</span> 
1159						</a>
1160						<a href="https://www.instagram.com/officialsouthernmiss/" target="_blank" class="social__link social__link--instagram">
1161							<span class="svg svg--instagram">
1162								<svg viewBox="0 0 1536 1536" role="img" aria-labelledby="instagramTitle" xmlns="https://www.w3.org/2000/svg">
1163									<path d="M1024 768q0-106-75-181t-181-75q-106 0-181 75t-75 181q0 106 75 181t181 75q106 0 181-75t75-181zm138 0q0 164-115 279t-279 115q-164 0-279-115T374 768q0-164 115-279t279-115q164 0 279 115t115 279zm108-410q0 38-27 65t-65 27q-38 0-65-27t-27-65q0-38 27-65t65-27q38 0 65 27t27 65zM768 138q-7 0-76.5-.5t-105.5 0q-36 .5-96.5 3t-103 10Q344 158 315 169q-50 20-88 58t-58 88q-11 29-18.5 71.5t-10 103q-2.5 60.5-3 96.5t0 105.5q.5 69.5.5 76.5t-.5 76.5q-.5 69.5 0 105.5t3 96.5q2.5 60.5 10 103T169 1221q20 50 58 88t88 58q29 11 71.5 18.5t103 10q60.5 2.5 96.5 3t105.5 0q69.5-.5 76.5-.5t76.5.5q69.5.5 105.5 0t96.5-3q60.5-2.5 103-10t71.5-18.5q50-20 88-58t58-88q11-29 18.5-71.5t10-103q2.5-60.5 3-96.5t0-105.5q-.5-69.5-.5-76.5t.5-76.5q.5-69.5 0-105.5t-3-96.5q-2.5-60.5-10-103T1367 315q-20-50-58-88t-88-58q-29-11-71.5-18.5t-103-10q-60.5-2.5-96.5-3t-105.5 0q-69.5.5-76.5.5zm768 630q0 229-5 317-10 208-124 322t-322 124q-88 5-317 5t-317-5q-208-10-322-124T5 1085q-5-88-5-317t5-317q10-208 124-322T451 5q88-5 317-5t317 5q208 10 322 124t124 322q5 88 5 317z" />
1164								</svg> 
1165							</span>
1166							<span id="instagramTitle" class="social__text">Instagram</span> 
1167						</a>
1168						<a href="https://www.youtube.com/southernmiss" target="_blank" class="social__link social__link--youtube">
1169							<span class="svg svg--youtube">
1170								<svg viewBox="0 0 1792 1792" role="img" aria-labelledby="youtubeTitle" xmlns="https://www.w3.org/2000/svg">
1171									<path d="M1280 896q0-37-30-54L738 522q-31-20-65-2-33 18-33 56v640q0 38 33 56 16 8 31 8 20 0 34-10l512-320q30-17 30-54zm512 0q0 96-1 150t-8.5 136.5Q1775 1265 1760 1330q-16 73-69 123t-124 58q-222 25-671 25t-671-25q-71-8-124.5-58T31 1330q-14-65-21.5-147.5T1 1046q-1-54-1-150t1-150q1-54 8.5-136.5T32 462q16-73 69-123t124-58q222-25 671-25t671 25q71 8 124.5 58t69.5 123q14 65 21.5 147.5T1791 746q1 54 1 150z" />
1172								</svg> 
1173							</span>
1174							<span id="youtubeTitle" class="social__text">YouTube</span>
1175						</a>
1176					</div>
1177				</div>
1178				<div class="footer__mississippi">
1179					<a href="https://www.mississippi.edu/accountability-transparency/" target="_blank">
1180						<img alt="Accountability and transparency report for Mississippi Public Universities" src="https://www.usm.edu/_resources/img/footer-mississippi.png" />
1181					</a>
1182				</div>
1183			</div>
1184			<div class="footer__quote">
1185				<img alt="Southern Miss to the top!" src="https://www.usm.edu/_resources/img/footer-mississippi.jpeg" />
1186<!-- 				<blockquote class="footer__quote__overlay">
1187					<p>Our professors care about their subjects and they know their subjects. They will convince you to change your major, they love it so much.</p>
1188					<cite class="footer__quote__cite">Jill Smith, Sophomore</cite>
1189				</blockquote> -->
1190			</div>
1191						
1192		</div>
1193	</div>
1194	<div class="footer__bottom">
1195		<div class="footer__container">
1196			<nav class="footer__nav" aria-label="Footer">
1197				<ul class="footer__nav__list">
1198					<li class="footer__nav__item">
1199						<a href="https://www.usm.edu/a-to-z-index.php" class="footer__nav__link">A-Z Index</a>
1200					</li>
1201					<li class="footer__nav__item">
1202						<a href="https://www.usm.edu/university/accreditation.php" class="footer__nav__link">Accreditation</a>
1203					</li>
1204					<li class="footer__nav__item">
1205						<a href="https://www.usm.edu/police/" class="footer__nav__link">Campus Safety</a>
1206					</li>
1207					<li class="footer__nav__item">
1208						<a href="https://www.usm.edu/university/contact-us.php" class="footer__nav__link">Contact Us</a>
1209					</li>
1210					<li class="footer__nav__item">
1211						<a href="https://www.usm.edu/university/equal-employment-opportunity-statement.php" class="footer__nav__link">EEO Statement</a>
1212					</li>
1213					<li class="footer__nav__item">
1214						<a href="https://usm.csod.com/ats/careersite/search.aspx?site=1&c=usm" target="_blank" class="footer__nav__link">Employment</a>
1215					</li>
1216					<li class="footer__nav__item">
1217						<a href="https://secure.ethicspoint.com/domain/media/en/gui/31502/index.html" target="_blank" class="footer__nav__link">Ethics Line</a>
1218					</li>			
1219				</ul>
1220				<ul class="footer__nav__list">
1221					<li class="footer__nav__item">
1222						<a href="http://www.mississippi.edu/gov/miss_code_ann_25-61-19.asp" target="_blank" class="footer__nav__link">Legislative Updates</a>
1223					</li>
1224					<li class="footer__nav__item">
1225						<a href="https://usm.policystat.com/policy/7104864/latest/" target="_blank" class="footer__nav__link">Notice of Nondiscrimination</a>
1226					</li>
1227					<li class="footer__nav__item">
1228						<a href="https://apps.usm.edu/itech/onlinedirectory/" target="_blank" class="footer__nav__link">Online Directory</a>
1229					</li>
1230					<li class="footer__nav__item">
1231						<a href="https://www.usm.edu/university/privacy.php" class="footer__nav__link">Privacy and Legal</a>
1232					</li>
1233					<li class="footer__nav__item">
1234						<a href="https://www.usm.edu/professional-licensure-certification-disclosures/index.php" class="footer__nav__link">Professional Licensure Disclosures</a>
1235					</li>
1236					<li class="footer__nav__item">
1237						<a href="https://www.usm.edu/dean-students/cares.php" class="footer__nav__link">Report a Student Concern</a>
1238					</li>
1239				</ul>
1240				<ul class="footer__nav__list">
1241					<li class="footer__nav__item">
1242						<a href="https://www.usm.edu/online-learning/sara-1.php" target="_blank" class="footer__nav__link">SARA</a>
1243					</li>
1244					<li class="footer__nav__item">
1245						<a href="https://www.usm.edu/title-ix/index.php" class="footer__nav__link">Sexual Assault/Title IX</a>
1246					</li>
1247					<li class="footer__nav__item">
1248						<a href="https://www.usm.edu/university/web-accessibility-statement.php" class="footer__nav__link">Web Accessibility Statement</a>
1249					</li>
1250				</ul>
1251			</nav>
1252			<p class="footer__copyright">&copy; 2025 The University of Southern Mississippi. All rights reserved. <span id="directedit"></span></p>
1253		</div>
1254	</div>
1255</footer>
1256<script src="https://www.usm.edu/_resources/js/main.js?v=1.1"></script>
1256
1257
1258<!-- 
1258<script>
1259	document.getElementById("capture-search-form").addEventListener("submit", function(event) {
1260		event.preventDefault();
1261		window.location.href = this.getAttribute("action") + "#stq=" + document.getElementById("capture-search-form-input").value + "&stp=1";
1262	});
1263</script>
1263 
1264
1265<script>
1266	document.getElementById("capture-search-form-mobile").addEventListener("submit", function(event) {
1267		event.preventDefault();
1268		window.location.href = this.getAttribute("action") + "#stq=" + document.getElementById("searchMobile").value + "&stp=1";
1269	});
1270</script>
1270
1271-->
1272
1273<!-- Analytics is in head code for now -->      <div id="ou-hidden" style="display:none;"><a id="de" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=usm&amp;site=www&amp;action=de&amp;path=/proud/index.pcf" target="_top" rel="nofollow">Last Updated 8/6/26</a></div>
1273<script>
1274			if(document.getElementById("de") != null && document.getElementById("directedit")) {
1275				var link = document.getElementById("de").parentNode.innerHTML;
1276				document.getElementById("de").parentNode.innerHTML = "";
1277				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
1278			}
1279		</script>
1279<script defer="true" src="https://kit.fontawesome.com/42bf5d8928.js" crossorigin="anonymous"></script>
1279<script src="/_resources/js/mc.js"></script>
1279<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
1279<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
1279<script src="/_resources/js/snippet-animations.js"></script>
1279
1280      		
1280<script src="/_resources/js/micromodal-min.js"></script>
1280
1281      		
1281<script>
1282			const stopVideos = () => {
1283				document.querySelectorAll('iframe').forEach(v => { v.src = v.src });
1284				document.querySelectorAll('video').forEach(v => { v.pause() });
1285			};
1286
1287			MicroModal.init({
1288				onClose: modal => stopVideos()
1289			});
1290		</script>
1290
1291      		
1291<script>
1292			gsap.registerPlugin(ScrollTrigger);
1293			const container = document.getElementById("word-container");
1294			const original = "careers";
1295			const target = "programs";
1296
1297			function morphWords(from, to) {
1298				const maxLength = Math.max(from.length, to.length);
1299				const fromLetters = from.padEnd(maxLength).split("");
1300				const toLetters = to.padEnd(maxLength).split("");
1301
1302				container.innerHTML = fromLetters.map(letter => `<span class="letter">${letter}</span>`).join("");
1303
1304				const letters = container.querySelectorAll(".letter");
1305
1306				// Animate out original letters
1307				gsap.to(letters, {
1308					duration: 0.5,
1309					opacity: 0,
1310					y: -20,
1311					stagger: 0.1,
1312					onComplete: () => {
1313						// Replace letters with target word
1314						letters.forEach((el, i) => {
1315							el.textContent = toLetters[i] || "";
1316						});
1317
1318						// Animate in new letters
1319						gsap.to(letters, {
1320							duration: 0.6,
1321							opacity: 1,
1322							y: 0,
1323							stagger: 0.1,
1324							ease: "power2.out"
1325						});
1326					}
1327				});
1328			}
1329
1330			// Initial display
1331			container.innerHTML = original.split("").map(letter => `<span class="letter">${letter}</span>`).join("");
1332			gsap.to(".letter", { opacity: 1, y: 0, stagger: 0.1, duration: 0.6 });
1333
1334			ScrollTrigger.create({
1335				trigger: container,
1336				once: true,
1337				start: "bottom bottom",
1338				onEnter: () => {
1339					gsap.delayedCall(2, () => morphWords(original, target)); // ⏱️ Delay morph by 2 seconds
1340				}
1341			});
1342			gsap.fromTo("#zoom-text",
1343				{ scale: 0.25, opacity: 0 },
1344				{
1345					scale: 1,
1346					opacity: 1,
1347					duration: 2,
1348					ease: "back.out", // 🎯 Bounce effect on zoom-in
1349					scrollTrigger: {
1350						trigger: "#zoom-text",
1351						start: "bottom bottom",
1352						toggleActions: "play reverse play reverse"
1353					}
1354				}
1355			);
1356
1357		</script>
1357
1358      	
1358<script src="https://www.usm.edu/ou-alerts/alerts-config.alerts.js?v=2.1-20260903115708"></script>
vendor: 1 bytes, line 1358
1358
1359<script>
1360	// archive alert processing
1361	if (document.getElementById(ouEmergencyAlerts.archivedAlertDivId)) {
1362		ouEmergencyAlerts.loadAlertFeed("processAlertFeedForArchivePage", "activeAlertFeed", "archiveActiveAlertHeading");  
1363		setTimeout(function() {
1364			ouEmergencyAlerts.loadAlertFeed("processAlertFeedForArchivePage", "archiveAlertFeed", "archiveAlertHeading");
1365		}, 200);
1366	}
1367	// active alert processing
1368	ouEmergencyAlerts.determineActiveAlertOutput();
1369</script>
1369<script type="text/template" id="oualerts-active-announcement">
1370<div id="oualerts-active-alert-display" class="oualerts-notify oualerts-notify-announcement oualerts-top oualerts-top-fixed ouAlertsFadeInDown oualerts-animated-fast" role="alert">
1371	<div class="oualerts-notify-body">
1372		{% if (o.showDate) { %}
1373		<div class="oualerts-notify-date">{%=ouEmergencyAlerts.alertDateFormat("F d, Y h:i A",o.pubDate)%}</div>
1374		{% } %}
1375		<h3 class="oualerts-notify-title">
1376			
1377						<svg class="oualerts-notify-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 271 286"><path fill-rule="evenodd" d="M241.964 157.267v69.997c0 5.11-5.639 8.199-9.934 5.442l-86.454-55.51h-13.388l11.06 28.862c18.297 3.828 32.042 20.078 32.042 39.544 0 22.311-18.056 40.398-40.328 40.398-17.471 0-32.347-11.13-37.949-26.698l-.0122.005-31.4593-82.111h-5.3193C26.9624 177.196 0 150.187 0 116.869c0-33.3175 26.9624-60.3268 60.2222-60.3268h85.3538L232.03 1.0324c4.295-2.7574 9.934.3319 9.934 5.4417v69.9975h18.282c5.939 0 10.754 4.8231 10.754 10.7727v59.2497c0 5.95-4.815 10.773-10.754 10.773h-18.282zm-15.055 54.237l-75.278-48.334V70.5682l75.278-48.3337V211.504zm15.055-69.319h13.98V91.5533h-13.98v50.6317z" clip-rule="evenodd"/></svg>
1378					
1379			{%=o.title%}
1380		</h3>
1381		{% if (o.subtitle) { %}
1382		<p class="oualerts-notify-subtitle"><strong>{%=o.subtitle %}</strong></p>
1383		{% } %}
1384		{% if (o.description) { %}
1385		<p class="oualerts-notify-msg">{%=o.description %}
1386			{% } %}
1387			{% if (o.guid) { %}
1388			<br>
1389			<a href="{%=o.guid %}" class="oualerts-notify-link">Read More...</a>
1390			{% } %}
1391			{% if (o.description) { %}
1392		</p>
1393		{% } %}
1394		<p class="oualerts-notify-footer">
1395			<button class="oualerts-close-button" id="oualerts-close-button">Close</button>
1396		</p>
1397	</div>
1398</div>
1399
1400</script>
vendor: 1 bytes, line 1400
1400
1401<script type="text/template" id="oualerts-active-warning">
1402<div id="oualerts-active-alert-display" class="oualerts-notify oualerts-notify-warning oualerts-top ouAlertsFadeInDown oualerts-animated-fast" role="alert">
1403	<div class="oualerts-notify-body">
1404		{% if (o.showDate) { %}
1405		<div class="oualerts-notify-date">{%=ouEmergencyAlerts.alertDateFormat("F d, Y h:i A",o.pubDate)%}</div>
1406		{% } %}
1407		<h3 class="oualerts-notify-title">
1408			
1409						<svg class="oualerts-notify-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 273 273"><path fill-rule="evenodd" d="M273 136.5c0 75.387-61.113 136.5-136.5 136.5C61.1131 273 0 211.887 0 136.5 0 61.1131 61.1131 0 136.5 0 211.887 0 273 61.1131 273 136.5zM123 58v105h27V58h-27zm0 157v-26.5h27V215h-27z" clip-rule="evenodd"/></svg>
1410					
1411			{%=o.title%}
1412		</h3>
1413		{% if (o.subtitle) { %}
1414		<p class="oualerts-notify-subtitle"><strong>{%=o.subtitle %}</strong></p>
1415		{% } %}
1416		{% if (o.description) { %}
1417		<p class="oualerts-notify-msg">{%=o.description %}
1418			{% } %}
1419			{% if (o.guid) { %}
1420			<br>
1421			<a href="{%=o.guid %}" class="oualerts-notify-link">#000000</a>
1422			{% } %}
1423			{% if (o.description) { %}
1424		</p>
1425		{% } %}
1426		<p class="oualerts-notify-footer">
1427			<button class="oualerts-close-button" id="oualerts-close-button">Close</button>
1428		</p>
1429	</div>
1430</div>
1431
1432</script>
vendor: 1 bytes, line 1432
1432
1433<script type="text/template" id="oualerts-active-emergency">
1434<div id="oualerts-active-alert-display" class="oualerts-notify oualerts-notify-emergency oualerts-top ouAlertsFadeInDown oualerts-animated-fast" role="alert">
1435	<div class="oualerts-notify-body">
1436		{% if (o.showDate) { %}
1437		<div class="oualerts-notify-date">{%=ouEmergencyAlerts.alertDateFormat("F d, Y h:i A",o.pubDate)%}</div>
1438		{% } %}
1439		<h3 class="oualerts-notify-title">
1440			
1441						<svg class="oualerts-notify-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 298 273"><path fill-rule="evenodd" d="M137.626 7.553c4.947-8.9403 17.801-8.9403 22.748 0l135.948 245.652c4.795 8.665-1.471 19.295-11.374 19.295H13.0524c-9.903 0-16.1695-10.63-11.3744-19.295L137.626 7.553zM136.5 85v100h25V85h-25zm0 149.5v-24h25v24h-25z" clip-rule="evenodd"/></svg>
1442					
1443			{%=o.title%}
1444		</h3>
1445		{% if (o.subtitle) { %}
1446		<p class="oualerts-notify-subtitle"><strong>{%=o.subtitle %}</strong></p>
1447		{% } %}
1448		{% if (o.description) { %}
1449		<p class="oualerts-notify-msg">{%=o.description %}
1450			{% } %}
1451			{% if (o.guid) { %}
1452			<br>
1453			<a href="{%=o.guid %}" class="oualerts-notify-link">Read More...</a>
1454			{% } %}
1455			{% if (o.description) { %}
1456		</p>
1457		{% } %}
1458		<p class="oualerts-notify-footer">
1459			<button class="oualerts-close-button" id="oualerts-close-button">Close</button>
1460		</p>
1461	</div>
1462</div>
1463
1464</script>
vendor: 1 bytes, line 1464
1464
1465<script type="text/template" id="oualerts-archived-template">
1466{% if (o[0].htmlHeading) { %}
1467<h2 class="oualerts-archive-main-heading">{%=o[0].htmlHeading %}</h2>
1468{% } %}
1469<ul class="oualerts-achive-list">
1470	{% for (var i=0; o.length > i; i++) { %}
1471	<li class="oualerts-achive-list-item oualerts-archive-type-{%=o[i].severity%}">
1472		<div class="oualerts-achive-list-item-inner">
1473			<h3 class="oualerts-archive-title">{%=o[i].title%}</h3>
1474			<div class="oualerts-archive-date">{%=ouEmergencyAlerts.alertDateFormat("F d, Y h:i A",o[i].pubDate)%}</div>
1475			{% if (o[i].subtitle) { %}
1476			<p class="oualerts-archive-subtitle"><strong>{%=o[i].subtitle %}</strong></p>
1477			{% } %}
1478			{% if (o[i].description) { %}
1479			<p class="oualerts-archive-msg">{%=o[i].description %}
1480				{% } %}
1481				{% if (o[i].guid) { %}
1482				<a href="{%=o[i].guid %}" class="oualerts-archive-link">{%=ouEmergencyAlerts[o[i].severity + "Archive"].readMoreText%}</a>
1483				{% } %}
1484				{% if (o[i].description) { %}
1485			</p>
1486			{% } %}
1487			{% if (o[i].updates) { %}
1488			<h4 class="oualerts-archive-list-update-header">{%=ouEmergencyAlerts[o[i].severity + "Archive"].updateText %}</h4>
1489			<ul class="oualerts-achive-list-update">
1490				{% for (var k=0; o[i].updates.length > k; k++) { %}
1491				<li class="oualerts-achive-list-item-update">
1492					<div class="oualerts-achive-list-item-update-inner">
1493						<h5 class="oualerts-archive-title-update">{%=o[i].updates[k].title%}</h5>
1494						<div class="oualerts-archive-date-update">{%=ouEmergencyAlerts.alertDateFormat("F d, Y h:i A",o[i].updates[k].pubDate)%}</div>
1495						{% if (o[i].updates[k].subtitle) { %}
1496						<p class="oualerts-archive-subtitle-update"><strong>{%=o[i].updates[k].subtitle %}</strong></p>
1497						{% } %}
1498						{% if (o[i].updates[k].description) { %}
1499						<p class="oualerts-archive-msg-update">{%=o[i].updates[k].description %}
1500							{% } %}
1501							{% if (o[i].updates[k].guid) { %}
1502							<a href="{%=o[i].updates[k].guid %}" class="oualerts-archive-link-update">{%=ouEmergencyAlerts[o[i].severity + "Archive"].readMoreText%}</a>
1503							{% } %}
1504							{% if (o[i].updates[k].description) { %}
1505						</p>
1506						{% } %}
1507					</div>
1508				</li>
1509				{% } %}
1510			</ul>
1511			{% } %}
1512		</div>
1513	</li>
1514	{% } %}
1515</ul>
1516</script>
vendor: 1 bytes, line 1516
1516
1517<script>
1518            function ouEncodingLinkReady(fn) {
1519			  if (document.readyState !== "loading"){
1520			    fn();
1521			  }
1522			  else if (document.addEventListener) {
1523			    document.addEventListener("DOMContentLoaded", fn);
1524			  }
1525			  else {
1526			    document.attachEvent("onreadystatechange", function() {
1527			      if (document.readyState !== "loading") {
1528			        fn();
1529			      }
1530			    });
1531			  }
1532			}
1533			function ouEncodingLinkFunction() {
1534			    var items = document.querySelectorAll("a[data-values-do-something='true']");
1535			    var i;
1536			    var valueOne;
1537			    var valueTwo;
1538			    var valueThree;
1539			    var valueFour;
1540			    var valueFive;
1541			    var valueSix;
1542			    var final;
1543			    var text;
1544			    for (i = 0; i < items.length; i += 1) {
1545			        valueOne = decodeURIComponent(items[i].getAttribute("data-values-rep-one").split("").reverse().join(""));
1546			        valueTwo = decodeURIComponent(items[i].getAttribute("data-values-rep-two").split("").reverse().join(""));
1547			        valueThree = decodeURIComponent(items[i].getAttribute("data-values-rep-three").split("").reverse().join(""));
1548			        valueFour = decodeURIComponent(items[i].getAttribute("data-values-rep-four").split("").reverse().join(""));
1549			        valueFive = items[i].getAttribute("data-values-rep-five");
1550			        valueSix = decodeURIComponent(items[i].getAttribute("data-values-rep-six").split("").reverse().join(""));
1551
1552			        final = items[i].getAttribute("href").replace(valueFour, valueThree).replace(valueTwo, valueFive).replace(valueOne, valueSix);
1553			        text = decodeURIComponent(items[i].innerHTML.replace(valueFour, valueThree).replace(valueTwo, valueFive).replace(valueOne, valueSix));
1554
1555			        items[i].setAttribute("href", final);
1556			        items[i].innerHTML = text;
1557			    }
1558			}
1559			ouEncodingLinkReady(ouEncodingLinkFunction());
1560        </script>
1560<script>
1561			ouEncodingLinkReady(addCollegeHeaderClass());
1562			function addCollegeHeaderClass() {
1563				var collegeHeader = document.getElementsByTagName("header")[0];
1564				collegeHeader.classList.add("header--alt");
1565			}
1566			
1567			// Move sidebar contact information to bottom of the page if on mobile
1568			const elementToMove = document.querySelector('.side-contact');
1569			if (typeof elementToMove !== 'undefined') {
1570				// Create a condition that targets viewports at least 1024px wide
1571				const mediaQuery = window.matchMedia('(max-width: 1024px)')
1572				function moveContactSidebar(e) {
1573				  // Check if the media query is true
1574				  if (e.matches) {
1575					const newParentElement = document.querySelector('.ufw-container');
1576					newParentElement.appendChild(elementToMove);
1577				  }
1578				}
1579
1580				// Register event listener
1581				mediaQuery.addListener(moveContactSidebar);
1582
1583				// Initial check
1584				moveContactSidebar(mediaQuery);
1585			}
1586		</script>
1586<!-- ouc:info uuid="affe6a4e-d9b6-4a6f-aa18-45ea9b6ac985"/ --></body>
1587</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.