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'?'&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">×</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 & 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">×</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 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">© 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&account=usm&site=www&action=de&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.