basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Files
109c09d2a37a0fb9471e75e4cb2ccca364aefe09
sisvietnamvn_01/sisvietnamvn/src/main/resources/templates/fragments/header.html
T
NAS\NASPC 109c09d2a3 update backgrounnd video for header.html
2026-06-05 09:49:06 +07:00

1376 lines
68 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<header id="l--main-header" th:fragment="header">
<h1 class="visually-hidden">The University of Massachusetts Amherst</h1>
<style>
/* Fix logo visibility on dark background with Glow effect */
[data-component-id="umass_base:site-header"] [data-component-id="umass_base:header-branding"] {
position: absolute;
top: 20px;
left: 20px;
z-index: 99;
}
[data-component-id="umass_base:site-header"] {
justify-content: flex-end !important;
position: relative;
}
[data-component-id="umass_base:header-branding"] img {
filter: drop-shadow(2px 0px 0 rgba(255, 255, 255, 1)) drop-shadow(0px 2px 0 rgba(255, 255, 255, 1)) drop-shadow(-2px 0px 0 rgba(255, 255, 255, 1)) drop-shadow(0px -2px 0 rgba(255, 255, 255, 1));
transition: filter 0.3s ease, transform 0.3s ease;
}
[data-component-id="umass_base:header-branding"] a:hover img {
transform: scale(1.05);
filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
}
/* Hamburger icon - white only on transparent headers */
:is(.transparent-header, body:has(.transparent-header)) #mobile-hamburger .hamburger-inner,
:is(.transparent-header, body:has(.transparent-header)) #mobile-hamburger .hamburger-inner::before,
:is(.transparent-header, body:has(.transparent-header)) #mobile-hamburger .hamburger-inner::after {
background-color: var(--color-white) !important;
}
/* Desktop only: main nav links are white when header is transparent over hero image */
@media (min-width: 1200px) {
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>a,
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>button,
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>a {
color: #fff !important;
}
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>a:hover,
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li>.link-arrow-wrapper>a:focus {
color: #e5e5e5 !important;
}
/* Arrow SVG fill - white on desktop */
:is(.transparent-header, body:has(.transparent-header)) #l--main-header .m--main-menu>li .has-submenu path {
fill: #fff !important;
}
}
/* Mobile/Tablet: Keep hero banner at perfect 16:9 ratio to prevent black gaps */
@media (max-width: 1199px) {
.cc--hero-landing,
.c--hero-landing,
.c--hero-landing .image-video-container,
.c--hero-landing .f--field.f--image {
height: auto !important;
min-height: 0 !important;
}
}
</style>
<div class="region region-header r--region r--header">
<div data-component-id="umass_base:tophat">
<div class="tophat-inner">
<div class="social-header">
<nav data-component-id="umass_base:header-socials">
<ul class="social-media-links--platforms platforms ally-focus-within">
<li>
<a class="ext" href="#" target="_blank" rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" viewBox="0 0 17 17">
<title>Find UMass Amherst on Facebook</title>
<path fill-rule="evenodd" fill="currentColor"
d="M17,8.5C17,3.81,13.19,0,8.5,0S0,3.81,0,8.5c0,3.98,2.75,7.33,6.45,8.25v-5.65h-1.75v-2.6h1.75v-1.12c0-2.89,1.31-4.23,4.15-4.23.54,0,1.47.11,1.85.21v2.35c-.2-.02-.55-.03-.98-.03-1.39,0-1.93.53-1.93,1.9v.92h2.78l-.48,2.6h-2.3v5.84c4.21-.51,7.47-4.09,7.47-8.44Z">
</path>
</svg>
</a>
</li>
<li>
<a class="ext" href="#" target="_blank" rel="noopener noreferrer">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg aria-hidden="true" focusable="false" viewBox="0 0 17 20">
<title>Find UMass Amherst on Instagram</title>
<path fill-rule="evenodd" fill="currentColor" <path=""
d="M8.51,5.51c-.57,0-1.14.11-1.67.34-.53.22-1.01.55-1.42.97-.82.84-1.28,1.98-1.29,3.17,0,1.19.45,2.34,1.27,3.18.82.84,1.93,1.32,3.08,1.32,1.16,0,2.27-.47,3.09-1.31.82-.84,1.28-1.98,1.29-3.17,0-1.19-.45-2.34-1.27-3.18-.82-.84-1.93-1.32-3.08-1.32ZM8.49,7.09c.37,0,.74.07,1.08.22.34.15.66.36.92.63.26.27.47.59.62.94.14.35.22.73.22,1.11,0,.38-.07.76-.21,1.12-.14.35-.35.68-.61.95-.26.27-.57.49-.92.64-.34.15-.71.22-1.08.23-.37,0-.74-.07-1.08-.22-.34-.15-.66-.36-.92-.63-.26-.27-.47-.59-.62-.94-.14-.35-.22-.73-.22-1.11,0-.38.07-.76.21-1.12.14-.35.35-.68.61-.95.26-.27.57-.49.92-.64.34-.15.71-.22,1.08-.23ZM12.03,5.32c0-.28.11-.54.3-.74.19-.2.45-.31.72-.31s.53.11.72.31c.19.2.3.46.3.74s-.11.54-.3.74c-.19.2-.45.31-.72.31s-.53-.11-.72-.31c-.19-.2-.3-.46-.3-.74ZM16.95,6.39c-.06-1.4-.38-2.64-1.37-3.67-.99-1.02-2.2-1.34-3.56-1.41-1.4-.08-5.61-.08-7.02,0-1.36.07-2.57.39-3.56,1.41C.44,3.74.13,4.98.06,6.38-.02,7.83-.02,12.16.06,13.61c.06,1.4.38,2.64,1.37,3.67,1,1.02,2.2,1.34,3.56,1.41,1.4.08,5.61.08,7.02,0,1.36-.07,2.57-.39,3.56-1.41.99-1.02,1.31-2.27,1.37-3.67.08-1.45.08-5.77,0-7.22ZM15.14,15.16c-.3.77-.87,1.36-1.62,1.66-1.12.46-3.78.35-5.01.35s-3.9.1-5.01-.35c-.74-.3-1.32-.89-1.62-1.66-.44-1.15-.34-3.89-.34-5.16s-.1-4.01.34-5.16c.3-.77.87-1.36,1.62-1.66,1.12-.46,3.78-.35,5.01-.35s3.9-.1,5.01.35c.74.3,1.32.89,1.62,1.66.44,1.15.34,3.89.34,5.16s.1,4.01-.34,5.16Z">
</path>
</svg>
</a>
</li>
<li>
<a class="ext" href="#" target="_blank" rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" viewBox="0 0 17 17">
<title>Add UMass Amherst on Snapchat</title>
<path
d="m12.8333333 20.3333333c-.0833333 0-.0833333 0-.1666666 0h-.0833334c-1.0833333 0-1.6666666-.3333333-2.25-.75-.41666663-.3333333-.74999997-.5833333-1.16666663-.5833333-.25 0-.41666667-.0833333-.66666667-.0833333-.33333333 0-.66666667.0833333-.91666667.0833333-.16666666 0-.33333333.0833333-.41666666.0833333-.33333334 0-.5-.25-.5-.4166666 0-.1666667-.08333334-.25-.08333334-.4166667 0-.0833333-.08333333-.25-.08333333-.3333333-1.33333333-.25-2.08333333-.5-2.25-1-.08333333 0-.08333333-.0833334-.08333333-.1666667 0-.25.16666666-.4166667.41666666-.5 2.25-.3333333 3.33333334-2.75 3.33333334-2.8333333.08333333-.25.16666666-.4166667.08333333-.5833334-.08333333-.1666666-.58333333-.3333333-.91666667-.4166666-.08333333 0-.16666666-.0833334-.25-.0833334-.83333333-.3333333-1-.75-.91666666-1.0833333.08333333-.5.83333333-.75 1.25-.5833333.33333333.1666666.58333333.1666666.75.1666666h.25c0-.0833333 0-.25 0-.3333333-.08333334-1.16666667-.25-2.66666667.16666666-3.5 1.16666667-2.66666667 3.66666667-2.83333333 4.33333337-2.83333333h.3333333c.75 0 3.1666667.16666666 4.3333333 2.83333333.4166667.91666667.3333334 2.33333333.25 3.5v.0833333.25h.1666667c.1666667 0 .4166667-.0833333.6666667-.1666666.1666666-.0833334.25-.0833334.4166666-.0833334.1666667 0 .25 0 .4166667.0833334.3333333.0833333.5833333.4166666.5833333.6666666 0 .4166667-.3333333.6666667-.9166666.9166667-.0833334 0-.1666667.0833333-.25.0833333-.3333334.0833334-.8333334.25-.9166667.5-.0833333.1666667 0 .3333334.0833333.5.0833334.25 1.0833334 2.5 3.25 2.8333334.25 0 .4166667.25.4166667.5 0 .0833333 0 .1666666-.0833333.1666666-.1666667.4166667-.9166667.75-2.25 1 0 .0833334-.0833334.25-.0833334.3333334 0 .1666666-.0833333.25-.0833333.4166666-.0833333.25-.25.4166667-.5.4166667-.0833333 0-.25 0-.4166667-.0833333-.25-.0833334-.5-.0833334-.9166666-.0833334-.1666667 0-.4166667 0-.6666667.0833334-.4166667.0833333-.75.3333333-1.1666667.5833333-.6666666.5833333-1.5.8333333-2.5.8333333"
fill="currentColor" fill-rule="evenodd" transform="translate(-4 -3)"></path>
</svg>
</a>
</li>
</ul>
</nav>
</div>
<button id="tophat-hamburger" class="tophat-hamburger hamburger--squeeze" aria-label="Open Info Navigation"
data-once="tophat-hamburger">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div id="tophat-flyout-container">
<div class="tophat-flyout">
<div class="tophat-logo">
<a href="https://sisvietnam.vn/">
<img src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
</a>
</div>
<nav class="mc--menu mc--utility-menu">
<ul class="menu m--menu m--utility-menu">
<li class="menu-item menu-item--expanded">
<div class="utility-button-wrapper">
<button type="button" class="utility-button arrow-toggle information-for-toggle"
aria-label="Display submenu for Information menu" aria-expanded="false" aria-haspopup="true">
Info For
<svg version="1.1" class="arrow-down" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 5"
enable-background="new 0 0 10 5" xml:space="preserve" width="10" height="5">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="5,5 0,0 10,0 "></polygon>
</svg>
<svg version="1.1" class="arrow-right" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="5,5 0,10 0,0 "></polygon>
</svg>
</button>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Dành cho</span>
<ul class="submenu">
<li class="menu-item">
<a href="#" data-drupal-link-system-path="node/42831">Bệnh nhân</a>
</li>
<li class="menu-item">
<a href="#" title="Click here for info for Người nhà bệnh nhân"
data-drupal-link-system-path="node/61">Người nhà bệnh nhân</a>
</li>
<li class="menu-item">
<a href="#" title="Click here for info for Bác sĩ / Chuyên gia y tế"
data-drupal-link-system-path="node/66">Bác sĩ / Chuyên gia y tế</a>
</li>
<li class="menu-item">
<a href="#" title="Click here for info for Khách hàng Doanh nghiệp"
data-drupal-link-system-path="node/81">Khách hàng Doanh nghiệp</a>
</li>
<li class="menu-item">
<a href="#" title="Info for Đối tác">Đối tác</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item">
<a href="#" title="UMass Amherst Alumni Association">Alumni</a>
</li>
<li class="menu-item">
<a href="#" title="UMass Amherst Athletics">Athletics</a>
</li>
<li class="menu-item">
<a href="#" title="Giving to UMass Amherst">Giving</a>
</li>
<li class="menu-item">
<a href="#">Libraries</a>
</li>
</ul>
</nav>
<div data-component-id="umass_base:nav-quicklink-buttons">
<nav class="mc--menu mc--quicklink-button-menu">
<ul class="menu m--menu m--quicklink-button-menu">
<li class="menu-item">
<div class="f--field f--button">
<a href="https://www.umass.edu/admissions/apply" class="button-primary button-context-light "
aria-label="Apply" data-component-id="umass_base:button">
<span class="button-text">
Apply
</span>
</a>
</div>
</li>
<li class="menu-item">
<div class="f--field f--button">
<a href="#" class="button-primary button-context-light " aria-label="Give"
data-component-id="umass_base:button">
<span class="button-text">
Give
</span>
</a>
</div>
</li>
<li class="menu-item">
<div class="f--field f--button">
<a href="https://www.umass.edu/admissions/visit" class="button-primary button-context-light "
aria-label="Visit" data-component-id="umass_base:button">
<span class="button-text">
Visit
</span>
</a>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<section data-component-id="umass_base:site-header" aria-label="Site Header">
<div data-component-id="umass_base:header-branding">
<a href="https://sisvietnam.vn/">
<img class="whitetext" src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
<img class="redtext" src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
</a>
</div>
<div class="navigation-container">
<div id="mobile-flyout-container">
<div class="primary-navigation">
<nav class="mc--menu mc--main-menu">
<ul class="menu m--menu m--main-menu">
<li class="megamenu menu-item menu-item--expanded menu-item--active-trail">
<div class="link-arrow-wrapper">
<a href="https://www.umass.edu/gateway/academics" data-drupal-link-system-path="node/11">Trang
chủ</a>
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Academics" data-once="site-header-arrow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 16 7" enable-background="new 0 0 16 7" xml:space="preserve"
width="16" height="7">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c"
d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
</svg>
</button>
</div>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Academics</span>
<ul class="submenu">
<li class="menu-item menu-item--expanded menu-item--active-trail">
<span>Get Your Degree</span>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Get Your Degree</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/undergraduate"
data-drupal-link-system-path="node/106">Undergraduate</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/bdic/">Design Your Own Major</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/graduate"
data-drupal-link-system-path="node/111">Graduate</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/accelerated-masters-4plus1-degree"
data-drupal-link-system-path="node/42816">Accelerated Master's</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/schools-colleges"
data-drupal-link-system-path="node/596">Schools &amp; Colleges</a>
</li>
<li class="menu-item menu-item--collapsed menu-item--active-trail">
<a href="https://www.umass.edu/flex/flex-finish"
title="Complete your bachelor&#39;s degree fully online at UMass Amherst."
data-drupal-link-system-path="node/73491" class="is-active"
aria-current="page">Bachelor’s Degree Completion</a>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<span>Ways to Learn</span>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Ways to Learn</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/explore-our-campuses"
data-drupal-link-system-path="node/84076">Our Campuses</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/summer-winter-sessions"
data-drupal-link-system-path="node/83931">Summer &amp; Winter Sessions</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/study-abroad"
data-drupal-link-system-path="node/84116">Study Abroad</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/first-year-launch-programs"
data-drupal-link-system-path="node/83936">First-Year Launch Programs</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/lifelong/">Pre-College &amp; Lifelong Learning</a>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<span>Resources</span>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Resources</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/university-libraries"
data-drupal-link-system-path="node/616">University Libraries</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/academic-advising"
data-drupal-link-system-path="node/26366">Academic Advising</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/careers/">Career &amp; Internship Services</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/academics/explore-our-programs"
data-drupal-link-system-path="node/251">Explore Our Programs</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<div class="link-arrow-wrapper">
<a href="https://www.umass.edu/admissions" data-drupal-link-system-path="node/36">Giới thiệu</a>
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Admissions &amp; Aid" data-once="site-header-arrow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 16 7" enable-background="new 0 0 16 7" xml:space="preserve"
width="16" height="7">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c"
d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
</svg>
</button>
</div>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Admissions &amp; Aid</span>
<ul class="submenu">
<li class="menu-item menu-item--expanded">
<a href="https://www.umass.edu/admissions/undergraduate-admissions"
data-drupal-link-system-path="node/266">Undergraduate Admissions</a>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Undergraduate Admissions</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/admissions/undergraduate-admissions"
data-drupal-link-system-path="node/266">Home</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/admissions/explore"
data-drupal-link-system-path="node/626">Explore</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/admissions/visit"
data-drupal-link-system-path="node/1366">Visit</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/admissions/apply"
data-drupal-link-system-path="node/271">Apply</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/admissions/undergraduate-admissions/costs-aid"
data-drupal-link-system-path="node/2651">Costs &amp; Aid</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/admissions/connect"
data-drupal-link-system-path="node/656">Connect</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/admissions/admitted-students"
data-drupal-link-system-path="node/1601">Admitted Students</a>
</li>
</ul>
</div>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/graduate/apply">Graduate Admissions</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/universityplus/admissions">Undergraduate Online Admissions</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/uww/pre-college">Pre-College Admissions</a>
</li>
<li class="menu-item menu-item--expanded">
<a href="https://www.umass.edu/financialaid" data-drupal-link-system-path="node/781">Financial
Aid</a>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Financial Aid</span>
<ul class="submenu">
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/financialaid/financial-aid-services"
data-drupal-link-system-path="node/856">Financial Aid Services</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/financialaid/undergraduate"
data-drupal-link-system-path="node/786">Undergraduate</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/financialaid/graduate"
data-drupal-link-system-path="node/19936">Graduate</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/financialaid/non-degree-seeking-students"
data-drupal-link-system-path="node/20531">Non-Degree</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/financialaid/university"
data-drupal-link-system-path="node/991">University+</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/financialaid/student-employment"
data-drupal-link-system-path="node/1056">Student Employment</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<div class="link-arrow-wrapper">
<a href="https://www.umass.edu/gateway/campus-life" data-drupal-link-system-path="node/16">Tin
tức</a>
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Campus Life" data-once="site-header-arrow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 16 7" enable-background="new 0 0 16 7" xml:space="preserve"
width="16" height="7">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c"
d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
</svg>
</button>
</div>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Campus Life</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/campus-life/living-and-dining"
data-drupal-link-system-path="node/3666">Living and Dining</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/campus-life/student-activities"
data-drupal-link-system-path="node/3676">Student Activities</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/campus-life/student-support-and-wellness"
data-drupal-link-system-path="node/3681">Student Support and Wellness</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/campus-life/life-amherst"
data-drupal-link-system-path="node/3661">Life in Amherst</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/arts-culture"
data-drupal-link-system-path="node/84101">Arts &amp; Culture</a>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<div class="link-arrow-wrapper">
<a href="https://www.umass.edu/gateway/why-umass" data-drupal-link-system-path="node/82851">Ban Khoa
Giáo</a>
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Why UMass?" data-once="site-header-arrow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 16 7" enable-background="new 0 0 16 7" xml:space="preserve"
width="16" height="7">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c"
d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
</svg>
</button>
</div>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Why UMass?</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/why-umass/discover-ideas"
data-drupal-link-system-path="node/83286">Discover Ideas</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/why-umass/choose-your-path"
data-drupal-link-system-path="node/83471">Choose Your Path</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/why-umass/find-your-purpose"
data-drupal-link-system-path="node/83511">Find Your Purpose</a>
</li>
<li class="menu-item menu-item--expanded">
<a href="https://www.umass.edu/gateway/why-umass/world-class-public-research-university"
data-drupal-link-system-path="node/3716">About UMass Amherst</a>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">About UMass Amherst</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/umass-edge/about-umass-amherst/umass-history"
data-drupal-link-system-path="node/3721">UMass History</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/why-umass/about-umass-amherst/umass-amherst-numbers"
data-drupal-link-system-path="node/74316">UMass Amherst By the Numbers</a>
</li>
<li class="menu-item menu-item--collapsed">
<a href="https://www.umass.edu/chancellor/">Office of the Chancellor</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/umass-edge/about-umass-amherst/mascot/sam-minuteman"
data-drupal-link-system-path="node/21126">Sam the Minuteman</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/umass-stories"
data-drupal-link-system-path="node/55696">UMass Amherst Stories</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<div class="link-arrow-wrapper">
<a href="https://www.umass.edu/gateway/research" data-drupal-link-system-path="node/79406">Đào
tạo</a>
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Research" data-once="site-header-arrow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 16 7" enable-background="new 0 0 16 7" xml:space="preserve"
width="16" height="7">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c"
d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
</svg>
</button>
</div>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Research</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/research/student-research"
data-drupal-link-system-path="node/606">Student Research</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/research/faculty-excellence"
data-drupal-link-system-path="node/19971">Faculty Excellence</a>
</li>
<li class="menu-item menu-item--expanded">
<a href="https://www.umass.edu/gateway/research/innovation-impact"
data-drupal-link-system-path="node/601">Innovation &amp; Impact</a>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Innovation &amp; Impact</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/gateway/research/stories"
data-drupal-link-system-path="node/35236">Research News &amp; Stories</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/research/timeline"
data-drupal-link-system-path="gateway/research/timeline">Timeline of Research
Breakthroughs</a>
</li>
</ul>
</div>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/research/centers-and-institutes"
data-drupal-link-system-path="node/611">Centers and Institutes</a>
</li>
</ul>
</div>
</li>
<li class="menu-item menu-item--expanded">
<div class="link-arrow-wrapper">
<a href="https://www.umass.edu/news/news-events" data-drupal-link-system-path="node/31">Tuyển
dụng</a>
<button type="button" class="has-submenu arrow-toggle" aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for News &amp; Events" data-once="site-header-arrow">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 16 7" enable-background="new 0 0 16 7" xml:space="preserve"
width="16" height="7">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c"
d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
</svg>
</button>
</div>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">News &amp; Events</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/news-headlines"
data-drupal-link-system-path="node/79501">News Headlines</a>
</li>
<li class="menu-item">
<a href="https://events.umass.edu/">Events</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/experts-umass"
data-drupal-link-system-path="node/971">Experts at UMass</a>
</li>
<li class="menu-item menu-item--expanded">
<a href="https://www.umass.edu/news/federal-actions"
data-drupal-link-system-path="node/75351">Federal Actions</a>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Federal Actions</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/news/federal-actions/all-updates"
data-drupal-link-system-path="node/76176">View All Federal Actions Updates</a>
</li>
</ul>
</div>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/olympia-drive-fire-response"
data-drupal-link-system-path="node/81266">Olympia Drive Fire Response</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/chancellor/">Office of Chancellor Javier Reyes</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/institutional-effectiveness/strategic-plan">Strategic Plan
2024–2034</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/news-office-frequently-asked-questions"
data-drupal-link-system-path="node/21221">Frequently Asked Questions</a>
</li>
<li class="menu-item menu-item--expanded">
<a href="https://www.umass.edu/news/news-events/inside-umass"
data-drupal-link-system-path="node/21016">Inside UMass</a>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Inside UMass</span>
<ul class="submenu">
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/inside-umass/submit-inside-umass-procedures-and-guidelines"
data-drupal-link-system-path="node/26211">Submit to Inside UMass</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/news-headlines">View Most Recent News
Headlines</a>
</li>
<li class="menu-item">
<a
href="https://subscribe.umass.edu/subscriptioncenter/manageList/subscribeFromLink?channel_id=a2w6S000007eAfOQAU">Subscribe
to Inside UMass</a>
</li>
</ul>
</div>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/hometown-news-requests"
data-drupal-link-system-path="node/21091">Hometown News Requests</a>
</li>
<li class="menu-item">
<a
href="https://www.umass.edu/university-relations/toolkit/social-media/social-media-directory">Social
Media Directory</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/video-services"
data-drupal-link-system-path="node/20596">Video Services</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/job-opportunities-students"
data-drupal-link-system-path="node/20546">Job Opportunities for Students</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/news/news-events/contact-us"
data-drupal-link-system-path="node/3751">Contact Us</a>
</li>
</ul>
</div>
</li>
</ul>
</nav>
<div data-component-id="umass_base:nav-quicklink-buttons">
<nav class="mc--menu mc--quicklink-button-menu">
<ul class="menu m--menu m--quicklink-button-menu">
<li class="menu-item">
<div class="f--field f--button">
<a href="https://www.umass.edu/admissions/apply" class="button-primary button-context-light "
aria-label="Apply" data-component-id="umass_base:button">
<span class="button-text">
Apply
</span>
</a>
</div>
</li>
<li class="menu-item">
<div class="f--field f--button">
<a href="#" class="button-primary button-context-light " aria-label="Give"
data-component-id="umass_base:button">
<span class="button-text">
Give
</span>
</a>
</div>
</li>
<li class="menu-item">
<div class="f--field f--button">
<a href="https://www.umass.edu/admissions/visit" class="button-primary button-context-light "
aria-label="Visit" data-component-id="umass_base:button">
<span class="button-text">
Visit
</span>
</a>
</div>
</li>
</ul>
</nav>
</div>
<nav class="mc--menu mc--utility-menu">
<ul class="menu m--menu m--utility-menu">
<li class="menu-item menu-item--expanded">
<div class="utility-button-wrapper">
<button type="button" class="utility-button arrow-toggle information-for-toggle"
aria-label="Display submenu for Information menu" aria-expanded="false" aria-haspopup="true"
data-once="site-header-arrow">
Info For
<svg version="1.1" class="arrow-down" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 5"
enable-background="new 0 0 10 5" xml:space="preserve" width="10" height="5">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="5,5 0,0 10,0 ">
</polygon>
</svg>
<svg version="1.1" class="arrow-right" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 5 10"
enable-background="new 0 0 5 10" xml:space="preserve" width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="5,5 0,10 0,0 ">
</polygon>
</svg>
</button>
<div class="submenu-wrapper">
<button class="button-back">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve"
width="5" height="10">
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
</polygon>
</svg>
Back
</button>
<span class="navigation-title">Dành cho</span>
<ul class="submenu">
<li class="menu-item">
<a href="#" data-drupal-link-system-path="node/42831">Bệnh nhân</a>
</li>
<li class="menu-item">
<a href="#" title="Click here for info for Người nhà bệnh nhân"
data-drupal-link-system-path="node/61">Người nhà bệnh nhân</a>
</li>
<li class="menu-item">
<a href="#" title="Click here for info for Bác sĩ / Chuyên gia y tế"
data-drupal-link-system-path="node/66">Bác sĩ / Chuyên gia y tế</a>
</li>
<li class="menu-item">
<a href="#" title="Click here for info for Khách hàng Doanh nghiệp"
data-drupal-link-system-path="node/81">Khách hàng Doanh nghiệp</a>
</li>
<li class="menu-item">
<a href="#" title="Info for Đối tác">Đối tác</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item">
<a href="#" title="UMass Amherst Alumni Association">Alumni</a>
</li>
<li class="menu-item">
<a href="#" title="UMass Amherst Athletics">Athletics</a>
</li>
<li class="menu-item">
<a href="#" title="Giving to UMass Amherst">Giving</a>
</li>
<li class="menu-item">
<a href="#">Libraries</a>
</li>
</ul>
</nav>
<nav data-component-id="umass_base:header-socials">
<ul class="social-media-links--platforms platforms ally-focus-within">
<li>
<a class="ext" href="#" target="_blank" rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" viewBox="0 0 17 17">
<title>Find UMass Amherst on Facebook</title>
<path fill-rule="evenodd" fill="currentColor"
d="M17,8.5C17,3.81,13.19,0,8.5,0S0,3.81,0,8.5c0,3.98,2.75,7.33,6.45,8.25v-5.65h-1.75v-2.6h1.75v-1.12c0-2.89,1.31-4.23,4.15-4.23.54,0,1.47.11,1.85.21v2.35c-.2-.02-.55-.03-.98-.03-1.39,0-1.93.53-1.93,1.9v.92h2.78l-.48,2.6h-2.3v5.84c4.21-.51,7.47-4.09,7.47-8.44Z">
</path>
</svg>
</a>
</li>
<li>
<a class="ext" href="#" target="_blank" rel="noopener noreferrer">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg aria-hidden="true" focusable="false" viewBox="0 0 17 20">
<title>Find UMass Amherst on Instagram</title>
<path fill-rule="evenodd" fill="currentColor" <path=""
d="M8.51,5.51c-.57,0-1.14.11-1.67.34-.53.22-1.01.55-1.42.97-.82.84-1.28,1.98-1.29,3.17,0,1.19.45,2.34,1.27,3.18.82.84,1.93,1.32,3.08,1.32,1.16,0,2.27-.47,3.09-1.31.82-.84,1.28-1.98,1.29-3.17,0-1.19-.45-2.34-1.27-3.18-.82-.84-1.93-1.32-3.08-1.32ZM8.49,7.09c.37,0,.74.07,1.08.22.34.15.66.36.92.63.26.27.47.59.62.94.14.35.22.73.22,1.11,0,.38-.07.76-.21,1.12-.14.35-.35.68-.61.95-.26.27-.57.49-.92.64-.34.15-.71.22-1.08.23-.37,0-.74-.07-1.08-.22-.34-.15-.66-.36-.92-.63-.26-.27-.47-.59-.62-.94-.14-.35-.22-.73-.22-1.11,0-.38.07-.76.21-1.12.14-.35.35-.68.61-.95.26-.27.57-.49.92-.64.34-.15.71-.22,1.08-.23ZM12.03,5.32c0-.28.11-.54.3-.74.19-.2.45-.31.72-.31s.53.11.72.31c.19.2.3.46.3.74s-.11.54-.3.74c-.19.2-.45.31-.72.31s-.53-.11-.72-.31c-.19-.2-.3-.46-.3-.74ZM16.95,6.39c-.06-1.4-.38-2.64-1.37-3.67-.99-1.02-2.2-1.34-3.56-1.41-1.4-.08-5.61-.08-7.02,0-1.36.07-2.57.39-3.56,1.41C.44,3.74.13,4.98.06,6.38-.02,7.83-.02,12.16.06,13.61c.06,1.4.38,2.64,1.37,3.67,1,1.02,2.2,1.34,3.56,1.41,1.4.08,5.61.08,7.02,0,1.36-.07,2.57-.39,3.56-1.41.99-1.02,1.31-2.27,1.37-3.67.08-1.45.08-5.77,0-7.22ZM15.14,15.16c-.3.77-.87,1.36-1.62,1.66-1.12.46-3.78.35-5.01.35s-3.9.1-5.01-.35c-.74-.3-1.32-.89-1.62-1.66-.44-1.15-.34-3.89-.34-5.16s-.1-4.01.34-5.16c.3-.77.87-1.36,1.62-1.66,1.12-.46,3.78-.35,5.01-.35s3.9-.1,5.01.35c.74.3,1.32.89,1.62,1.66.44,1.15.34,3.89.34,5.16s.1,4.01-.34,5.16Z">
</path>
</svg>
</a>
</li>
<li>
<a class="ext" href="#" target="_blank" rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" viewBox="0 0 17 17">
<title>Add UMass Amherst on Snapchat</title>
<path
d="m12.8333333 20.3333333c-.0833333 0-.0833333 0-.1666666 0h-.0833334c-1.0833333 0-1.6666666-.3333333-2.25-.75-.41666663-.3333333-.74999997-.5833333-1.16666663-.5833333-.25 0-.41666667-.0833333-.66666667-.0833333-.33333333 0-.66666667.0833333-.91666667.0833333-.16666666 0-.33333333.0833333-.41666666.0833333-.33333334 0-.5-.25-.5-.4166666 0-.1666667-.08333334-.25-.08333334-.4166667 0-.0833333-.08333333-.25-.08333333-.3333333-1.33333333-.25-2.08333333-.5-2.25-1-.08333333 0-.08333333-.0833334-.08333333-.1666667 0-.25.16666666-.4166667.41666666-.5 2.25-.3333333 3.33333334-2.75 3.33333334-2.8333333.08333333-.25.16666666-.4166667.08333333-.5833334-.08333333-.1666666-.58333333-.3333333-.91666667-.4166666-.08333333 0-.16666666-.0833334-.25-.0833334-.83333333-.3333333-1-.75-.91666666-1.0833333.08333333-.5.83333333-.75 1.25-.5833333.33333333.1666666.58333333.1666666.75.1666666h.25c0-.0833333 0-.25 0-.3333333-.08333334-1.16666667-.25-2.66666667.16666666-3.5 1.16666667-2.66666667 3.66666667-2.83333333 4.33333337-2.83333333h.3333333c.75 0 3.1666667.16666666 4.3333333 2.83333333.4166667.91666667.3333334 2.33333333.25 3.5v.0833333.25h.1666667c.1666667 0 .4166667-.0833333.6666667-.1666666.1666666-.0833334.25-.0833334.4166666-.0833334.1666667 0 .25 0 .4166667.0833334.3333333.0833333.5833333.4166666.5833333.6666666 0 .4166667-.3333333.6666667-.9166666.9166667-.0833334 0-.1666667.0833333-.25.0833333-.3333334.0833334-.8333334.25-.9166667.5-.0833333.1666667 0 .3333334.0833333.5.0833334.25 1.0833334 2.5 3.25 2.8333334.25 0 .4166667.25.4166667.5 0 .0833333 0 .1666666-.0833333.1666666-.1666667.4166667-.9166667.75-2.25 1 0 .0833334-.0833334.25-.0833334.3333334 0 .1666666-.0833333.25-.0833333.4166666-.0833333.25-.25.4166667-.5.4166667-.0833333 0-.25 0-.4166667-.0833333-.25-.0833334-.5-.0833334-.9166666-.0833334-.1666667 0-.4166667 0-.6666667.0833334-.4166667.0833333-.75.3333333-1.1666667.5833333-.6666666.5833333-1.5.8333333-2.5.8333333"
fill="currentColor" fill-rule="evenodd" transform="translate(-4 -3)"></path>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</div>
<button id="search-drawer-trigger" aria-label="Open Search" data-once="header-search">
<svg class="search-trigger-open" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25 25">
<title>Open Search</title>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff"
d="M10.03,2.67c-4.07,0-7.36,3.29-7.36,7.36s3.29,7.36,7.36,7.36,7.36-3.29,7.36-7.36c-.01-4.07-3.3-7.36-7.36-7.36ZM10.03,0c5.54,0,10.03,4.49,10.03,10.03,0,2.29-.76,4.39-2.05,6.08l7,7-1.89,1.89-7.01-7.01c-1.68,1.29-3.79,2.05-6.08,2.05C4.49,20.04,0,15.55,0,10.03S4.49,0,10.03,0Z">
</path>
</svg>
<svg class="search-trigger-close" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22">
<title>Close Search</title>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff"
d="M3.64,1.2l-1.21-1.2L0,2.39l1.21,1.19,7.36,7.25-7.36,7.25-1.21,1.19,2.43,2.39,1.21-1.2,7.36-7.24,7.36,7.24,1.22,1.2,2.42-2.39-1.21-1.19-7.36-7.25,7.36-7.25,1.21-1.19-2.42-2.39-1.22,1.2-7.36,7.24L3.64,1.2Z">
</path>
</svg>
</button>
<button id="mobile-hamburger" class="mobile-hamburger hamburger--squeeze" aria-label="Open Main Navigation"
data-once="site-header-hamburger">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</section>
<div data-component-id="umass_base:header-search">
<div id="search-flyout-container">
<div class="search-flyout">
<div data-component-id="umass_base:header-branding" style="visibility: hidden;">
<a href="https://sisvietnam.vn/">
<img class="whitetext" src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
<img class="redtext" src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
</a>
</div>
<div>
<form autocomplete="on" name="search-form" action="https://www.umass.edu/search" method="GET">
<div>
<label class="visually-hidden" for="search">Search UMass</label>
<input type="text" name="q" id="search" maxlength="50" placeholder="Search UMass" size="50"
class="ally-focus-within">
</div>
<button type="submit" class="icon-search" aria-label="Search">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve" width="19"
height="19">
<title>Search</title>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#151515" d="M7.62,2.03c-3.09,0-5.59,2.5-5.59,5.59
s2.5,5.59,5.59,5.59s5.59-2.5,5.59-5.59C13.2,4.53,10.7,2.03,7.62,2.03z M7.62,0c4.21,0,7.62,3.41,7.62,7.62
c0,1.74-0.58,3.34-1.56,4.62L19,17.56L17.56,19l-5.33-5.33c-1.28,0.98-2.88,1.56-4.62,1.56C3.41,15.23,0,11.82,0,7.62S3.41,0,7.62,0
z"></path>
</svg>
</button>
</form>
<ul class="menu">
<li class="menu-item">
<a href="https://www.umass.edu/admissions/visit">Campus tours</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/financialaid/undergraduate-costs">Tuition</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/financialaid">Financial aid</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/admissions/apply">How to apply</a>
</li>
<li class="menu-item">
<a href="https://www.umass.edu/gateway/umass-stories/study-abroad-umass">Study abroad</a>
</li>
</ul>
</div>
<button id="search-drawer-trigger-active" aria-label="Open Search" data-once="header-search">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22">
<title>Close Search</title>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff"
d="M3.64,1.2l-1.21-1.2L0,2.39l1.21,1.19,7.36,7.25-7.36,7.25-1.21,1.19,2.43,2.39,1.21-1.2,7.36-7.24,7.36,7.24,1.22,1.2,2.42-2.39-1.21-1.19-7.36-7.25,7.36-7.25,1.21-1.19-2.42-2.39-1.22,1.2-7.36,7.24L3.64,1.2Z">
</path>
</svg>
</button>
</div>
</div>
</div>
</div>
<script defer src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
<script defer th:src="@{/js/custom-umass.js}"></script>
<style>
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner,
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner::before,
.transparent-header [data-component-id="umass_base:site-header"] #mobile-hamburger .hamburger-inner::after {
background-color: #fff;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu>li a {
color: #fff;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu>li a:hover,
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu>li a:focus {
color: #e5e5e5;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu>li span {
color: #fff;
}
.transparent-header [data-component-id="umass_base:site-header"] .primary-navigation .m--main-menu>li li span {
color: #ffb300;
}
#l--main-header {
margin: 0 auto;
position: relative;
z-index: 102;
}
</style>
</header>
Reference in New Issue View Git Blame Copy Permalink