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>University of Houston-Downtown</title> 6 <link rel="canonical" href="https://www.uhd.edu/index.html"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 <meta name="Description" content="Determined. Dedicated. Downtown. Houston's only downtown university with the lowest tuition rate of any public university in Houston. 53 degrees offered; online, downtown or NW Houston."> 9 <meta name="Keywords" content="university of houston-downtown, UHD, downtown, houston, gators, public university, texas, uhd.edu, best, excellent"> 10 <meta property="og:url" content="https://www.uhd.edu/index.html"> 11 <meta property="og:type" content="website"> 12 <meta property="og:title" content="University of Houston-Downtown"> 13 <meta property="og:description" content="Determined. Dedicated. Downtown. Houston's only downtown university with the lowest tuition rate of any public university in Houston. 53 degrees offered; online, downtown or NW Houston."> 14 <meta property="og:image" content="https://www.uhd.edu/images/template/social-sharing-1200x630.jpg"> 15 <meta name="twitter:card" content="summary_large_image"> 16 <meta name="twitter:domain" content="uhd.edu"> 17 <meta name="twitter:url" content="https://www.uhd.edu/index.html"> 18 <meta name="twitter:title" content="University of Houston-Downtown"> 19 <meta name="twitter:description" content="Determined. Dedicated. Downtown. Houston's only downtown university with the lowest tuition rate of any public university in Houston. 53 degrees offered; online, downtown or NW Houston."> 20 <meta name="twitter:image" content="https://www.uhd.edu/images/template/social-sharing-1200x630.jpg"> 21 22<!-- this is the headcode include --> 23<!-- Google Tag Manager -->
24<script>
vendor: 327 bytes, lines 24-28
24(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 25new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 26j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 27'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 28})(window,document,'script','dataLayer','
28GTM-W5ZBQNC7
vendor: 3 bytes, line 28
28');
28</script>
28 29<!-- End Google Tag Manager --> 30 31<link rel="icon" type="image/x-icon" href="/_resources/img/favicon.ico"> 32<link rel="preconnect" href="https://fonts.googleapis.com"> 33<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 34<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 35<link rel="stylesheet" href="/_resources/css/uhd-styles-min.css" /> <!-- uhd-styles-min.css --> 36<link rel="stylesheet" href="/_resources/css/uhd-components.css" /> <!-- uhd-components.css - Prototype Version (Deprecating) --> 37<link rel="stylesheet" href="/_resources/css/web-components.css" /> <!-- web-components.css - Production Version -->
38<script src="/_resources/js/uhd-scripts-min.js"></script>
38 <!-- uhd-scripts-min.js --> 39<!-- Insert google analytics here --> 40 41 <style> 42 43/* component_prototype */ 44#maincontent > .container-fluid > .row > * { 45 padding: 0; 46} 47 48.uhdc-hero-bottom-panel { 49 position: relative; 50 min-height: 650px; 51 overflow: hidden; 52 background: #092e6e; 53} 54.uhdc-hero-bottom-panel a { 55 text-decoration: none; 56} 57.uhdc-hero-bottom-panel-image { 58 display: block; 59 width: 100%; 60 height: 800px; 61 -o-object-fit: cover; 62 object-fit: cover; 63 -o-object-position: 80%; 64 object-position: 80%; 65} 66.uhdc-hero-bottom-panel-inner { 67 position: absolute; 68 inset: 0; 69 display: flex; 70 align-items: flex-end; 71 justify-content: center; 72 max-width: 100%; 73 padding: 0; 74} 75.uhdc-hero-bottom-panel-content { 76 width: 100%; 77 padding: var(--uhd-space-7) calc(var(--uhd-space-base) * 3.5) var(--uhd-space-6); 78 text-align: center; 79 background: rgba(9, 46, 110, 0.9); 80} 81.uhdc-hero-bottom-panel-content h1 { 82 margin: 0 0 calc(var(--uhd-space-base) * 5.5); 83 color: var(--uhd-theme-text-alt); 84 font-size: var(--uhd-font-6); 85 line-height: 0.96; 86 font-weight: 800; 87 text-transform: uppercase; 88} 89.uhdc-hero-bottom-panel-accent { 90 position: relative; 91 display: inline-block; 92 padding-bottom: 0.75rem; 93 font-family: "IBM Plex Serif", serif; 94 font-weight: 500; 95 font-style: italic; 96} 97.uhdc-hero-bottom-panel-accent::after { 98 content: ""; 99 position: absolute; 100 left: 50%; 101 bottom: 0; 102 width: 8.5rem; 103 aspect-ratio: 139/6; 104 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 6' fill='none'%3E%3Cpath d='M1.5 3.9C11.6 3.25 21.8 2.95 31.95 2.7C42.1 2.45 52.2 2.35 62.3 2.25C72.55 2.15 82.7 2.1 92.85 2.05C101.15 2 109.4 2 117.65 2C123.75 2 129.85 2.05 136 2.15' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 105 background-repeat: no-repeat; 106 background-position: center; 107 background-size: contain; 108 transform: translateX(-50%); 109} 110.uhdc-hero-bottom-panel-cta-group { 111 display: grid; 112 gap: var(--uhd-space-4); 113} 114.uhdc-hero-bottom-panel .button { 115 display: inline-flex; 116 align-items: center; 117 justify-content: center; 118 width: 100%; 119 max-width: 14rem; 120 min-width: 0; 121 min-height: var(--uhd-space-10); 122 margin: 0 auto; 123 padding: var(--uhd-space-3) var(--uhd-space-4); 124 border: 0.125rem solid transparent; 125 border-radius: var(--uhd-rounded-btn-cta); 126 font-size: var(--uhd-font-1); 127 font-weight: 700; 128 transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; 129} 130.uhdc-hero-bottom-panel .button:hover { 131 transform: translateY(-1px); 132} 133.uhdc-hero-bottom-panel .button:focus-visible { 134 transform: translateY(-1px); 135 outline: 0.125rem solid rgba(255, 255, 255, 0.5); 136 outline-offset: 0.125rem; 137} 138.uhdc-hero-bottom-panel .button-light { 139 color: var(--uhd-theme-step-1); 140 background: var(--uhd-theme-step-7); 141 border-color: var(--uhd-theme-step-7); 142 box-shadow: 0 0.75rem 1.75rem rgba(9, 46, 110, 0.14); 143} 144.uhdc-hero-bottom-panel .button-light:hover, .uhdc-hero-bottom-panel .button-light:focus-visible { 145 color: var(--uhd-theme-text-alt); 146 background: rgba(9, 46, 110, 0.18); 147 border-color: rgba(255, 255, 255, 0.92); 148 box-shadow: 0 0.875rem 2rem rgba(9, 46, 110, 0.2); 149} 150.uhdc-hero-bottom-panel .button-accent { 151 color: var(--uhd-theme-text-alt); 152 background: #c60e3b; 153 border-color: #c60e3b; 154} 155.uhdc-hero-bottom-panel .button-accent:hover, .uhdc-hero-bottom-panel .button-accent:focus-visible { 156 color: #c60e3b; 157 background: var(--uhd-theme-step-7); 158 border-color: var(--uhd-theme-step-7); 159 box-shadow: 0 0.875rem 2rem rgba(198, 14, 59, 0.16); 160} 161@media (min-width: 576px) { 162 .uhdc-hero-bottom-panel-inner { 163 max-width: 100%; 164 } 165} 166@media (min-width: 768px) { 167 .uhdc-hero-bottom-panel { 168 min-height: 700px; 169 } 170 .uhdc-hero-bottom-panel-image { 171 height: 700px; 172 -o-object-position: center right; 173 object-position: center right; 174 } 175 .uhdc-hero-bottom-panel-inner { 176 padding-bottom: 36px; 177 } 178 .uhdc-hero-bottom-panel-content { 179 max-width: 760px; 180 padding: var(--uhd-space-7) var(--uhd-space-6) var(--uhd-space-6); 181 border-radius: var(--uhd-rounded-container); 182 background: rgba(9, 46, 110, 0.78); 183 backdrop-filter: blur(8px); 184 box-shadow: 0 18px 42px rgba(9, 46, 110, 0.12); 185 } 186 .uhdc-hero-bottom-panel-content h1 { 187 font-size: var(--uhd-font-7); 188 } 189 .uhdc-hero-bottom-panel-accent::after { 190 width: 10rem; 191 } 192 .uhdc-hero-bottom-panel-cta-group { 193 grid-template-columns: repeat(3, minmax(0, 1fr)); 194 max-width: 50rem; 195 margin: 0 auto; 196 } 197 .uhdc-hero-bottom-panel .button { 198 max-width: none; 199 margin: 0; 200 } 201} 202@media (min-width: 992px) { 203 .uhdc-hero-bottom-panel { 204 min-height: 760px; 205 } 206 .uhdc-hero-bottom-panel-image { 207 height: 760px; 208 -o-object-position: center 24%; 209 object-position: center 24%; 210 } 211 .uhdc-hero-bottom-panel-inner { 212 padding-bottom: 56px; 213 } 214 .uhdc-hero-bottom-panel-content { 215 max-width: 860px; 216 padding: var(--uhd-space-8) calc(var(--uhd-space-base) * 7.5) var(--uhd-space-7); 217 } 218} 219@media (min-width: 1200px) { 220 .uhdc-hero-bottom-panel { 221 min-height: 780px; 222 } 223 .uhdc-hero-bottom-panel-image { 224 height: 800px; 225 -o-object-position: center 22%; 226 object-position: center 22%; 227 } 228 .uhdc-hero-bottom-panel-content { 229 max-width: 920px; 230 padding: calc(var(--uhd-space-base) * 8.5) var(--uhd-space-8) calc(var(--uhd-space-base) * 7.5); 231 } 232} 233 234.uhdc-callout-split-feature-watermark { 235 position: relative; 236 isolation: isolate; 237 overflow: clip; 238} 239.uhdc-callout-split-feature-watermark::before { 240 content: ""; 241 position: absolute; 242 inset: 0; 243 z-index: -1; 244 background-image: url("https://www.uhd.edu/images/homepage/_new/gator-watermark.svg"); 245 background-position: center center; 246 background-repeat: no-repeat; 247 background-size: 150% auto; 248 background-attachment: scroll; 249 opacity: 0.05; 250} 251@media (min-width: 768px) { 252 .uhdc-callout-split-feature-watermark::before { 253 background-position: center center; 254 background-size: 95% auto; 255 } 256} 257@media (min-width: 992px) { 258 .uhdc-callout-split-feature-watermark::before { 259 background-position: left -8rem center; 260 background-size: 85% auto; 261 } 262} 263 264.uhdc-callout-split-feature { 265 position: relative; 266 padding: var(--uhd-space-14) 0; 267 isolation: isolate; 268 overflow: clip; 269} 270.uhdc-callout-split-feature-shell { 271 box-sizing: border-box; 272 width: 100%; 273 max-width: 82.5rem; 274 margin-inline: auto; 275 padding-inline: var(--uhd-space-4); 276} 277.uhdc-callout-split-feature .section-title { 278 margin: 0; 279 font-size: var(--uhd-font-4); 280 line-height: 1.05; 281 font-weight: 900; 282 color: var(--uhd-theme-step-1); 283} 284.uhdc-callout-split-feature .section-title::after {
285 content: ""; 286 display: block; 287 width: var(--uhd-space-14); 288 height: var(--uhd-space-1); 289 margin-top: var(--uhd-space-6); 290 margin-bottom: var(--uhd-space-6); 291 border-radius: 999px; 292 background: #c60e3b; 293} 294.uhdc-callout-split-feature-content p:last-of-type { 295 margin: 0; 296 font-size: var(--uhd-font-2); 297 color: var(--uhd-theme-step-3); 298 line-height: 1.7; 299} 300.uhdc-callout-split-feature-layout { 301 display: flex; 302 flex-direction: column; 303} 304.uhdc-callout-split-feature-body { 305 order: 2; 306 margin-top: var(--uhd-space-6); 307} 308.uhdc-callout-split-feature-media { 309 order: 1; 310} 311.uhdc-callout-split-feature .button { 312 display: inline-flex; 313 align-items: center; 314 justify-content: center; 315 min-width: 140px; 316 min-height: var(--uhd-space-11); 317 padding: var(--uhd-space-3) var(--uhd-space-5); 318 margin: var(--uhd-space-6) 0 0; 319 border: 0.125rem solid var(--uhd-theme-step-1); 320 border-radius: var(--uhd-rounded-btn-cta); 321 font-size: var(--uhd-font-1); 322 font-weight: 700; 323 text-decoration: none; 324 transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; 325} 326.uhdc-callout-split-feature .button:hover { 327 transform: translateY(-1px); 328} 329.uhdc-callout-split-feature .button:focus-visible { 330 transform: translateY(-1px); 331 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 332 outline-offset: 0.125rem; 333} 334.uhdc-callout-split-feature .button-primary { 335 color: var(--uhd-theme-text-alt); 336 background: var(--uhd-theme-step-1); 337 box-shadow: 0 10px 24px rgba(9, 46, 110, 0.1); 338} 339.uhdc-callout-split-feature .button-primary:hover, .uhdc-callout-split-feature .button-primary:focus-visible { 340 color: var(--uhd-theme-step-1); 341 background: var(--uhd-theme-step-7); 342 border-color: var(--uhd-theme-step-1); 343 box-shadow: 0 12px 28px rgba(9, 46, 110, 0.14); 344} 345.uhdc-callout-split-feature .media-frame { 346 display: flex; 347 align-items: center; 348 justify-content: center; 349 overflow: hidden; 350 box-shadow: 0 10px 24px rgba(9, 46, 110, 0.1); 351} 352.uhdc-callout-split-feature .media-frame img { 353 height: 100%; 354 width: auto; 355 max-width: none; 356 display: block; 357} 358.uhdc-callout-split-feature .media-frame-wide { 359 aspect-ratio: 3/2; 360} 361.uhdc-callout-split-feature-img { 362 margin: 0; 363} 364@media (min-width: 768px) { 365 .uhdc-callout-split-feature { 366 padding: var(--uhd-space-16) 0; 367 } 368 .uhdc-callout-split-feature-shell { 369 padding-inline: var(--uhd-space-6); 370 } 371 .uhdc-callout-split-feature-layout { 372 display: flex; 373 flex-direction: row; 374 align-items: center; 375 gap: var(--uhd-space-8); 376 } 377 .uhdc-callout-split-feature-body, .uhdc-callout-split-feature-media { 378 flex: 0 0 auto; 379 min-width: 0; 380 } 381 .uhdc-callout-split-feature-body { 382 margin-top: 0; 383 } 384 .uhdc-callout-split-feature-img, .uhdc-callout-split-feature .media-frame { 385 width: 100%; 386 max-height: 650px; 387 } 388 .uhdc-callout-split-feature.theme-layout-ltr .uhdc-callout-split-feature-media .media-frame { 389 justify-content: flex-start; 390 } 391 .uhdc-callout-split-feature.theme-layout-ltr .uhdc-callout-split-feature-body { 392 order: 1; 393 width: calc(50% - var(--uhd-space-8) / 2); 394 } 395 .uhdc-callout-split-feature.theme-layout-ltr .uhdc-callout-split-feature-media { 396 order: 2; 397 width: calc(50% + 50vw - 50% - var(--uhd-space-8) / 2); 398 margin-right: calc(50% - 50vw); 399 } 400 .uhdc-callout-split-feature.theme-layout-rtl .uhdc-callout-split-feature-media { 401 order: 1; 402 width: calc(50% + 50vw - 50% - var(--uhd-space-8) / 2); 403 margin-left: calc(50% - 50vw); 404 } 405 .uhdc-callout-split-feature.theme-layout-rtl .uhdc-callout-split-feature-media .media-frame { 406 justify-content: flex-end; 407 } 408 .uhdc-callout-split-feature.theme-layout-rtl .uhdc-callout-split-feature-body { 409 order: 2; 410 width: calc(50% - var(--uhd-space-8) / 2); 411 } 412 .uhdc-callout-split-feature .section-title { 413 font-size: var(--uhd-font-5); 414 } 415} 416@media (min-width: 992px) { 417 .uhdc-callout-split-feature { 418 padding: var(--uhd-space-18) 0; 419 } 420 .uhdc-callout-split-feature-shell { 421 padding-inline: var(--uhd-space-8); 422 } 423 .uhdc-callout-split-feature .section-title { 424 font-size: var(--uhd-font-6); 425 } 426} 427 428.uhdc-feature-pathway-grid { 429 position: relative; 430 padding: var(--uhd-space-14) 0; 431 isolation: isolate; 432 overflow: clip; 433} 434.uhdc-feature-pathway-grid-title, .uhdc-feature-pathway-grid .section-title { 435 margin: 0; 436 font-size: var(--uhd-font-4); 437 line-height: 1.05; 438 font-weight: 900; 439 color: var(--uhd-theme-step-1); 440} 441.uhdc-feature-pathway-grid-title { 442 margin-bottom: var(--uhd-space-7); 443} 444.uhdc-feature-pathway-grid .section-title::after, .uhdc-feature-pathway-grid-title::after {
445 content: ""; 446 display: block; 447 width: var(--uhd-space-14); 448 height: var(--uhd-space-1); 449 margin-top: var(--uhd-space-6); 450 margin-bottom: var(--uhd-space-6); 451 border-radius: 999px; 452 background: #c60e3b; 453} 454.uhdc-feature-pathway-grid-list { 455 row-gap: var(--uhd-space-4); 456} 457.uhdc-feature-pathway-grid-list > [class*=col-] { 458 display: flex; 459} 460.uhdc-feature-pathway-grid-content { 461 text-align: left; 462} 463.uhdc-feature-pathway-grid-content p:last-of-type { 464 margin: 0; 465 font-size: var(--uhd-font-2); 466 line-height: 1.45; 467 color: var(--uhd-theme-step-2); 468} 469.uhdc-feature-pathway-grid-content .button { 470 display: inline-flex; 471 align-items: center; 472 justify-content: center; 473 min-width: 140px; 474 min-height: var(--uhd-space-11); 475 margin-top: var(--uhd-space-6); 476 padding: var(--uhd-space-3) var(--uhd-space-8); 477 border: 0.125rem solid var(--uhd-theme-step-1); 478 border-radius: var(--uhd-rounded-btn-cta); 479 font-size: var(--uhd-font-1); 480 font-weight: 700; 481 text-decoration: none; 482 transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; 483} 484.uhdc-feature-pathway-grid-content .button:hover { 485 transform: translateY(-1px); 486} 487.uhdc-feature-pathway-grid-content .button:focus-visible { 488 transform: translateY(-1px); 489 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 490 outline-offset: 0.125rem; 491} 492.uhdc-feature-pathway-grid-content .button-primary { 493 color: var(--uhd-theme-text-alt); 494 background: var(--uhd-theme-step-1); 495 box-shadow: 0 10px 24px rgba(9, 46, 110, 0.1); 496} 497.uhdc-feature-pathway-grid-content .button-primary:hover, .uhdc-feature-pathway-grid-content .button-primary:focus-visible { 498 color: var(--uhd-theme-step-1); 499 background: var(--uhd-theme-step-7); 500 border-color: var(--uhd-theme-step-1); 501 box-shadow: 0 12px 28px rgba(9, 46, 110, 0.14); 502} 503.uhdc-feature-pathway-grid-item { 504 width: 100%; 505 min-height: 15.75rem; 506 border-radius: var(--uhd-rounded-container); 507 background: rgba(255, 255, 255, 0.96); 508 box-shadow: 0 2px 4px rgba(9, 46, 110, 0.25); 509} 510.uhdc-feature-pathway-grid-item-link { 511 position: relative; 512 display: flex; 513 flex-direction: column; 514 align-items: center; 515 justify-content: flex-start; 516 width: 100%; 517 height: 100%; 518 padding: var(--uhd-space-5) var(--uhd-space-3); 519 border-radius: inherit; 520 color: inherit; 521 text-decoration: none; 522} 523.uhdc-feature-pathway-grid-item-chevron { 524 position: absolute; 525 right: var(--uhd-space-3); 526 bottom: var(--uhd-space-3); 527 display: flex; 528 align-items: center; 529 justify-content: flex-end; 530 width: auto; 531 height: 1.75rem; 532 color: rgba(9, 46, 110, 0.18); 533} 534.uhdc-feature-pathway-grid-item-chevron i { 535 font-size: var(--uhd-font-4); 536 line-height: 1; 537 transform: translateY(-0.125rem); 538} 539.uhdc-feature-pathway-grid-item-link:hover { 540 text-decoration: none; 541} 542.uhdc-feature-pathway-grid-item:hover .uhdc-feature-pathway-grid-item-link { 543 background: var(--uhd-theme-step-1); 544} 545.uhdc-feature-pathway-grid-item:hover .uhdc-feature-pathway-grid-item-chevron { 546 color: #fff; 547} 548.uhdc-feature-pathway-grid-item-link:focus-visible { 549 outline-offset: -0.125rem; 550 text-decoration: none; 551 transform: translateY(-2px); 552} 553.uhdc-feature-pathway-grid-item-link:focus-visible, .uhdc-feature-pathway-grid-item-link:focus-visible:hover { 554 background: var(--uhd-theme-step-1); 555} 556.uhdc-feature-pathway-grid-item-link:focus-visible .uhdc-feature-pathway-grid-item-chevron { 557 background-color: #fff; 558 border: 0.0625rem solid rgba(9, 46, 110, 0.18); 559 border-radius: 0.25rem; 560 box-shadow: 0 0.125rem 0.375rem rgba(9, 46, 110, 0.12); 561} 562.uhdc-feature-pathway-grid-item-icon { 563 position: relative; 564 display: grid; 565 place-items: center; 566 margin-bottom: var(--uhd-space-4); 567 font-size: var(--uhd-icon-3); 568} 569.uhdc-feature-pathway-grid-item-icon img { 570 display: block; 571 width: 5.5rem; 572 height: 5.5rem; 573 margin: auto; 574 -o-object-fit: contain; 575 object-fit: contain; 576} 577.uhdc-feature-pathway-grid-item-icon-default, .uhdc-feature-pathway-grid-item-icon-hover { 578 grid-area: 1/1; 579 transition: opacity 180ms ease; 580} 581.uhdc-feature-pathway-grid-item-icon-hover { 582 opacity: 0; 583} 584.uhdc-feature-pathway-grid-item h3 { 585 margin: 0 0 var(--uhd-space-3); 586 font-size: var(--uhd-font-2); 587 line-height: 1.1; 588 font-weight: 800; 589 text-align: center; 590 color: var(--uhd-theme-step-1); 591 text-decoration-thickness: 0.0625rem; 592 text-underline-offset: 0.12em; 593 width: 80%; 594} 595.uhdc-feature-pathway-grid-item p { 596 margin: 0; 597 font-family: "IBM Plex Serif", serif; 598 font-size: var(--uhd-font-1); 599 line-height: 1.1; 600 font-weight: 500; 601 text-align: center; 602 color: #767676; 603 width: 80%; 604} 605.uhdc-feature-pathway-grid-item:hover h3, .uhdc-feature-pathway-grid-item:hover p, .uhdc-feature-pathway-grid-item-link:focus-visible h3, .uhdc-feature-pathway-grid-item-link:focus-visible p { 606 color: #fff; 607} 608.uhdc-feature-pathway-grid-item:hover .uhdc-feature-pathway-grid-item-icon-default, .uhdc-feature-pathway-grid-item-link:focus-visible .uhdc-feature-pathway-grid-item-icon-default { 609 opacity: 0; 610} 611.uhdc-feature-pathway-grid-item:hover .uhdc-feature-pathway-grid-item-icon-hover, .uhdc-feature-pathway-grid-item-link:focus-visible .uhdc-feature-pathway-grid-item-icon-hover { 612 opacity: 1; 613} 614@media (min-width: 768px) { 615 .uhdc-feature-pathway-grid { 616 padding: var(--uhd-space-16) 0; 617 } 618 .uhdc-feature-pathway-grid-title, .uhdc-feature-pathway-grid .section-title { 619 font-size: var(--uhd-font-5); 620 } 621 .uhdc-feature-pathway-grid-item { 622 height: 100%; 623 min-height: 170px; 624 } 625 .uhdc-feature-pathway-grid-item-link { 626 padding: calc(var(--uhd-space-base) * 6.5) calc(var(--uhd-space-base) * 5.5); 627 } 628 .uhdc-feature-pathway-grid-item-icon { 629 margin-bottom: var(--uhd-space-4); 630 } 631 .uhdc-feature-pathway-grid-item h3 { 632 font-size: var(--uhd-font-2); 633 } 634 .uhdc-feature-pathway-grid-item p { 635 font-size: var(--uhd-font-1); 636 line-height: 1.35; 637 } 638} 639@media (min-width: 992px) { 640 .uhdc-feature-pathway-grid { 641 padding: var(--uhd-space-18) 0; 642 } 643 .uhdc-feature-pathway-grid-title, .uhdc-feature-pathway-grid .section-title { 644 font-size: var(--uhd-font-6); 645 } 646} 647 648.uhdc-highlight-profile-spotlight { 649 position: relative; 650 padding-bottom: var(--uhd-space-10); 651} 652.uhdc-highlight-profile-spotlight h2 { 653 margin: 0; 654 font-size: var(--uhd-font-4); 655 line-height: 1.05; 656 font-weight: 900; 657 color: var(--uhd-theme-step-1); 658} 659.uhdc-highlight-profile-spotlight-image { 660 width: 100%; 661 height: 29rem; 662 -o-object-fit: cover; 663 object-fit: cover; 664 -o-object-position: 68% 24%; 665 object-position: 68% 24%; 666} 667.uhdc-highlight-profile-spotlight.theme-layout-rtl .uhdc-highlight-profile-spotlight-image { 668 -o-object-position: 32% 24%; 669 object-position: 32% 24%; 670} 671.uhdc-highlight-profile-spotlight-inner { 672 position: relative; 673 display: block; 674 padding: 0 var(--uhd-space-4); 675 margin-top: -5.75rem; 676} 677.uhdc-highlight-profile-spotlight-content { 678 position: relative; 679 width: 100%; 680 max-width: 23rem; 681 margin: 0 auto; 682 padding: var(--uhd-space-5) var(--uhd-space-5) calc(var(--uhd-space-5) + 0.5rem); 683 border-radius: var(--uhd-rounded-container) var(--uhd-rounded-container) 0 0; 684 background: rgba(255, 255, 255, 0.94); 685 box-shadow: 0 18px 42px rgba(9, 46, 110, 0.12); 686} 687.uhdc-highlight-profile-spotlight-content::before { 688 content: ""; 689 position: absolute; 690 right: 0; 691 bottom: 0; 692 left: 0; 693 height: 0.375rem; 694 background: #77bc1f; 695} 696.uhdc-highlight-profile-spotlight-caption { 697 margin: 0 0 var(--uhd-space-3); 698 font-family: "IBM Plex Serif", serif; 699 font-weight: 400; 700 text-transform: none; 701 color: #000; 702} 703.uhdc-highlight-profile-spotlight-quote { 704 margin: var(--uhd-space-4) 0 0; 705 font-size: var(--uhd-font-2); 706 line-height: 1.6; 707 color: #000; 708} 709.uhdc-highlight-profile-spotlight-attribution { 710 margin: var(--uhd-space-5) 0 0; 711 font-size: var(--uhd-font-1); 712 line-height: 1.55; 713 font-weight: 700; 714 color: var(--uhd-theme-step-1); 715} 716.uhdc-highlight-profile-spotlight-prompt { 717 margin: var(--uhd-space-5) 0 var(--uhd-space-4); 718 font-family: "IBM Plex Serif", serif; 719 font-size: var(--uhd-font-2); 720 line-height: 1.55; 721 font-weight: 700; 722 color: #000; 723} 724.uhdc-highlight-profile-spotlight .button { 725 display: inline-flex; 726 align-items: center; 727 justify-content: center; 728 min-width: 140px; 729 min-height: var(--uhd-space-11); 730 padding: var(--uhd-space-3) var(--uhd-space-5); 731 border: 0.125rem solid var(--uhd-theme-step-1); 732 border-radius: var(--uhd-rounded-btn-cta); 733 font-size: var(--uhd-font-1); 734 font-weight: 700; 735 text-decoration: none; 736 transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; 737} 738.uhdc-highlight-profile-spotlight .button:hover { 739 transform: translateY(-1px); 740} 741.uhdc-highlight-profile-spotlight .button:focus-visible { 742 transform: translateY(-1px); 743 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 744 outline-offset: 0.125rem; 745} 746.uhdc-highlight-profile-spotlight .button-primary { 747 color: var(--uhd-theme-text-alt); 748 background: var(--uhd-theme-step-1); 749 box-shadow: 0 10px 24px rgba(9, 46, 110, 0.1); 750} 751.uhdc-highlight-profile-spotlight .button-primary:hover, .uhdc-highlight-profile-spotlight .button-primary:focus-visible { 752 color: var(--uhd-theme-step-1); 753 background: var(--uhd-theme-step-7); 754 border-color: var(--uhd-theme-step-1); 755 box-shadow: 0 12px 28px rgba(9, 46, 110, 0.14); 756} 757@media (min-width: 768px) { 758 .uhdc-highlight-profile-spotlight { 759 min-height: 920px; 760 padding-bottom: 0; 761 } 762 .uhdc-highlight-profile-spotlight h2 { 763 font-size: var(--uhd-font-4); 764 } 765 .uhdc-highlight-profile-spotlight-image { 766 height: 920px; 767 -o-object-position: center 20%; 768 object-position: center 20%; 769 } 770 .uhdc-highlight-profile-spotlight.theme-layout-rtl .uhdc-highlight-profile-spotlight-image { 771 -o-object-position: center 20%; 772 object-position: center 20%; 773 } 774 .uhdc-highlight-profile-spotlight-inner { 775 position: absolute; 776 inset: 0; 777 display: flex; 778 align-items: center; 779 justify-content: center; 780 padding: 0 var(--uhd-space-5) 2.25rem; 781 margin-top: 0; 782 margin-left: 1.5rem; 783 } 784 .uhdc-highlight-profile-spotlight-content { 785 max-width: 500px; 786 margin: 0; 787 padding: var(--uhd-space-7) calc(var(--uhd-space-base) * 6.5) calc(var(--uhd-space-7) + 0.625rem); 788 border-radius: 0 var(--uhd-rounded-container) var(--uhd-rounded-container) 0; 789 } 790 .uhdc-highlight-profile-spotlight-content::before { 791 top: 0; 792 right: auto; 793 bottom: 0; 794 left: 0; 795 width: 0.5rem; 796 height: auto; 797 } 798 .uhdc-highlight-profile-spotlight.theme-layout-ltr .uhdc-highlight-profile-spotlight-inner { 799 justify-content: flex-start; 800 } 801 .uhdc-highlight-profile-spotlight.theme-layout-rtl .uhdc-highlight-profile-spotlight-inner { 802 justify-content: flex-end; 803 } 804} 805@media (min-width: 992px) { 806 .uhdc-highlight-profile-spotlight { 807 min-height: 720px; 808 } 809 .uhdc-highlight-profile-spotlight-image { 810 height: 720px; 811 -o-object-position: center 24%; 812 object-position: center 24%; 813 } 814 .uhdc-highlight-profile-spotlight.theme-layout-rtl .uhdc-highlight-profile-spotlight-image { 815 -o-object-position: center 24%; 816 object-position: center 24%; 817 } 818 .uhdc-highlight-profile-spotlight-inner { 819 padding-bottom: 0; 820 margin-left: auto; 821 } 822 .uhdc-highlight-profile-spotlight-content { 823 padding: var(--uhd-space-8); 824 } 825} 826 827.uhdc-highlight-metrics-cluster { 828 position: relative; 829 padding-top: var(--uhd-space-16); 830 padding-bottom: var(--uhd-space-18); 831 isolation: isolate; 832 overflow: clip; 833} 834.uhdc-highlight-metrics-cluster::before { 835 content: ""; 836 position: absolute; 837 inset: 0; 838 z-index: -1; 839 background-image: url("https://www.uhd.edu/images/homepage/_new/president-seal-watermark.svg"); 840 background-position: center center; 841 background-repeat: no-repeat; 842 background-size: 210% auto; 843 background-attachment: scroll; 844 opacity: 0.05; 845} 846.uhdc-highlight-metrics-cluster .section-heading { 847 margin-bottom: var(--uhd-space-7); 848 text-align: left; 849} 850.uhdc-highlight-metrics-cluster .section-heading h2 { 851 margin: 0; 852 font-size: var(--uhd-font-4); 853 line-height: 1.05; 854 font-weight: 900; 855 color: var(--uhd-theme-step-1); 856} 857.uhdc-highlight-metrics-cluster .section-heading::after {
858 content: ""; 859 display: block; 860 width: var(--uhd-space-14); 861 height: var(--uhd-space-1); 862 margin: var(--uhd-space-5) 0 0; 863 border-radius: 999px; 864 background: #c60e3b; 865} 866.uhdc-highlight-metrics-cluster .container { 867 position: relative; 868 z-index: 1; 869} 870.uhdc-highlight-metrics-cluster-featured { 871 margin-bottom: calc(var(--uhd-space-base) * 6); 872} 873.uhdc-highlight-metrics-cluster-list { 874 justify-content: center; 875 row-gap: calc(var(--uhd-space-base) * 5); 876} 877.uhdc-highlight-metrics-cluster-item { 878 position: relative; 879 z-index: 1; 880 min-height: 144px; 881 display: grid; 882 place-items: center; 883 padding: var(--uhd-space-7) var(--uhd-space-6); 884 border: 1px solid rgba(9, 46, 110, 0.18); 885 border-radius: calc(var(--uhd-space-base) * 6.5); 886 text-align: center; 887 background: rgba(255, 255, 255, 0.94); 888 box-shadow: 0 2px 4px rgba(9, 46, 110, 0.25); 889} 890.uhdc-highlight-metrics-cluster-featured-item { 891 width: min(100%, 22rem); 892 min-height: 16.5rem; 893 margin: 0 auto; 894 padding: calc(var(--uhd-space-base) * 6.5) calc(var(--uhd-space-base) * 4.5); 895} 896.uhdc-highlight-metrics-cluster-radial-item { 897 width: min(100%, 11rem); 898 min-height: 0; 899 aspect-ratio: 1/1; 900 margin: 0 auto; 901 padding: var(--uhd-space-9) var(--uhd-space-6); 902 border-radius: 50%; 903} 904.uhdc-highlight-metrics-cluster-icon { 905 display: flex; 906 align-items: center; 907 justify-content: center; 908 margin-bottom: calc(var(--uhd-space-base) * 4); 909 font-size: 2rem; 910} 911.uhdc-highlight-metrics-cluster-icon img { 912 display: block; 913 width: clamp(5.5rem, 21vw, 6.5rem); 914 height: auto; 915 -o-object-fit: contain; 916 object-fit: contain; 917} 918.uhdc-highlight-metrics-cluster-headline { 919 display: flex; 920 flex-wrap: wrap; 921 align-items: baseline; 922 justify-content: center; 923 -moz-column-gap: calc(var(--uhd-space-base) * 1.5); 924 column-gap: calc(var(--uhd-space-base) * 1.5); 925 row-gap: calc(var(--uhd-space-base) * 1.5); 926 margin-bottom: calc(var(--uhd-space-base) * 3); 927} 928.uhdc-highlight-metrics-cluster-value { 929 margin: 0; 930 font-size: var(--uhd-font-6); 931 line-height: 1; 932 font-weight: 800; 933 color: #092e6e; 934} 935.uhdc-highlight-metrics-cluster-radial-item .uhdc-highlight-metrics-cluster-value { 936 margin-bottom: calc(var(--uhd-space-base) * 1.5); 937 font-size: var(--uhd-font-5); 938} 939.uhdc-highlight-metrics-cluster-lead, .uhdc-highlight-metrics-cluster-detail { 940 margin: 0; 941 color: #092e6e; 942} 943.uhdc-highlight-metrics-cluster-lead { 944 font-size: var(--uhd-font-3); 945 line-height: 1; 946 font-weight: 700; 947} 948.uhdc-highlight-metrics-cluster-detail { 949 font-size: var(--uhd-font-2); 950 line-height: 1.15; 951 font-family: "IBM Plex Serif", serif; 952 font-weight: 500; 953} 954.uhdc-highlight-metrics-cluster-item p { 955 margin: 0; 956 line-height: 1.55; 957} 958.uhdc-highlight-metrics-cluster-radial-item p { 959 max-width: 8ch; 960 font-size: var(--uhd-font-2); 961 line-height: 1.05; 962 font-family: "IBM Plex Serif", serif; 963 font-weight: 500; 964 transform: translateY(-0.375rem); 965} 966@media (min-width: 768px) { 967 .uhdc-highlight-metrics-cluster { 968 padding-top: var(--uhd-space-21); 969 padding-bottom: var(--uhd-space-22); 970 } 971 .uhdc-highlight-metrics-cluster::before { 972 background-size: 150% auto; 973 background-attachment: scroll; 974 } 975 .uhdc-highlight-metrics-cluster .section-heading { 976 margin-bottom: var(--uhd-space-8); 977 text-align: center; 978 } 979 .uhdc-highlight-metrics-cluster .section-heading::after { 980 margin: var(--uhd-space-6) auto 0; 981 } 982 .uhdc-highlight-metrics-cluster .section-heading h2 { 983 font-size: var(--uhd-font-5); 984 } 985 .uhdc-highlight-metrics-cluster-featured > [class*=col-] { 986 display: flex; 987 flex: 0 0 auto; 988 } 989 .uhdc-highlight-metrics-cluster-item { 990 box-shadow: 0 10px 24px rgba(9, 46, 110, 0.1); 991 } 992 .uhdc-highlight-metrics-cluster-featured-item { 993 width: 100%; 994 height: 100%; 995 min-height: 240px; 996 align-content: start; 997 padding: var(--uhd-space-7) var(--uhd-space-6); 998 } 999 .uhdc-highlight-metrics-cluster-radial-item { 1000 width: min(100%, 180px); 1001 } 1002 .uhdc-highlight-metrics-cluster-icon img { 1003 width: clamp(3rem, 6vw, 4rem); 1004 } 1005 .uhdc-highlight-metrics-cluster-value { 1006 font-size: var(--uhd-font-7); 1007 } 1008 .uhdc-highlight-metrics-cluster-lead { 1009 font-size: var(--uhd-font-4); 1010 } 1011 .uhdc-highlight-metrics-cluster-detail { 1012 font-size: var(--uhd-font-3); 1013 } 1014} 1015@media (min-width: 768px) and (max-width: 991.98px) { 1016 .uhdc-highlight-metrics-cluster-featured > [class*=col-] { 1017 width: calc(50% - var(--uhd-space-3)); 1018 } 1019} 1020@media (min-width: 992px) { 1021 .uhdc-highlight-metrics-cluster { 1022 padding-top: var(--uhd-space-23); 1023 padding-bottom: var(--uhd-space-24); 1024 } 1025 .uhdc-highlight-metrics-cluster::before { 1026 background-size: 100% auto; 1027 } 1028 .uhdc-highlight-metrics-cluster-featured > [class*=col-] { 1029 width: min(100%, 29rem); 1030 } 1031 .uhdc-highlight-metrics-cluster-radial-item { 1032 width: 100%; 1033 max-width: 180px; 1034 } 1035} 1036 1037.uhdc-listing-story-grid { 1038 padding: var(--uhd-space-14) 0; 1039} 1040.uhdc-listing-story-grid .section-heading { 1041 margin-bottom: var(--uhd-space-8); 1042 text-align: center; 1043} 1044.uhdc-listing-story-grid .section-heading h2 { 1045 margin: 0; 1046 font-size: var(--uhd-font-4); 1047 line-height: 1.05; 1048 font-weight: 900; 1049 color: var(--uhd-theme-step-1); 1050} 1051.uhdc-listing-story-grid .section-heading::after {
1052 content: ""; 1053 display: block; 1054 width: var(--uhd-space-14); 1055 height: var(--uhd-space-1); 1056 margin: var(--uhd-space-6) auto 0; 1057 border-radius: 999px; 1058 background: #c60e3b; 1059} 1060.uhdc-listing-story-grid-list { 1061 display: grid; 1062 gap: var(--uhd-space-6); 1063} 1064.uhdc-listing-story-grid-item { 1065 width: 100%; 1066 height: 100%; 1067} 1068.uhdc-listing-story-grid-item figure { 1069 margin: 0; 1070} 1071.uhdc-listing-story-grid-item-link { 1072 display: grid; 1073 grid-template-columns: 1fr; 1074 align-items: start; 1075 gap: var(--uhd-space-4); 1076 width: 100%; 1077 height: 100%; 1078 color: inherit; 1079 text-decoration: none; 1080 transition: box-shadow 180ms ease; 1081} 1082.uhdc-listing-story-grid-item-link > * { 1083 min-width: 0; 1084} 1085.uhdc-listing-story-grid-item-link:hover { 1086 text-decoration: none; 1087 box-shadow: 0 2px 4px rgba(9, 46, 110, 0.25); 1088} 1089.uhdc-listing-story-grid-item-link:hover .uhdc-listing-story-grid-item-body > p:not(.uhdc-listing-story-grid-item-kicker) { 1090 color: #212529; 1091} 1092.uhdc-listing-story-grid-item-link:focus-visible { 1093 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 1094 outline-offset: 0.125rem; 1095 text-decoration: none; 1096 box-shadow: 0 2px 4px rgba(9, 46, 110, 0.25); 1097} 1098.uhdc-listing-story-grid .media-frame { 1099 overflow: hidden; 1100 background: transparent; 1101 line-height: 0; 1102} 1103.uhdc-listing-story-grid .media-frame img { 1104 display: block; 1105 width: 100%; 1106 height: 100%; 1107 -o-object-fit: cover; 1108 object-fit: cover; 1109} 1110.uhdc-listing-story-grid .media-frame-news { 1111 border-radius: 0; 1112 box-shadow: none; 1113} 1114.uhdc-listing-story-grid .media-frame-news { 1115 aspect-ratio: 16/10; 1116} 1117.uhdc-listing-story-grid-item-body { 1118 display: flex; 1119 flex-direction: column; 1120 align-items: flex-start; 1121 padding: 0 var(--uhd-space-3) var(--uhd-space-3); 1122} 1123.uhdc-listing-story-grid-item-kicker { 1124 margin: 0 0 var(--uhd-space-2); 1125 font-family: "IBM Plex Serif", serif; 1126 font-size: var(--uhd-font-0); 1127 font-weight: 500; 1128 text-transform: uppercase; 1129 color: #000; 1130} 1131.uhdc-listing-story-grid-item-body h3 { 1132 margin: 0 0 var(--uhd-space-3); 1133 font-size: var(--uhd-font-2); 1134 line-height: 1.2; 1135 font-weight: 800; 1136 color: var(--uhd-theme-step-1); 1137} 1138.uhdc-listing-story-grid-item-body p { 1139 margin: 0 0 var(--uhd-space-4); 1140 line-height: 1.55; 1141} 1142.uhdc-listing-story-grid-actions { 1143 margin-top: var(--uhd-space-7); 1144 text-align: left; 1145} 1146.uhdc-listing-story-grid-actions .button { 1147 display: inline-flex; 1148 align-items: center; 1149 justify-content: center; 1150 min-width: 9.5rem; 1151 min-height: var(--uhd-space-11); 1152 padding: var(--uhd-space-3) var(--uhd-space-5); 1153 border: 0.125rem solid var(--uhd-theme-step-1); 1154 border-radius: var(--uhd-rounded-btn-cta); 1155 font-size: var(--uhd-font-1); 1156 font-weight: 700; 1157 text-decoration: none; 1158 transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease; 1159} 1160.uhdc-listing-story-grid-actions .button:hover { 1161 transform: translateY(-1px); 1162} 1163.uhdc-listing-story-grid-actions .button:focus-visible { 1164 transform: translateY(-1px); 1165 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 1166 outline-offset: 0.125rem; 1167} 1168.uhdc-listing-story-grid-actions .button-secondary { 1169 color: var(--uhd-theme-step-1); 1170 background: var(--uhd-theme-step-7); 1171} 1172.uhdc-listing-story-grid-actions .button-secondary:hover, .uhdc-listing-story-grid-actions .button-secondary:focus-visible { 1173 color: var(--uhd-theme-text-alt); 1174 background: var(--uhd-theme-step-1); 1175 border-color: var(--uhd-theme-step-1); 1176 box-shadow: 0 0.75rem 1.75rem rgba(9, 46, 110, 0.14); 1177} 1178@media (min-width: 768px) { 1179 .uhdc-listing-story-grid { 1180 padding: var(--uhd-space-16) 0; 1181 } 1182 .uhdc-listing-story-grid .section-heading h2 { 1183 font-size: var(--uhd-font-5); 1184 } 1185 .uhdc-listing-story-grid-list { 1186 gap: var(--uhd-space-7); 1187 } 1188 .uhdc-listing-story-grid-item { 1189 width: 100%; 1190 } 1191 .uhdc-listing-story-grid-item-link { 1192 grid-template-columns: minmax(11rem, 14rem) minmax(0, 1fr); 1193 gap: var(--uhd-space-5); 1194 align-items: start; 1195 } 1196 .uhdc-listing-story-grid-item figure { 1197 width: 100%; 1198 } 1199 .uhdc-listing-story-grid .media-frame-news { 1200 align-self: start; 1201 aspect-ratio: 1/1; 1202 } 1203 .uhdc-listing-story-grid-item-body { 1204 padding: var(--uhd-space-2) var(--uhd-space-3); 1205 } 1206 .uhdc-listing-story-grid-actions { 1207 text-align: center; 1208 } 1209} 1210@media (min-width: 992px) { 1211 .uhdc-listing-story-grid { 1212 padding: var(--uhd-space-18) 0; 1213 } 1214 .uhdc-listing-story-grid .section-heading h2 { 1215 font-size: var(--uhd-font-6); 1216 } 1217 .uhdc-listing-story-grid-list { 1218 gap: var(--uhd-space-8); 1219 } 1220} 1221@media (min-width: 1280px) { 1222 .uhdc-listing-story-grid-list { 1223 grid-template-columns: repeat(3, minmax(0, 1fr)); 1224 align-items: stretch; 1225 } 1226 .uhdc-listing-story-grid-item-link { 1227 grid-template-columns: 1fr; 1228 grid-template-rows: auto 1fr;
1229 align-content: start; 1230 gap: var(--uhd-space-4); 1231 } 1232 .uhdc-listing-story-grid .media-frame-news { 1233 width: 100%; 1234 align-self: start; 1235 height: auto; 1236 aspect-ratio: 16/10; 1237 } 1238 .uhdc-listing-story-grid-item-body { 1239 justify-content: flex-start; 1240 padding-block: 0; 1241 } 1242} 1243 1244.uhdc-callout-centered-overlay { 1245 position: relative; 1246 margin-top: 26px; 1247 padding: 0; 1248} 1249.uhdc-callout-centered-overlay h2 { 1250 margin: 0; 1251 font-size: var(--uhd-font-4); 1252 line-height: 1.05; 1253 font-weight: 900; 1254 color: var(--uhd-theme-step-1); 1255} 1256.uhdc-callout-centered-overlay-image { 1257 width: 100%; 1258 height: 600px; 1259 -o-object-fit: cover; 1260 object-fit: cover; 1261 -o-object-position: 62% 46%; 1262 object-position: 62% 46%; 1263} 1264.uhdc-callout-centered-overlay-inner { 1265 position: absolute; 1266 inset: 0; 1267 display: flex; 1268 align-items: center; 1269 justify-content: center; 1270} 1271.uhdc-callout-centered-overlay-content { 1272 position: relative; 1273 width: 100%; 1274 max-width: 980px; 1275 padding: var(--uhd-space-7) var(--uhd-space-5); 1276 border-radius: var(--uhd-rounded-container); 1277 text-align: center; 1278 background: #fff; 1279 box-shadow: 0 18px 42px rgba(9, 46, 110, 0.12); 1280} 1281.uhdc-callout-centered-overlay-content h2 { 1282 margin-bottom: calc(var(--uhd-space-base) * 4.5); 1283} 1284.uhdc-callout-centered-overlay-content p { 1285 margin: 0 auto var(--uhd-space-6); 1286 max-width: 45rem; 1287 font-size: var(--uhd-font-2); 1288 color: #000; 1289 line-height: 1.55; 1290} 1291.uhdc-callout-centered-overlay-cta-group { 1292 display: grid; 1293 gap: var(--uhd-space-4); 1294} 1295.uhdc-callout-centered-overlay .button { 1296 display: inline-flex; 1297 align-items: center; 1298 justify-content: center; 1299 width: 100%; 1300 max-width: 13rem; 1301 min-width: 0; 1302 min-height: var(--uhd-space-10); 1303 margin: 0 auto; 1304 padding: var(--uhd-space-3) var(--uhd-space-4); 1305 border: 0.125rem solid transparent; 1306 border-radius: var(--uhd-rounded-btn-cta); 1307 font-size: var(--uhd-font-1); 1308 font-weight: 700; 1309 text-decoration: none; 1310 transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; 1311} 1312.uhdc-callout-centered-overlay .button:hover { 1313 transform: translateY(-1px); 1314} 1315.uhdc-callout-centered-overlay .button:focus-visible { 1316 transform: translateY(-1px); 1317 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 1318 outline-offset: 0.125rem; 1319} 1320.uhdc-callout-centered-overlay .button-primary { 1321 color: var(--uhd-theme-text-alt); 1322 background: var(--uhd-theme-step-1); 1323 border-color: var(--uhd-theme-step-1); 1324 box-shadow: 0 10px 24px rgba(9, 46, 110, 0.1); 1325} 1326.uhdc-callout-centered-overlay .button-primary:hover, .uhdc-callout-centered-overlay .button-primary:focus-visible { 1327 color: var(--uhd-theme-step-1); 1328 background: var(--uhd-theme-step-7); 1329 border-color: var(--uhd-theme-step-1); 1330 box-shadow: 0 12px 28px rgba(9, 46, 110, 0.14); 1331} 1332.uhdc-callout-centered-overlay .button-accent { 1333 color: var(--uhd-theme-text-alt); 1334 background: #c60e3b; 1335 border-color: #c60e3b; 1336} 1337.uhdc-callout-centered-overlay .button-accent:hover, .uhdc-callout-centered-overlay .button-accent:focus-visible { 1338 color: #c60e3b; 1339 background: var(--uhd-theme-step-7); 1340 border-color: var(--uhd-theme-step-7); 1341} 1342@media (min-width: 768px) { 1343 .uhdc-callout-centered-overlay h2 { 1344 font-size: var(--uhd-font-5); 1345 } 1346 .uhdc-callout-centered-overlay-content { 1347 max-width: 900px; 1348 padding: calc(var(--uhd-space-base) * 8.5) var(--uhd-space-7); 1349 } 1350 .uhdc-callout-centered-overlay-cta-group { 1351 grid-template-columns: repeat(3, minmax(0, 1fr)); 1352 max-width: 50rem; 1353 margin: 0 auto; 1354 } 1355 .uhdc-callout-centered-overlay .button { 1356 max-width: none; 1357 margin: 0; 1358 } 1359} 1360@media (min-width: 992px) { 1361 .uhdc-callout-centered-overlay { 1362 padding: 0; 1363 } 1364 .uhdc-callout-centered-overlay h2 { 1365 font-size: var(--uhd-font-6); 1366 } 1367 .uhdc-callout-centered-overlay-content { 1368 max-width: 980px; 1369 padding: calc(var(--uhd-space-base) * 10.5) var(--uhd-space-11); 1370 } 1371 .uhdc-callout-centered-overlay-cta-group { 1372 max-width: 52rem; 1373 } 1374} 1375 1376/* Calendar */ 1377.uhdc-events-calendar { 1378 padding: var(--uhd-space-14) 0; 1379} 1380 1381.uhdc-events-calendar .section-heading { 1382 margin-bottom: var(--uhd-space-7); 1383 text-align: center; 1384} 1385 1386.uhdc-events-calendar .section-heading h2 { 1387 margin: 0; 1388 font-size: var(--uhd-font-4); 1389 line-height: 1.05; 1390 font-weight: 900; 1391 color: var(--uhd-theme-step-1); 1392} 1393 1394.uhdc-events-calendar .section-heading::after { 1395 content: ""; 1396 display: block; 1397 width: var(--uhd-space-14);
1398 height: var(--uhd-space-1); 1399 margin: var(--uhd-space-5) auto 0; 1400 border-radius: 999px; 1401 background: #c60e3b; 1402} 1403 1404.uhdc-events-calendar-list { 1405 display: grid; 1406 gap: var(--uhd-space-4); 1407} 1408 1409.uhdc-events-calendar-item { 1410 display: flex; 1411 min-width: 0; 1412} 1413 1414.uhdc-events-calendar-item:nth-child(n+7) { 1415 display: none; 1416} 1417 1418.uhdc-events-calendar-card { 1419 position: relative; 1420 flex: 1 1 auto; 1421 display: grid; 1422 grid-template-columns: 4.5rem minmax(0, 1fr); 1423 align-items: stretch; 1424 height: 100%; 1425 min-height: 8.875rem; 1426 border: 0.0625rem solid rgba(9, 46, 110, 0.14); 1427 border-radius: 0 1rem 1rem 0; 1428 background: #fff; 1429 box-shadow: 0 0.625rem 1.5rem rgba(9, 46, 110, 0.08); 1430 color: inherit; 1431 text-decoration: none; 1432 overflow: hidden; 1433 transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; 1434} 1435 1436.uhdc-events-calendar-card:hover { 1437 transform: translateY(-0.0625rem); 1438 border-color: rgba(9, 46, 110, 0.22); 1439 box-shadow: 0 0.875rem 1.875rem rgba(9, 46, 110, 0.12); 1440} 1441 1442.uhdc-events-calendar-card:focus-visible { 1443 transform: translateY(-0.0625rem); 1444 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 1445 outline-offset: 0.125rem; 1446} 1447 1448.uhdc-events-calendar-date { 1449 position: relative; 1450 display: grid; 1451 align-content: start; 1452 justify-items: center; 1453 padding: var(--uhd-space-5) var(--uhd-space-0) var(--uhd-space-2); 1454 background: #fff; 1455 font-family: "IBM Plex Serif", serif; 1456 color: var(--uhd-theme-step-1); 1457 text-align: center; 1458 isolation: isolate; 1459 transition: color 220ms ease; 1460} 1461 1462.uhdc-events-calendar-date::before { 1463 content: ""; 1464 position: absolute; 1465 inset: 0; 1466 background: var(--uhd-theme-step-1); 1467 transform: scaleX(0); 1468 transform-origin: left center; 1469 transition: transform 220ms ease; 1470 z-index: -1; 1471} 1472 1473.uhdc-events-calendar-date::after { 1474 content: ""; 1475 position: absolute; 1476 top: 0; 1477 bottom: 0; 1478 left: 0; 1479 width: 5px; 1480 background: #77bc1f; 1481 transition: transform 220ms ease; 1482 z-index: 2; 1483} 1484 1485.uhdc-events-calendar-date>* { 1486 position: relative; 1487 z-index: 1; 1488} 1489 1490.uhdc-events-calendar-date-month { 1491 display: block; 1492 width: 100%; 1493 font-size: var(--uhd-font-1); 1494 line-height: 1; 1495 font-weight: 800; 1496 text-transform: uppercase; 1497} 1498 1499.uhdc-events-calendar-date-day { 1500 display: block; 1501 margin-top: var(--uhd-space-1); 1502 font-size: var(--uhd-font-4); 1503 line-height: 0.95; 1504 font-weight: 800; 1505 width: 100%; 1506} 1507 1508.uhdc-events-calendar-card-body { 1509 position: relative; 1510 display: grid; 1511 align-content: start; 1512 gap: var(--uhd-space-1); 1513 padding: var(--uhd-space-4) var(--uhd-space-4) var(--uhd-space-3) var(--uhd-space-2); 1514 background: #fff; 1515} 1516 1517.uhdc-events-calendar-card-body h3 { 1518 margin: 0; 1519 display: -webkit-box; 1520 font-size: var(--uhd-font-2); 1521 line-height: 1.25; 1522 font-weight: 800; 1523 color: var(--uhd-theme-step-1); 1524 overflow: hidden; 1525 -webkit-box-orient: vertical; 1526 -webkit-line-clamp: 2; 1527} 1528 1529.uhdc-events-calendar-time, 1530.uhdc-events-calendar-meta { 1531 margin: 0; 1532 font-size: var(--uhd-font-1); 1533 line-height: 1.45; 1534 color: #000; 1535} 1536 1537.uhdc-events-calendar-time { 1538 font-weight: 700; 1539} 1540 1541.uhdc-events-calendar-meta { 1542 overflow: hidden; 1543 text-overflow: ellipsis; 1544 white-space: nowrap; 1545} 1546 1547.uhdc-events-calendar-card:hover .uhdc-events-calendar-date, 1548.uhdc-events-calendar-card:focus-visible .uhdc-events-calendar-date { 1549 color: var(--uhd-theme-text-alt); 1550} 1551 1552.uhdc-events-calendar-card:hover .uhdc-events-calendar-date::before, 1553.uhdc-events-calendar-card:focus-visible .uhdc-events-calendar-date::before { 1554 transform: scaleX(1); 1555} 1556 1557.uhdc-events-calendar-card:hover .uhdc-events-calendar-date::after, 1558.uhdc-events-calendar-card:focus-visible .uhdc-events-calendar-date::after { 1559 transform: translateX(calc(4.5rem - 5px)); 1560} 1561 1562.uhdc-events-calendar-actions { 1563 margin-top: var(--uhd-space-6); 1564 text-align: center; 1565} 1566 1567.uhdc-events-calendar-actions .button { 1568 display: inline-flex; 1569 align-items: center; 1570 justify-content: center; 1571 min-width: 11rem; 1572 min-height: var(--uhd-space-10); 1573 padding: var(--uhd-space-3) var(--uhd-space-5); 1574 border: 0.125rem solid var(--uhd-theme-step-1); 1575 border-radius: var(--uhd-rounded-btn-cta); 1576 font-size: var(--uhd-font-1); 1577 font-weight: 700; 1578 text-decoration: none; 1579 transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease; 1580} 1581 1582.uhdc-events-calendar-actions .button:hover { 1583 transform: translateY(-1px); 1584} 1585 1586.uhdc-events-calendar-actions .button:focus-visible { 1587 transform: translateY(-1px); 1588 outline: 0.125rem solid rgba(9, 46, 110, 0.24); 1589 outline-offset: 0.125rem; 1590} 1591 1592.uhdc-events-calendar-actions .button-secondary { 1593 color: var(--uhd-theme-step-1); 1594 background: var(--uhd-theme-step-7); 1595} 1596 1597.uhdc-events-calendar-actions .button-secondary:hover, 1598.uhdc-events-calendar-actions .button-secondary:focus-visible { 1599 color: var(--uhd-theme-text-alt); 1600 background: var(--uhd-theme-step-1); 1601 border-color: var(--uhd-theme-step-1); 1602 box-shadow: 0 0.75rem 1.75rem rgba(9, 46, 110, 0.14); 1603} 1604 1605@media (min-width: 768px) { 1606 .uhdc-events-calendar { 1607 padding: var(--uhd-space-16) 0; 1608 } 1609 1610 .uhdc-events-calendar .section-heading h2 { 1611 font-size: var(--uhd-font-5); 1612 } 1613 1614 .uhdc-events-calendar-list { 1615 grid-template-columns: repeat(2, minmax(0, 1fr)); 1616 gap: var(--uhd-space-5); 1617 } 1618 1619 .uhdc-events-calendar-item:nth-child(n+7) { 1620 display: flex; 1621 } 1622 1623 .uhdc-events-calendar-item:nth-child(n+9) { 1624 display: none; 1625 } 1626} 1627 1628@media (min-width: 992px) { 1629 .uhdc-events-calendar { 1630 padding: var(--uhd-space-18) 0; 1631 } 1632 1633 .uhdc-events-calendar .section-heading h2 { 1634 font-size: var(--uhd-font-6); 1635 } 1636 1637 .uhdc-events-calendar-list { 1638 gap: var(--uhd-space-6); 1639 } 1640} 1641 1642@media (min-width: 1280px) { 1643 .uhdc-events-calendar-list { 1644 grid-template-columns: repeat(3, minmax(0, 1fr)); 1645 } 1646 1647 .uhdc-events-calendar-item:nth-child(n+9) { 1648 display: flex; 1649 } 1650} 1651 1652/* component_prototype */ 1653 </style> 1654 </head> 1655 <body> 1656<div id="skiptocontent">
1656<a href="#maincontent" class="visually-hidden-focusable">Skip to main content</a></div> 1657<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1657-1658
1657 1658<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1658GTM-W5ZBQNC7
vendor: 83 bytes, lines 1658-1659
1658" 1659height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1660<!-- End Google Tag Manager (noscript) --><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="header noindex"> 1661 <div class="container-fluid"> 1662 <div class="row"> 1663 <div class="col-12 col-xs-6 col-md-4 col-lg-3 pb-3 mx-3-md text-center text-sm-left"><a class="navbar-brand d-inline-block" href="/" style="min-width: 44px; min-height: 44px;"><img src="/_resources/img/uhd-logo.png" class="logo" alt="University of Houston-Downtown logo"></a></div> 1664 <div class="col"> 1665 <div class="row"> 1666 <div class="col-12 text-end"> 1667 <ul class="top-links d-none d-lg-inline-block"> 1668 <li><a href="/admissions/admissions-request.html">Request Info</a></li> 1669 <li><a href="/admissions/apply/index.html">Apply</a></li> 1670 <li><a href="https://accessuhd.uhd.edu/">AccessUHD</a></li> 1671 <li><a href="/myuhd/">myUHD</a></li> 1672 <li><a href="/aur/advancement/how-to-give-to-uhd.html">Give</a></li> 1673 </ul> 1674 <div class="search-wrap"> 1675 <form class="d-inline-flex" role="search" aria-label="Search entire site" action="/search.html" method="get"><label for="uhd-search-input" class="visually-hidden">Search</label><input type="search" placeholder="Search" name="q" id="uhd-search-input" autocomplete="off" aria-label="search field"><button type="submit" class="btn btn-search d-inline-flex" value="submit"><i class="fa-solid fa-magnifying-glass" title="Search UHD"></i></button></form> 1676 </div> 1677 </div> 1678 </div> 1679 </div> 1680 </div> 1681 <div class="row"> 1682 <nav class="navbar navbar-expand-lg" aria-label="Top menu"> 1683 <div class="container-fluid g-0 pb-1"><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon mb-1"><span class="fas fa-bars fa-2x text-white"></span></span></button><div class="collapse navbar-collapse" id="main_nav"> 1684 <ul class="top-links-mobile d-block d-lg-none"> 1685 <li><a href="/admissions/admissions-request.html">Request Info</a></li> 1686 <li><a href="/admissions/apply/index.html">Apply</a></li> 1687 <li><a href="https://accessuhd.uhd.edu/">AccessUHD</a></li> 1688 <li><a href="/myuhd/">myUHD</a></li> 1689 <li><a href="/aur/advancement/how-to-give-to-uhd.html">Give</a></li> 1690 </ul> 1691 <ul class="navbar-nav"> 1692 <li class="nav-item dropdown has-megamenu"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> Quick Links </a><div class="dropdown-menu megamenu"> 1693 <div class="row"> 1694 <div class="col"> 1695 <div class="title pb-3">Quick Links</div> 1696 </div> 1697 </div> 1698 <div class="row g-3"> 1699 <td colspan="4" data-type="wysiwyg" data-name="content"> 1700 <div class="col-md-3 col-12"> 1701 <td data-type="wysiwyg" data-name="column-1"> 1702 <div class="col-megamenu"> 1703 <ul class="list-links list-unstyled"> 1704 <li><a href="/academics/calendars/index.html" target="_self" rel="noopener">Academic Calendar</a></li> 1705 <li><a href="/academics/index.html" target="_self" rel="noopener">Academic Affairs</a></li> 1706 <li><a href="/admissions/index.html" target="_self" rel="noopener">Admissions</a></li> 1707 <li><a href="/academics/advising/" target="_self" rel="noopener">Advising</a></li> 1708 <li><a href="https://www.bkstr.com/houstondowntownstore/home" target="_self" rel="noopener">Bookstore</a></li> 1709 <li><a href="/computing/training-lms/index.html" target="_self" rel="noopener">Canvas</a></li> 1710 </ul> 1711 </div> 1712 </td> 1713 </div> 1714 <div class="col-md-3 col-12"> 1715 <td data-type="wysiwyg" data-name="column-2"> 1716 <div class="col-megamenu"> 1717 <ul class="list-links list-unstyled"> 1718 <li><a href="/sssl/student-success/career/index.html" target="_self" rel="noopener">Center for Career and Professional Development</a></li> 1719 <li><a href="/directory/index.html" target="_self" rel="noopener">Directory</a></li> 1720 <li><a href="/calendar/" target="_self" rel="noopener">Events Calendar</a></li> 1721 <li><a href="/financial/index.html" target="_self" rel="noopener">Financial Aid</a></li> 1722 <li><a href="/computing/uss/computing-o365.html" target="_self" rel="noopener">Gatormail</a></li> 1723 <li><a href="/hr/index.html" target="_self" rel="noopener">Human Resources</a></li> 1724 </ul> 1725 </div> 1726 </td> 1727 </div> 1728 <div class="col-md-3 col-12"> 1729 <td data-type="wysiwyg" data-name="column-3"> 1730 <div class="col-megamenu"> 1731 <ul class="list-links list-unstyled"> 1732 <li><a href="/computing/index.html" target="_self" rel="noopener">Information Technology</a></li> 1733 <li><a href="/library/index.html" target="_self" rel="noopener">Library</a></li> 1734 <li><a href="/myuhd/index.html" target="_self" rel="noopener">myUHD</a></li> 1735 <li><a href="/about/parking/" target="_self" rel="noopener">Parking</a></li> 1736 <li><a href="/hr/pass.html" target="_self" rel="noopener">P.A.S.S.</a></li> 1737 <li><a href="/police-department/index.html" target="_self" rel="noopener">Police Department</a></li> 1738 </ul> 1739 </div> 1740 </td> 1741 </div> 1742 <div class="col-md-3 col-12"> 1743 <td data-type="wysiwyg" data-name="column-4"> 1744 <div class="col-megamenu"> 1745 <ul class="list-links list-unstyled"> 1746 <li><a href="/president/strategic-plan/index.html" target="_self" rel="noopener">Strategic Plan</a></li> 1747 <li><a href="/administration/cashiers/index.html" target="_self" rel="noopener">Student Business Services</a></li> 1748 <li><a href="/sssl/index.html" target="_self" rel="noopener">Student Life</a></li> 1749 <li><a href="/sssl/student-success/testing/index.html" target="_self" rel="noopener">Testing Services</a></li> 1750 <li><a href="/registrar/students/records-requests/registrar-transcripts.html" target="_self" rel="noopener">Transcripts</a></li> 1751 <li><a href="/news/index.html" target="_self" rel="noopener">UHD News</a></li> 1752 </ul> 1753 </div> 1754 </td> 1755 </div> 1756 </td> 1757 </div> 1758 </div> 1759 </li> 1760 <li class="nav-item dropdown has-megamenu"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> About UHD </a><div class="dropdown-menu megamenu"> 1761 <div class="row"> 1762 <div class="col"> 1763 <div class="title pb-3">About UHD</div> 1764 </div> 1765 </div> 1766 <div class="row g-3"> 1767 <td colspan="4" data-type="wysiwyg" data-name="content"> 1768 <div class="col-lg-3 col-6"> 1769 <td data-type="wysiwyg" data-name="column-1"> 1770 <div class="col-megamenu"> 1771 <ul class="list-links list-unstyled"> 1772 <li><a href="/about/" target="_self" rel="noopener">About UHD</a></li> 1773 <li><a href="/hr/careers/" target="_self" rel="noopener">Careers at UHD</a></li> 1774 <li><a href="/community-engagement/" target="_self" rel="noopener">Community Engagement</a></li> 1775 <li><a href="/provost/ie/institutional-research/" target="_self" rel="noopener">Data Analytics & Institutional Research</a></li> 1776 <li><a href="/about/mission.html" target="_self" rel="noopener">Mission & Vision</a></li> 1777 <li><a href="/news/index.html" target="_self" rel="noopener">News</a></li> 1778 </ul> 1779 </div> 1780 </td> 1781 </div> 1782 <div class="col-lg-3 col-6"> 1783 <td data-type="wysiwyg" data-name="column-2"> 1784 <div class="col-megamenu"> 1785 <ul class="list-links list-unstyled"> 1786 <li><a href="/president/" target="_self" rel="noopener">Office of the President</a></li> 1787 <li><a href="/about/uhd-points-of-pride.html" target="_self" rel="noopener">Points of Pride</a></li> 1788 <li><a href="/about/quick-facts.html" target="_self" rel="noopener">Quick Facts</a></li> 1789 <li><a href="/president/strategic-plan/index.html" target="_self" rel="noopener">Strategic Plan</a></li> 1790 <li><a href="/about/shared-values.html" target="_self" rel="noopener">Shared Values</a></li> 1791 <li><a href="/academics/sacscoc/student-achievement.html" target="_self" rel="noopener">Student Achievement</a></li> 1792 </ul> 1793 </div> 1794 </td> 1795 </div> 1796 <div class="col-lg-3 col-6"> 1797 <td data-type="wysiwyg" data-name="column-3"> 1798 <div class="col-megamenu"> 1799 <div class="h6 pb-1">Information for ...</div> 1800 <ul class="list-links list-unstyled"> 1801 <li><a href="/prospective-students/" target="_self" rel="noopener">Prospective Students</a></li> 1802 <li><a href="/current-students/" target="_self" rel="noopener">Current Students</a></li> 1803 <li><a href="/faculty-staff/" target="_self" rel="noopener">Faculty/Staff</a></li> 1804 <li><a href="/alumni/" target="_self" rel="noopener">Alumni</a></li> 1805 <li><a href="/visitors/" target="_self" rel="noopener">Visitors</a></li> 1806 </ul> 1807 </div> 1808 </td> 1809 </div> 1810 <div class="col-lg-3 col-6"> 1811 <td data-type="wysiwyg" data-name="column-4"> 1812 <div class="col-megamenu"> 1813 <div class="h6 pb-1">Campus Locations</div> 1814 <ul class="list-links list-unstyled"> 1815 <li><a href="https://maps.uhd.edu/" target="_self" rel="noopener">Campus Maps</a></li> 1816 <li><a href="/locations/" target="_self" rel="noopener">Locations</a></li> 1817 <li><a href="/locations/northwest.html" target="_self" rel="noopener">UHD at Northwest</a></li> 1818 <li><a href="/locations/1801.html" target="_self" rel="noopener">UHD at 1801</a></li> 1819 <li><a href="/locations/cyfair.html" target="_self" rel="noopener">UHD at LSC-CyFair</a></li> 1820 <li><a href="/locations/kingwood.html" target="_self" rel="noopener">UHD at LSC-Kingwood</a></li> 1821 </ul> 1822 </div> 1823 </td> 1824 </div> 1825 </td> 1826 </div> 1827 </div> 1828 </li> 1829 <li class="nav-item dropdown has-megamenu"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> Academics </a><div class="dropdown-menu megamenu"> 1830 <div class="row"> 1831 <div class="col"> 1832 <div class="title pb-3">Academics</div> 1833 </div> 1834 </div> 1835 <div class="row g-3"> 1836 <td colspan="4" data-type="wysiwyg" data-name="content"> 1837 <div class="col-lg-3 col-6"> 1838 <td data-type="wysiwyg" data-name="column-1"> 1839 <div class="col-megamenu"> 1840 <div class="h6 pb-1">Colleges</div> 1841 <ul class="list-links list-unstyled"> 1842 <li><a href="/academics/business/" target="_self" rel="noopener">Marilyn Davies College of Business</a></li> 1843 <li><a href="/academics/humanities/" target="_self" rel="noopener">College of Humanities and Social Sciences</a></li> 1844 <li><a href="/academics/public-service/" target="_self" rel="noopener">College of Public Service</a></li> 1845 <li><a href="/academics/sciences/" target="_self" rel="noopener">College of Sciences and Technology</a></li> 1846 </ul> 1847 </div> 1848 </td> 1849 </div> 1850 <div class="col-lg-3 col-6"> 1851 <td data-type="wysiwyg" data-name="colu
1851mn-2"> 1852 <div class="col-megamenu"> 1853 <ul class="list-links list-unstyled"> 1854 <li><a href="/academics/" target="_self" rel="noopener">Academic Affairs</a></li> 1855 <li><a href="/academics/calendars/" target="_self" rel="noopener">Academic Calendar</a></li> 1856 <li><a href="https://www.bkstr.com/houstondowntownstore/home" target="_self" rel="noopener">Bookstore</a></li> 1857 <li><a href="https://catalog.uhd.edu" target="_self" rel="noopener">Catalog</a></li> 1858 <li><a href="/myuhd/" target="_self" rel="noopener">Class Schedule</a></li> 1859 </ul> 1860 </div> 1861 </td> 1862 </div> 1863 <div class="col-lg-3 col-6"> 1864 <td data-type="wysiwyg" data-name="column-3"> 1865 <div class="col-megamenu"> 1866 <ul class="list-links list-unstyled"> 1867 <li><a href="/sssl/student-success/mss/" target="_self" rel="noopener">Center for Math & Statistics Support</a></li> 1868 <li><a href="/academics/continuing-education/" target="_self" rel="noopener">Continuing Education</a></li> 1869 <li><a href="/academics/degrees-majors/" target="_self" rel="noopener">Degrees & Majors</a></li> 1870 <li><a href="/provost/honors-program/" target="_self" rel="noopener">Honors Program</a></li> 1871 <li><a href="/library/" target="_self" rel="noopener">Library</a></li> 1872 </ul> 1873 </div> 1874 </td> 1875 </div> 1876 <div class="col-lg-3 col-6"> 1877 <td data-type="wysiwyg" data-name="column-4"> 1878 <div class="col-megamenu"> 1879 <ul class="list-links list-unstyled"> 1880 <li>
1880<a href="/academics/off-campus/" target="_self" rel="noopener">Off Campus Instructional Sites</a></li> 1881 <li><a href="/academics/international/" target="_self" rel="noopener">Office of Study Abroad</a></li> 1882 <li><a href="/academics/tutoring.html" target="_self" rel="noopener">Tutoring Resources</a></li> 1883 <li><a href="/academics/online/" target="_self" rel="noopener">UHD Online</a></li> 1884 <li><a href="/sssl/student-success/writing-center/" target="_self" rel="noopener">Writing & Reading Center</a></li> 1885 </ul> 1886 </div> 1887 </td> 1888 </div> 1889 </td> 1890 </div> 1891 </div> 1892 </li> 1893 <li class="nav-item dropdown has-megamenu"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> Admissions & Aid </a><div class="dropdown-menu megamenu"> 1894 <div class="row"> 1895 <div class="col"> 1896 <div class="title pb-3">Admissions & Aid</div> 1897 </div> 1898 </div> 1899 <div class="row g-3"> 1900 <td colspan="4" data-type="wysiwyg" data-name="content"> 1901 <div class="col-md-4 col-12"> 1902 <td data-type="wysiwyg" data-name="column-1"> 1903 <div class="col-megamenu"> 1904 <ul class="list-links list-unstyled"> 1905 <li><a href="/admissions/" target="_self" rel="noopener">Admissions</a></li> 1906 <li><a href="/admissions/apply/" target="_self" rel="noopener">Apply to UHD</a></li> 1907 <li><a href="/enrollment-management/" target="_self" rel="noopener">Enrollment Management</a></li> 1908 <li><a href="/financial/" target="_self" rel="noopener">Financial Aid</a></li> 1909 <li><a href="/financial/scholarships/" target="_self" rel="noopener">Scholarships</a></li> 1910 </ul> 1911 </div> 1912 </td> 1913 </div> 1914 <div class="col-md-4 col-12"> 1915 <td data-type="wysiwyg" data-name="column-2"> 1916 <div class="col-megamenu"> 1917 <ul class="list-links list-unstyled"> 1918 <li><a href="/administration/cashiers/" target="_self" rel="noopener">Student Business Services</a></li> 1919 <li><a href="https://careers.uh.edu/jobs/search/uhd-postings?page=1&category_uids%5B%5D=941cbee40ca8fc21e082859b94d77b61&query=" target="_self" rel="noopener">Student Jobs</a></li> 1920 <li><a href="/admissions/transfer/" target="_self" rel="noopener">Transfer Students</a></li> 1921 <li><a href="/administration/cashiers/cashiers-tuition-fees.html" target="_self" rel="noopener">Tuition & Fees</a></li> 1922 </ul> 1923 </div> 1924 </td> 1925 </div> 1926 <div class="col-md-4 col-12"> 1927 <td data-type="wysiwyg" data-name="column-3"> 1928 <div class="noindex text-center"> 1929 <p> 1930 The lowest tuition of any public university in Houston, plus sc
1930holarships to bring 1931 it down further. 1932 </p><a href="/financial/scholarships/gator-scholarship-center.html" target="_self" rel="noopener" class="btn btn-primary-main btn-gray">Find Your Scholarship</a></div> 1933 </td> 1934 </div> 1935 </td> 1936 </div> 1937 </div> 1938 </li> 1939 <li class="nav-item dropdown has-megamenu"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> Student Success </a><div class="dropdown-menu megamenu"> 1940 <div class="row"> 1941 <div class="col"> 1942 <div class="title pb-3">Student Success</div> 1943 </div> 1944 </div> 1945 <div class="row g-3"> 1946 <td colspan="4" data-type="wysiwyg" data-name="content"> 1947 <div class="col-md-3 col-12"> 1948 <td data-type="wysiwyg" data-name="column-1"> 1949 <div class="col-megamenu"> 1950 <ul class="list-links list-unstyled"> 1951 <li><a href="/sssl/student-success/asc/" target="_self" rel="noopener">Academic Support Center</a></li> 1952 <li><a href="/academics/gatorsuccess/tass/" target="_self" rel="noopener">Transfer Academy</a></li> 1953 <li><a href="/sssl/student-success/aec/" target="_self" rel="noopener">Accessible Education Center</a></li> 1954 <li><a href="/sssl/student-success/career/" target="_self" rel="noopener">Center for Career and Professional Development</a></li> 1955 <li><a href="/sssl/student-success/mss/" target="_self" rel="noopener">Center for Math & Statistics Support</a></li> 1956 </ul> 1957 </div> 1958 </td> 1959 </div> 1960 <div class="col-md-3 col-12"> 1961 <td data-type="wysiwyg" data-name="column-2"> 1962 <div class="col-megamenu"> 1963 <ul class="list-links list-unstyled"> 1964 <li><a href="/academics/gatorsuccess/" target="_self" rel="noopener">Gator Success Institute</a></li> 1965 <li><a href="/library/" target="_self" rel="noopener">Library</a></li> 1966 <li><a href="/academics/international/" target="_self" rel="noopener">Office of Study Abroad</a></li> 1967 <li><a href="/registrar/" target="_self" rel="noopener">Registrar</a></li> 1968 <li><a href="/sssl/counseling/" target="_self" rel="noopener">Student Counseling Services</a></li> 1969 </ul> 1970 </div> 1971 </td> 1972 </div> 1973 <div class="col-md-3 col-12"> 1974 <td data-type="wysiwyg" data-name="column-3"> 1975 <div class="col-megamenu"> 1976 <ul class="list-links list-unstyled"> 1977 <li><a href="/sssl/sga/" target="_self" rel="noopener">Student Government Association</a></li> 1978 <li><a href="/sssl/handbook/" target="_self" rel="noopener">Student Handbook</a></li> 1979 <li><a href="/sssl/health/" target="_self" rel="noopener">Student Health Services</a></li> 1980 <li><a href="/sssl/" target="_self" rel="noopener">Student Success and Student Life</a></li> 1981 </ul> 1982 </div> 1983 </td> 1984 </div> 1985 <div class="col-md-3 col-12"> 1986 <td data-type="wysiwyg" data-name="column-4"> 1987 <div class="col-megamenu"> 1988 <ul class="list-links list-unstyled"> 1989 <li><a href="/sssl/student-success/testing/" target="_self" rel="noopener">Testing Services</a></li> 1990 <li><a href="/sssl/student-success/writing-center/" target="_self" rel="noopener">The Writing and Reading Center</a></li> 1991 <li><a href="/academics/tutoring.html" target="_self" rel="noopener">Tutoring Resources</a></li> 1992 <li><a href="/sssl/veterans/" target="_self" rel="noopener">Veteran Services</a></li> 1993 </ul> 1994 </div> 1995 </td> 1996 </div> 1997 </td> 1998 </div> 1999 </div> 2000 </li> 2001 <li class="nav-item dropdown has-megamenu"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> Student Life </a><div class="dropdown-menu megamenu"> 2002 <div class="row"> 2003 <div class="col"> 2004 <div class="title pb-3">Student Life</div> 2005 </div> 2006 </div> 2007 <div class="row g-3"> 2008 <td colspan="4" data-type="wysiwyg" data-name="content"><br><div class="col-md-3 col-12"> 2009 <td data-type="wysiwyg" data-name="column-1"> 2010 <div class="col-megamenu"> 2011 <ul class="list-links list-unstyled"> 2012 <li><a href="https://www.bkstr.com/houstondowntownstore/home" target="_self" rel="noopener">Bookstore</a></li> 2013 <li><a href="https://catalog.uhd.edu" target="_self" rel="noopener">Catalog</a></li> 2014 <li><a href="/academics/humanities/about/departments/english/dateline/" target="_self" rel="noopener">Dateline Downtown</a></li> 2015 </ul> 2016 </div> 2017 </td> 2018 </div> 2019 <div class="col-md-3 col-12"> 2020 <td data-type="wysiwyg" data-name="column-2"> 2021 <div class="col-megamenu"> 2022 <ul class="list-links list-unstyled"> 2023 <li><a href="/sssl/dean-of-students/" target="_self" rel="noopener">Dean of Students</a></li> 2024 <li><a href="/calendar/" target="_self" rel="noopener">Events Calendar</a></li> 2025 <li><a href="/sssl/sports-fitness/sports.html" target="_self" rel="noopener">eSports</a></li> 2026 </ul> 2027 </div> 2028 </td> 2029 </div> 2030 <div class="col-md-3 col-12"> 2031 <td data-type="wysiwyg" data-name="column-3"> 2032 <div class="col-megamenu"> 2033 <ul class="list-links list-unstyled"> 2034 <li><a href="/sssl/student-life/gator-resource-center/index.html" target="_self" rel="noopener">Gator Resource Center</a></li> 2035 <li><a href="/iradio/" target="_self" rel="noopener">iRadio</a></li> 2036 <li><a href="/sssl/sports-fitness/" target="_self" rel="noopener">Sports & Fitness</a></li> 2037 </ul> 2038 </div> 2039 </td> 2040 </div> 2041 <div class="col-md-3 col-12"> 2042 <td data-type="wysiwyg" data-name="column-4"> 2043 <div class="col-megamenu"> 2044 <ul class="list-links list-unstyled"> 2045 <li><a href="/sssl/student-leadership-involvement/" target="_self" rel="noopener">Student Leadership & Involvement</a></li> 2046 <li><a href="/sssl/student-leadership-involvement/organizations/index.html" target="_self" rel="noopener">Student Organizations</a></li> 2047 <li><a href="/sssl/" target="_self" rel="noopener">Student Success and Student Life</a></li> 2048 </ul> 2049 </div> 2050 </td> 2051 </div> 2052 </td> 2053 </div> 2054 <p> </p> 2055 </div> 2056 </li> 2057 </ul> 2058 </div> 2059 </div> 2060 </nav> 2061 </div> 2062 </div> 2063</header> <main id="maincontent"> 2064 <div> 2065 2066 <section class="uhdc-hero-bottom-panel container-fluid px-0 theme-1"> 2067 <img class="uhdc-hero-bottom-panel-image img-fluid" src="/images/homepage/_new/homepage-hero-commencement-1920x1080-v3.webp"> 2068 2069 <div class="container uhdc-hero-bottom-panel-inner"> 2070 2071 <div class="uhdc-hero-bottom-panel-content"> 2072 2073 <h1> 2074 Your Future Is <span class="uhdc-hero-bottom-panel-accent">Here</span> 2075 </h1> 2076 2077 <div class="uhdc-hero-bottom-panel-cta-group"> 2078 <a class="button button-light" href="/prospective-students/index.html">Why UHD?</a> 2079 <a class="button button-light" href="/admissions/visit/index.html">Visit UHD</a> 2080 <a class="button button-accent" href="/admissions/apply/">Apply</a> 2081 </div> 2082 </div> 2083 </div> 2084 </section> 2085 </div> 2086 <div class="container-fluid"> 2087 <div class="row"> 2088 <div> 2089 <div class="uhdc-callout-split-feature-watermark"><!--Start Promo Section--> 2090 2091 <section id="scholarships" class="section uhdc-callout-split-feature theme-layout-ltr theme-1"> 2092 2093 <div class="uhdc-callout-split-feature-shell"> 2094 2095 <div class="uhdc-callout-split-feature-layout"> 2096 2097 <div class="uhdc-callout-split-feature-media"> 2098 2099 <figure class="uhdc-callout-split-feature-img media-frame media-frame-wide"><img src="/images/homepage/_new/homepage-scholarship-point.webp" alt="Male student in a blue polo shirt pointing at the viewer with both index fingers"></figure> 2100 </div> 2101 2102 <div class="uhdc-callout-split-feature-body"> 2103 2104 <div class="uhdc-callout-split-feature-content"> 2105 2106 <h2 class="section-title"><b><span>Scholarships Made Easy</span></b></h2> 2107 2108 <p><span>UHD has scholarship opportunities available right now, and most students are surprised 2109 by how much help they qualify for. Let us help you make it affordable.</span></p> 2110 <a class="button button-primary" href="/financial/scholarships/gator-scholarship-center.html">Find Your Scholarship</a></div> 2111 </div> 2112 </div> 2113 </div> 2114 </section> 2115 <!--End Promo Section--> <!--Start Degrees Section--> 2116 2117 <section id="degrees-majors" class="section uhdc-callout-split-feature theme-layout-rtl theme-1"> 2118 2119 <div class="uhdc-callout-split-feature-shell"> 2120 2121 <div class="uhdc-callout-split-feature-layout"> 2122 2123 <div class="uhdc-callout-split-feature-media"> 2124 2125 <figure class="uhdc-callout-split-feature-img media-frame media-frame-wide"><img src="/images/homepage/_new/degrees-homepage.webp" alt="Students walking through a hallway"></figure> 2126 </div> 2127 2128 <div class="uhdc-callout-split-feature-body"> 2129 2130 <div class="uhdc-callout-split-feature-content"> 2131 2132 <h2 class="section-title"><b><span>60+ Degrees and One of Them is Yours</span></b></h2> 2133 2134 <p>From business to the arts, we've got the degree you're looking for online, in the 2135 evenings, or right here downtown. Find the one that fits your goals.</p> 2136 <a class="button button-primary" href="/academics/degrees-majors/">Explore Degrees & Majors</a></div> 2137 </div> 2138 </div> 2139 </div> 2140 </section> 2141 <!--End Degrees Section--> <!--Start Tiles Section--> 2142 2143 <section id="next-step" class="section uhdc-feature-pathway-grid theme-1"> 2144 2145 <div class="container"> 2146 2147 <h2 class="section-title uhdc-feature-pathway-grid-title d-md-none">Take Your Next Step</h2> 2148 2149 <div class="row align-items-center g-4 g-lg-5"> 2150 2151 <div class="col-12 col-lg-7 order-1 order-md-2"> 2152 2153 <div class="row g-3 uhdc-feature-pathway-grid-list"> 2154 2155 <div class="col-6"> 2156 2157 <article class="uhdc-feature-pathway-grid-item"><a class="uhdc-feature-pathway-grid-item-link" href="/admissions/transfer/index.html"> 2158 2159 <div class="uhdc-feature-pathway-grid-item-icon"><img class="uhdc-feature-pathway-grid-item-icon-default" src="/images/homepage/_new/transfer-students.svg" alt=""> <img class="uhdc-feature-pa
2159thway-grid-item-icon-hover" src="/images/homepage/_new/transfer-students-hover.svg" alt=""></div> 2160 2161 <h3>Transfer Students</h3> 2162 2163 <p>Already started college elsewhere?</p> 2164 <span class="uhdc-feature-pathway-grid-item-chevron" aria-hidden="true"> <i class="fa-solid fa-angles-right"></i> </span> </a></article> 2165 </div> 2166 2167 <div class="col-6"> 2168 2169 <article class="uhdc-feature-pathway-grid-item"><a class="uhdc-feature-pathway-grid-item-link" href="/prospective-students/index.html"> 2170 2171 <div class="uhdc-feature-pathway-grid-item-icon"><img class="uhdc-feature-pathway-grid-item-icon-default" src="/images/homepage/_new/first-time-students.svg" alt=""> <img class="uhdc-feature-pathway-grid-item-icon-hover" src="/images/homepage/_new/first-time-students-hover.svg" alt=""></div> 2172 2173 <h3>First-time Students</h3> 2174 2175 <p>Ready to start your college journey?</p> 2176 <span class="uhdc-feature-pathway-grid-item-chevron" aria-hidden="true"> <i class="fa-solid fa-angles-right"></i> </span> </a></article> 2177 </div> 2178 2179 <div class="col-6"> 2180 2181 <article class="uhdc-feature-pathway-grid-item"><a class="uhdc-feature-pathway-grid-item-link" href="/academics/online/index.html"> 2182 2183 <div class="uhdc-feature-pathway-grid-item-icon"><img class="uhdc-feature-pathway-grid-item-icon-default" src="/images/homepage/_new/online-students.svg" alt=""> <img class="uhdc-feature-pathway-grid-item-icon-hover" src="/images/homepage/_new/online-students-hover.svg" alt=""></div> 2184 2185 <h3>Online Students</h3> 2186 2187 <p>Need flexibility in your schedule?</p> 2188 <span class="uhdc-feature-pathway-grid-item-chevron" aria-hidden="true"> <i class="fa-solid fa-angles-right"></i> </span> </a></article> 2189 </div> 2190 2191 <div class="col-6"> 2192 2193 <article class="uhdc-feature-pathway-grid-item"><a class="uhdc-feature-pathway-grid-item-link" href="/academics/academic-gradprograms.html"> 2194 2195 <div class="uhdc-feature-pathway-grid-item-icon"><img class="uhdc-feature-pathway-grid-item-icon-default" src="/images/homepage/_new/graduate-students.svg" alt=""> <img class="uhdc-feature-pathway-grid-item-icon-hover" src="/images/homepage/_new/graduate-students-hover.svg" alt=""></div> 2196 2197 <h3>Graduate Students</h3> 2198 2199 <p>Want to level up your career?</p> 2200 <span class="uhdc-feature-pathway-grid-item-chevron" aria-hidden="true"> <i class="fa-solid fa-angles-right"></i> </span> </a></article> 2201 </div> 2202 </div> 2203 </div> 2204 2205 <div class="col-12 col-lg-5 order-2 order-md-1"> 2206 2207 <div class="uhdc-feature-pathway-grid-content"> 2208 2209 <h2 class="section-title d-none d-md-block">Take Your Next Step</h2> 2210 2211 <p>No two students take the same path, and that is exactly how it should be. Whether 2212 you are starting fresh, continuing your education, or finishing what you began, get 2213 the help you need to apply.</p> 2214 </div> 2215 </div> 2216 </div> 2217 </div> 2218 </section> 2219 <!--End Tiles Section--></div> 2220 2221 <section class="uhdc-highlight-profile-spotlight theme-layout-ltr container-fluid px-0 theme-1"><img class="uhdc-highlight-profile-spotlight-image" src="/images/homepage/_new/homepage-transfer-student-1.webp" alt="Student holding booksFemale student wearing a blue polo shirt"> 2222 2223 <div class="container uhdc-highlight-profile-spotlight-inner"> 2224 2225 <article class="uhdc-highlight-profile-spotlight-content"><!--<p class="uhdc-highlight-profile-spotlight-caption">Student Spotlight</p>--> 2226 2227 <h2>Why Transfer to UHD?</h2> 2228 2229 <p class="uhdc-highlight-profile-spotlight-quote">âBefore earning my associate's degree in Criminal Justice from Wharton County Junior 2230 College, I knew I wanted to continue my educational journey. Once I attended the UHD 2231 Open House, I immediately knew that UHD was the university for me!â</p> 2232 2233 <p class="uhdc-highlight-profile-spotlight-attribution">Bryanna Allison (â27, B.S., Criminal Justice)</p> 2234 2235 <p> </p> 2236 <!--<p class="uhdc-highlight-profile-spotlight-prompt">Want to transfer to a four-year college?</p>--> <a class="button button-primary" href="/admissions/transfer/index.html">Start Your Transfer</a></article> 2237 </div> 2238 </section> 2239 2240 <div class="uhdc-highlight-metrics-cluster-watermark"> 2241 2242 <section class="section uhdc-highlight-metrics-cluster theme-1"> 2243 2244 <div class="container"> 2245 2246 <div class="section-heading"> 2247 2248 <h2>The UHD Difference</h2> 2249 </div> 2250 2251 <div class="row g-3 g-lg-4 justify-content-evenly uhdc-highlight-metrics-cluster-featured"> 2252 2253 <div class="col-10 col-md-4"> 2254 2255 <article class="uhdc-highlight-metrics-cluster-item uhdc-highlight-metrics-cluster-featured-item"> 2256 2257 <div class="uhdc-highlight-metrics-cluster-icon">
2257<img src="/images/homepage/_new/lowest-tuition.svg" alt=""></div> 2258 2259 <div class="uhdc-highlight-metrics-cluster-headline"> 2260 2261 <div class="uhdc-highlight-metrics-cluster-value">#1</div> 2262 2263 <p class="uhdc-highlight-metrics-cluster-lead">lowest tuition</p> 2264 </div> 2265 2266 <p class="uhdc-highlight-metrics-cluster-detail">rate of any public university in Houston</p> 2267 </article> 2268 </div> 2269 2270 <div class="col-10 col-md-4"> 2271 2272 <article class="uhdc-highlight-metrics-cluster-item uhdc-highlight-metrics-cluster-featured-item"> 2273 2274 <div class="uhdc-highlight-metrics-cluster-icon"><img src="/images/homepage/_new/2nd-largest.svg" alt=""></div> 2275 2276 <div class="uhdc-highlight-metrics-cluster-headline"> 2277 2278 <div class="uhdc-highlight-metrics-cluster-value">2nd</div> 2279 2280 <p class="uhdc-highlight-metrics-cluster-lead">largest</p> 2281 </div> 2282 2283 <p class="uhdc-highlight-metrics-cluster-detail">university in Houston</p> 2284 </article> 2285 </div> 2286 </div> 2287 2288 <div class="row g-3 uhdc-highlight-metrics-cluster-list"> 2289 2290 <div class="col-6 col-lg-3"> 2291 2292 <article class="uhdc-highlight-metrics-cluster-item uhdc-highlight-metrics-cluster-radial-item"> 2293 2294 <div class="uhdc-highlight-metrics-cluster-value">49</div> 2295 2296 <p>bachelor's degrees</p> 2297 </article> 2298 </div> 2299 2300 <div class="col-6 col-lg-3"> 2301 2302 <article class="uhdc-highlight-metrics-cluster-item uhdc-highlight-metrics-cluster-radial-item"> 2303 2304 <div class="uhdc-highlight-metrics-cluster-value">13</div> 2305 2306 <p>graduate degrees</p> 2307 </article> 2308 </div> 2309 2310 <div class="col-6 col-lg-3"> 2311 2312 <article class="uhdc-highlight-metrics-cluster-item uhdc-highlight-metrics-cluster-radial-item"> 2313 2314 <div class="uhdc-highlight-metrics-cluster-value">18:1</div> 2315 2316 <p>student to faculty ratio</p> 2317 </article> 2318 </div> 2319 2320 <div class="col-6 col-lg-3"> 2321 2322 <article class="uhdc-highlight-metrics-cluster-item uhdc-highlight-metrics-cluster-radial-item"> 2323 2324 <div class="uhdc-highlight-metrics-cluster-value">23</div> 2325 2326 <p>online programs</p> 2327 </article> 2328 </div> 2329 </div> 2330 </div> 2331 </section> 2332 </div> 2333 2334 <section class="uhdc-highlight-profile-spotlight theme-layout-rtl container-fluid px-0 theme-1"><img class="uhdc-highlight-profile-spotlight-image" src="/images/homepage/_new/homepage-first-gen-student-3.webp" alt="Students with a vehicle in the background"> 2335 2336 <div class="container uhdc-highlight-profile-spotlight-inner"> 2337 2338 <article class="uhdc-highlight-profile-spotlight-content"><!--<p class="uhdc-highlight-profile-spotlight-caption">Student Spotlight</p>--> 2339 2340 <h2>Where First-Gen Students Thrive</h2> 2341 2342 <p class="uhdc-highlight-profile-spotlight-quote">
2342âUHD provided support when I couldn't find a sense of direction. As a First-Generation 2343 student, I felt the pressure of transitioning from high school to college on my own. 2344 UHD's Summer Bridge Program made all the difference. I had the confidence to start 2345 my fall semester strong!â</p> 2346 2347 <p class="uhdc-highlight-profile-spotlight-attribution">Emily Raygoza (â29, Criminal Justice)</p> 2348 <!--<p class="uhdc-highlight-profile-spotlight-prompt">Ready to start your college journey?</p>--> 2349 2350 <p> </p> 2351 <a class="button button-primary" href="#cta">Start Your College Journey</a></article> 2352 </div> 2353 </section> 2354 2355 <div> 2356 2357 <section class="section uhdc-events-calendar theme-1"> 2358 <div class="container"> 2359 <div class="section-heading"> 2360 <h2>What's Happening at UHD</h2> 2361 </div> 2362 <div class="uhdc-events-calendar-list"><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/bf4ecab2-1444-4267-8088-3bff84b4b259" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">01</span></div><div class="uhdc-events-calendar-card-body"><h3>Harris County Judge Forum</h3><p class="uhdc-events-calendar-time">6:00 PM - 8:30 PM</p><p class="uhdc-events-calendar-meta">Wilhelmina Cullen Robertson Auditorium</p><p class="uhdc-events-calendar-meta">University Relations</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/48f59361-2a98-472e-abff-ca980155d723/instances/2026-10-06T17:00" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">06</span></div><div class="uhdc-events-calendar-card-body"><h3>Grow Your Career: Level Up with an MBA</h3><p class="uhdc-events-calendar-time">12:00 PM - 1:00 PM</p><p class="uhdc-events-calendar-meta">Virtual / Online</p><p class="uhdc-events-calendar-meta">Master of Business Administration, MDCOB</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/a42c9d67-b861-4692-86e3-6a12316fad3c" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">07</span></div><div class="uhdc-events-calendar-card-body"><h3>Discover the Master of Professional Accountancy</h3><p class="uhdc-events-calendar-time">12:00 PM - 1:00 PM</p><p class="uhdc-events-calendar-meta">Virtual / Online</p><p class="uhdc-events-calendar-meta">Marilyn Davies College of Business (MDCOB)</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/6fc42cca-75cf-4857-8a98-c986026a7edc" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">07</span></div><div class="uhdc-events-calendar-card-body"><h3>Losses That Shape Us: Romantic Loss</h3><p class="uhdc-events-calendar-time">12:30 PM - 2:00 PM</p><p class="uhdc-events-calendar-meta">ACAD 300 - Special Events Area</p><p class="uhdc-events-calendar-meta">College of Public Service</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/6710f7a3-f903-4936-a1a1-faa13c0a36ca" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">
2362Oct</span><span class="uhdc-events-calendar-date-day">07</span></div><div class="uhdc-events-calendar-card-body"><h3>Discover Your Future: Master of Security Management</h3><p class="uhdc-events-calendar-time">6:00 PM - 7:00 PM</p><p class="uhdc-events-calendar-meta">Virtual / Online</p><p class="uhdc-events-calendar-meta">Graduate Studies, MDCOB</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/70786b8b-d606-4295-baa7-af7149046f2f" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">10</span></div><div class="uhdc-events-calendar-card-body"><h3>Ready to Accelerate Your Career? Join Us At Master's Degree Programs Showcase</h3><p class="uhdc-events-calendar-time">9:00 AM - 1:00 PM</p><p class="uhdc-events-calendar-meta">Welcome Center Lobby</p><p class="uhdc-events-calendar-meta">Graduate Admissions</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/b05afdc8-c817-4d92-9988-2d879a31ddda" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">13</span></div><div class="uhdc-events-calendar-card-body"><h3>Anime Movie Night </h3><p class="uhdc-events-calendar-time">6:00 PM - 8:00 PM</p><p class="uhdc-events-calendar-meta">W.I. Dykes Library</p><p class="uhdc-events-calendar-meta">W.I. Dykes Library</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/df34b36d-97ad-42d1-b3db-71e35ff93137" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">17</span></div><div class="uhdc-events-calendar-card-body"><h3>Heart Walk & Fall Festival at UHD Northwest</h3><p class="uhdc-events-calendar-time">8:00 AM - 12:00 PM</p><p class="uhdc-events-calendar-meta">UHD Northwest</p><p class="uhdc-events-calendar-meta">UHD Northwest</p></div></a></article><article class="uhdc-events-calendar-item"><a href="https://www.uhd.edu/calendar/#event-details/0833ddd5-3493-4db1-b2f3-be63115431ba" class="uhdc-events-calendar-card"><div class="uhdc-events-calendar-date" aria-hidden="true"><span class="uhdc-events-calendar-date-month">Oct</span><span class="uhdc-events-calendar-date-day">17</span></div><div class="uhdc-events-calendar-card-body"><h3>October miniServe</h3><p class="uhdc-events-calendar-time">9:30 AM - 5:30 PM</p><p class="uhdc-events-calendar-meta">Off Campus</p><p class="uhdc-events-calendar-meta">Center for Community Engagement & Service Learning</p></div></a></article></div> 2363 <div class="uhdc-events-calendar-actions"><a href="/calendar/" class="button button-secondary"> 2364 View Events Calendar 2365 </a></div> 2366 </div> 2367 </section> 2368 </div> 2369 2370 <section class="section uhdc-listing-story-grid theme-1"> 2371 2372 <div class="container"> 2373 2374 <div class="section-heading"> 2375 2376 <h2>Campus News</h2> 2377 </div> 2378 2379 <div class="uhdc-listing-story-grid-list"> 2380 2381 <article class="uhdc-listing-story-grid-item"><a class="uhdc-listing-story-grid-item-link" href="/news/2026/september/leading-with-purpose-a-conversation-with-houston-city-council-members.html"> 2382 2383 <figure class="media-frame media-frame-news"><img src="/images/homepage-news/2026/homepage-news-pls-leading-with-purpose.webp" alt="Houston skyline with UHD logo" width="" height=""></figure> 2384 2385 <div class="uhdc-listing-story-grid-item-body"> 2386 2387 <p class="uhdc-listing-story-grid-item-kicker">Office of the President</p> 2388 2389 <h3>Leading with Purpose: A Conversation with Houston City Council Members</h3> 2390 2391 <p>Find out why local politics matter at the first installment of the Fall 2026 Presidentâs 2392 Lecture Series hosted by Interim President Deborah E. Bordelon on Sept. 24.</p> 2393 </div> 2394 </a></article> 2395 2396 <article class="uhdc-listing-story-grid-item"><a class="uhdc-listing-story-grid-item-link" href="/news/2026/august/uhds-okane-theatre-renovation-helps-prepare-students-for-careers-in-the-arts.html"> 2397 2398 <figure class="media-frame media-frame-news"><img src="/images/news/2026/uhdokanetheatre.webp" alt="Student at O'Kane Theatre"></figure> 2399 2400 <div class="uhdc-listing-story-grid-item-body"> 2401 2402 <p class="uhdc-listing-story-grid-item-kicker">Student success</p> 2403 2404 <h3>OâKane Theatre Renovation Benefits Drama Students</h3> 2405 2406 <p>Thanks to a $50,000 gift from The Elkins Foundation, the theater is undergoing a major 2407 renovation, just in time for the fall semester.</p> 2408 </div> 2409 </a></article> 2410 2411 <article class="uhdc-listing-story-grid-item"><a class="uhdc-listing-story-grid-item-link" href="/news/2026/july/uhds-first-generation-gator-program-to-expand-thanks-to-the-moody-foundation.html"> 2412 2413 <figure class="media-frame media-frame-news"><img src="/images/news/2026/firstgenprogram.webp" alt="Male student sitting outside with statue of gator mascot"></figure> 2414 2415 <div class="uhdc-listing-story-grid-item-body"> 2416 2417 <p class="uhdc-listing-story-grid-item-kicker">Student Success</p> 2418 2419 <h3>First-Generation Gator Program To Expand</h3> 2420 2421 <p>UHD is expanding its commitment to first-generation students, thanks to a gift of 2422 $1.3 million over four years from The Moody Foundationâs M-PACT Fund.</p> 2423 </div> 2424 </a></article> 2425 </div> 2426 2427 <div class="uhdc-listing-story-grid-actions"><a class="button button-secondary" href="/news/">See All News</a></div> 2428 </div> 2429 </section> 2430 2431 <section id="cta" class="section uhdc-callout-centered-overlay container-fluid px-0 theme-1"><img class="uhdc-callout-centered-overlay-image" src="/images/homepage/_new/homepage-prefooter-omb-1920x1080.webp" alt="Houston skyline"> 2432 2433 <div class="container uhdc-callout-centered-overlay-inner"> 2434 2435 <div class="uhdc-callout-centered-overlay-content"> 2436 2437 <h2>Ready to Become a Gator?</h2> 2438 2439 <p>We're downtown, we're flexible, and we're ready when you are.</p> 2440 2441 <div class="uhdc-callout-centered-overlay-cta-group"><a class="button button-accent" href="/admissions/apply/">Apply</a> <a class="button button-primary" href="/admissions/admissions-request.html">Request Info</a> <a class="button button-primary" href="https://www.youvisit.com/tour/uhd?pl=v">Virtual Tour</a></div> 2442 </div> 2443 </div> 2444 </section> 2445 </div> 2446 </div> 2447 </div> 2448 </main> 2449 <footer> 2450 <div class="footer-main container-fluid py-5 px-4"> 2451 <div class="row"> 2452 <div class="col-md-3"> 2453 <p><a href="/" class="d-block"><img src="/images/uhd-footer-logo.png" alt="footer-logo" class="img-fluid"></a><br> 2454 One Main Street <br> 2455 Houston, TX 77002<br><a href="tel:713-221-8000">713-221-8000</a><br><br><strong><a href="https://www.google.com/maps/place/201+Girard+St,+Houston,+TX+77002/@29.7659858,-95.362123,17z/data=!3m1!4b1!4m5!3m4!1s0x8640bf2e8a2ee773:0x94d49b2cc12d29f6!8m2!3d29.7659858!4d-95.3599343">Visitor Parking & Ride Share</a></strong><br> 2456 201 Girard Street <br> 2457 Houston, TX 77002<br></p> 2458 </div> 2459 <div class="col-md-9 d-flex flex-column flex-md-row justify-content-start justify-content-md-between align-items-md-center flex-wrap"> 2460 <ul class="nav flex-column"> 2461 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/a-z.html">AâZ Index</a></li> 2462 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/academics/">Academic Affairs</a></li> 2463 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/sssl/student-success/aec/">Accessible Education Center</a></li> 2464 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/about/accreditation.html">Accreditation</a></li> 2465 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/police-department/campus-carry/">Campus Carry Policy</a></li> 2466 </ul> 2467 <ul class="nav flex-column"> 2468 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/computing/training-lms/index.html">Canvas</a></li> 2469 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/policies/compact.html">Compact with Texans</a></li> 2470 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/directory/index.html">Directory</a></li> 2471 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/hr/">Human Resources</a></li> 2472 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/computing/">Information Technology</a></li> 2473 </ul> 2474 <ul class="nav flex-column"> 2475 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/library/">Library</a></li> 2476 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/sssl/counseling/">Mental Health Resources</a></li> 2477 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/about/parking/">Parking & Transportation Services</a></li> 2478 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/academics/sacscoc/qep.html">Quality Enhancement Plan</a></li> 2479 <li class="nav-item"><a class="nav-link ps-0 ps-md-3" href="/academics/sacscoc/student-achievement.html">Student Achievement</a></li> 2480 </ul> 2481 <div class="socials pt-4 pt-md-0 d-flex justify-content-center"> 2482 <ul class="nav"> 2483 <li class="nav-item"><a href="https://www.facebook.com/uhdowntown/" class="nav-link" aria-label="UHD Facebook" title="UHD Facebook"><img src="/images/uhd-footer-facebook.png" alt="Facebook" width="32"></a></li> 2484 <li class="nav-item">
2484<a href="https://twitter.com/UHDowntown" class="nav-link" aria-label="UHD Twitter" title="UHD Twitter"><img src="/images/uhd-footer-x-twitter.png" alt="X (Twitter)" width="32"></a></li> 2485 <li class="nav-item"><a href="https://www.instagram.com/uhdofficial/" class="nav-link" aria-label="UHD Instagram" title="UHD Instagram"><img src="/images/uhd-footer-instagram.png" alt="Instagram" width="32"></a></li> 2486 <li class="nav-item"><a href="https://www.linkedin.com/school/university-of-houston-downtown" class="nav-link" aria-label="UHD LinkedIn" title="UHD LinkedIn"><img src="/images/uhd-footer-linkedin.png" alt="LinkedIn" width="32"></a></li> 2487 <li class="nav-item"><a href="https://www.youtube.com/uhdnetwork" class="nav-link" aria-label="UHD YouTube" title="UHD YouTube"><img src="/images/uhd-footer-youtube.png" alt="Youtube" width="32"></a></li> 2488 <li class="nav-item"><a href="https://www.uhd.edu/photos" class="nav-link" aria-label="UHD Photo Gallery" title="UHD Photo Gallery"><img src="/images/uhd-footer-camera.png" alt="UHD Photo Gallery" width="32"></a></li> 2489 </ul> 2490 </div> 2491 </div> 2492 </div> 2493 </div> 2494 <div class="container-fluid footer-link-bar py-4 px-4"> 2495 <div class="col-12"> 2496 <ul class="nav"> 2497 <li class="nav-item"> 2498 <div class="copy-right-text"><span id="directedit">©</span>2026 University of Houston-Downtown 2499 </div> 2500 </li> 2501 <li class="nav-item"><a class="nav-link bottom-footer-link" href="https://uhdforms.formstack.com/forms/report_a_problem">Report a problem with this page</a></li> 2502 <li class="nav-item"><a href="/about/about-uhsystem.html" class="nav-link">University of Houston System</a></li> 2503 <li class="nav-item"><a href="https://uhsystem.edu/resources/privacy-notice/" class="nav-link">Privacy Notice</a></li> 2504 <li class="nav-item"><a href="https://sao.fraud.texas.gov/ReportFraud/" class="nav-link">Fraud Reporting</a></li> 2505 <li class="nav-item"><a href="https://uhsystem.ethicspoint.com" class="nav-link">Fraud & Non-Compliance Hotline</a></li> 2506 <li class="nav-item"><a href="/policies/linking-policy.html" class="nav-link">Linking Notice</a></li> 2507 <li class="nav-item"><a href="/policies/open-records.html" class="nav-link">Open Records</a></li> 2508 <li class="nav-item"><a href="https://www.txhighereddata.org/institution-overviews/institutional-online-resumes/" class="nav-link">Institutional Resume</a></li> 2509 <li class="nav-item"><a href="/administration/budget-office/required-reports.html" class="nav-link">State Required Reports</a></li> 2510 <li class="nav-item"><a href="https://gov.texas.gov/organization/hsgd" class="nav-link">Texas Homeland Security</a></li> 2511 <li class="nav-item"><a href="/policies/texas-public-information-act.html" class="nav-link">Texas Public Information Act (TPIA)</a></li> 2512 <li class="nav-item"><a href="https://www.texas.gov/" class="nav-link">Texas.gov</a></li> 2513 <li class="nav-item"><a href="/policies/hb2504.html" class="nav-link">HB 2504</a></li> 2514 <li class="nav-item"><a href="https://www.tsl.texas.gov/trail/index.html" class="nav-link">TRAIL</a></li> 2515 <li class="nav-item"><a href="/title-ix/" class="nav-link">Sexual Misconduct & Discrimination Reporting</a></li> 2516 <li class="nav-item"><a href="/policies/" class="nav-link">University Policies</a></li> 2517 <li class="nav-item"><a href="https://veterans.portal.texas.gov/" class="nav-link">Texas Veterans Portal</a></li> 2518 <li class="nav-item"><a href="/sssl/dean-of-students/reporting-options.html" class="nav-link">Student Issue or Concern Report</a></li> 2519 </ul> 2520 </div> 2521 </div> 2522</footer>
2523<script src="/_resources/js/uhd-components.js"></script>
2523 <!-- uhd-components.js - Prototype Version (Deprecating) -->
2524<script src="/_resources/js/web-components.js"></script>
2524 <!-- web-components.js - Production Version -->
2525<script src="https://player.vimeo.com/api/player.js"></script>
2525 <!-- Vimeo --> <div id="ou-hidden" style="display:none;"><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&account=uhd&site=www&action=de&path=/index.pcf">©</a></div>
2525<script> 2526 if(document.getElementById("de") != null && document.getElementById("directedit")) { 2527 var link = document.getElementById("de").parentNode.innerHTML; 2528 document.getElementById("de").parentNode.innerHTML = ""; 2529 document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,''); 2530 } 2531 </script>
2531<!-- ouc:info uuid="f7558f84-25fc-4a23-8032-9c75d71d2cfb"/ --></body> 2532</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.