180 lines
14 KiB
Plaintext
180 lines
14 KiB
Plaintext
<body>
|
||
<div class="cc--component-container cc--tabbed-media-content" style="background-color: var(--color-gray-100);">
|
||
<div class="c--component c--tabbed-media-content">
|
||
<div class="tabbed-media-content-text-col">
|
||
<div data-component-id="umass_base:section-title" class="f--section-title">
|
||
<h2 style="color: var(--color-brand);">LiveStream tháng 07</h2>
|
||
</div>
|
||
<div data-component-id="umass_base:tabbed-container" data-once="tabbed-container">
|
||
<div class="tab-labels-container" role="tablist">
|
||
<div class="tab-labels-inner">
|
||
<a href="https://www.umass.edu/#tabbed-content-campus-life" class="tab-label link-context-dark" role="tab" aria-selected="true" aria-controls="tabbed-content-campus-life">Tuần 1</a>
|
||
<a href="https://www.umass.edu/#tabbed-content-campus-housing" class="tab-label link-context-dark" role="tab" aria-selected="false" aria-controls="tabbed-content-campus-housing">Tuần 2</a>
|
||
<a href="https://www.umass.edu/#tabbed-content-dining" class="tab-label link-context-dark" role="tab" aria-selected="false" aria-controls="tabbed-content-dining">Tuần 3</a>
|
||
<a href="https://www.umass.edu/#tabbed-content-around-amherst" class="tab-label link-context-dark" role="tab" aria-selected="false" aria-controls="tabbed-content-around-amherst">Tuần 4</a>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content-container">
|
||
<div class="tab-content-panel is-active" id="tabbed-content-campus-life" role="tabpanel" aria-live="polite">
|
||
<div class="f--field f--cta-title">
|
||
<h2 style="color: var(--color-black);"> Tầm soát và phòng ngừa ung thư gan </h2>
|
||
</div>
|
||
<div data-component-id="umass_base:description" class="f--description">
|
||
<p style="color:var(--color-black);">Ung thư gan là một trong những bệnh ung thư có tỷ lệ tử vong hàng đầu tại Việt Nam. Đáng lo ngại, phần lớn người bệnh chỉ được phát hiện khi bệnh đã ở giai đoạn muộn, khi các cơ hội điều trị hiệu quả đã bị thu hẹp đáng kể.</p>
|
||
</div>
|
||
<div class="cta-container">
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/gateway/campus-life/student-activities" class="button-primary button-context-light " aria-label="Tìm Hiểu Thêm" data-component-id="umass_base:button">
|
||
<span class="button-text"> Tìm Hiểu Thêm </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content-panel" id="tabbed-content-campus-housing" role="tabpanel" aria-live="polite">
|
||
<div class="f--field f--cta-title">
|
||
<h3> Your Campus Home </h3>
|
||
</div>
|
||
<div data-component-id="umass_base:description" class="f--description">
|
||
<p>Choose from vibrant residential communities where students live, study, and build lasting friendships steps from the classroom.</p>
|
||
</div>
|
||
<div class="cta-container">
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/gateway/campus-life/living-and-dining" class="button-primary button-context-light " aria-label="Learn About Living at UMass" data-component-id="umass_base:button">
|
||
<span class="button-text"> Tìm hiểu thêm </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content-panel" id="tabbed-content-dining" role="tabpanel" aria-live="polite">
|
||
<div class="f--field f--cta-title">
|
||
<h3> Food Worth Talking About </h3>
|
||
</div>
|
||
<div data-component-id="umass_base:description" class="f--description">
|
||
<p>Discover why UMass dining is ranked #1 nationally—recognized for quality, variety, and sustainability.</p>
|
||
</div>
|
||
<div class="cta-container">
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umassdining.com/" class="button-primary button-context-light ext" aria-label="Learn Why UMass is #1 in Dining" data-component-id="umass_base:button" data-extlink="">
|
||
<span class="button-text"> Learn Why UMass is #1 in Dining </span>
|
||
<svg focusable="false" width="1em" height="1em" class="ext" data-extlink-placement="append" aria-label="(link is external)" viewBox="0 0 80 40" role="img" aria-hidden="false">
|
||
<title>(link is external)</title>
|
||
<path d="M48 26c-1.1 0-2 0.9-2 2v26H10V18h26c1.1 0 2-0.9 2-2s-0.9-2-2-2H8c-1.1 0-2 0.9-2 2v40c0 1.1 0.9 2 2 2h40c1.1 0 2-0.9 2-2V28C50 26.9 49.1 26 48 26z"></path>
|
||
<path d="M56 6H44c-1.1 0-2 0.9-2 2s0.9 2 2 2h7.2L30.6 30.6c-0.8 0.8-0.8 2 0 2.8C31 33.8 31.5 34 32 34s1-0.2 1.4-0.6L54 12.8V20c0 1.1 0.9 2 2 2s2-0.9 2-2V8C58 6.9 57.1 6 56 6z"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-content-panel" id="tabbed-content-around-amherst" role="tabpanel" aria-live="polite">
|
||
<div class="f--field f--cta-title">
|
||
<h3> Amherst, Uncommon </h3>
|
||
</div>
|
||
<div data-component-id="umass_base:description" class="f--description">
|
||
<p>A vibrant creative culture, great food, and the natural beauty of the Pioneer Valley come together to shape this town’s distinctive, welcoming spirit.</p>
|
||
</div>
|
||
<div class="cta-container">
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/gateway/student-life/life-amherst" class="button-primary button-context-light " aria-label="Learn More About Amherst" data-component-id="umass_base:button">
|
||
<span class="button-text"> Learn More About Amherst </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabbed-media-content-media-col">
|
||
<div class="tabbed-media-content-media-item is-active with-video" data-tab-id="tabbed-content-campus-life">
|
||
<div class="f--field f--image">
|
||
<img data-src="https://www.umass.edu/sites/default/files/styles/9_16_720x1280/public/2026-03/medium_jpg-2026_Vertical_Assets_5179_John_Solem_.jpg?h=7c5befa5&itok=DZUe-3fS" class=" ls-is-cached lazyloaded" alt="A UMass student plays ping pong." src="/UMass%20Amherst%20_%20UMass%20Amherst_files/medium_jpg-2026_Vertical_Assets_5179_John_Solem_.jpg">
|
||
</div>
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/#" class="button-play button-context-light " aria-label="Play video" data-component-id="umass_base:button">
|
||
<span class="button-icon button-icon-play">
|
||
<svg width="18" height="27" viewBox="0 0 18 27" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M18 13.5L0 0V27L18 13.5Z"></path>
|
||
</svg>
|
||
</span>
|
||
<span class="button-text visually-hidden"> Play </span>
|
||
</a>
|
||
</div>
|
||
<div data-component-id="umass_base:video-embed" class="f--field f--video-embed">
|
||
<iframe title="Video Content" id="video-132086-1" width="900" height="1600" src="https://www.youtube.com/embed/q0ZxZVbnMqs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="tabbed-media-content-media-item with-video" data-tab-id="tabbed-content-campus-housing">
|
||
<div class="f--field f--image">
|
||
<img data-src="https://www.umass.edu/sites/default/files/styles/9_16_720x1280/public/2026-03/FY26_Vertical-Campus-Housing.jpg?h=75081741&itok=6kDcYqy3" class="lazyload" alt="A UMass student sits on her bed in a dorm room.">
|
||
</div>
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/#" class="button-play button-context-light " aria-label="Play video" data-component-id="umass_base:button">
|
||
<span class="button-icon button-icon-play">
|
||
<svg width="18" height="27" viewBox="0 0 18 27" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M18 13.5L0 0V27L18 13.5Z"></path>
|
||
</svg>
|
||
</span>
|
||
<span class="button-text visually-hidden"> Play </span>
|
||
</a>
|
||
</div>
|
||
<div data-component-id="umass_base:video-embed" class="f--field f--video-embed">
|
||
<iframe title="Video Content" id="video-132086-2" width="900" height="1600" src="https://www.youtube.com/embed/7D_TnBztQhU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="tabbed-media-content-media-item with-video" data-tab-id="tabbed-content-dining">
|
||
<div class="f--field f--image">
|
||
<img data-src="https://www.umass.edu/sites/default/files/styles/9_16_720x1280/public/2026-03/FY26_Vertical-Dining2.jpg?h=75081741&itok=_34BDcqA" class="lazyload" alt="A student gets food at a UMass Amherst dining hall.">
|
||
</div>
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/#" class="button-play button-context-light " aria-label="Play video" data-component-id="umass_base:button">
|
||
<span class="button-icon button-icon-play">
|
||
<svg width="18" height="27" viewBox="0 0 18 27" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M18 13.5L0 0V27L18 13.5Z"></path>
|
||
</svg>
|
||
</span>
|
||
<span class="button-text visually-hidden"> Play </span>
|
||
</a>
|
||
</div>
|
||
<div data-component-id="umass_base:video-embed" class="f--field f--video-embed">
|
||
<iframe title="Video Content" id="video-132086-3" width="900" height="1600" src="https://www.youtube.com/embed/YRzZ9aRZ69w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="tabbed-media-content-media-item with-video" data-tab-id="tabbed-content-around-amherst">
|
||
<div class="f--field f--image">
|
||
<img data-src="https://www.umass.edu/sites/default/files/styles/9_16_720x1280/public/2026-03/FY26_Vertical-Downtown-Amherst.jpg?h=75081741&itok=irWjha4q" class="lazyload" alt="A UMass student holds a hote bag that reads "I Love Amherst."">
|
||
</div>
|
||
<div class="f--field f--button">
|
||
<a href="https://www.umass.edu/#" class="button-play button-context-light " aria-label="Play video" data-component-id="umass_base:button">
|
||
<span class="button-icon button-icon-play">
|
||
<svg width="18" height="27" viewBox="0 0 18 27" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M18 13.5L0 0V27L18 13.5Z"></path>
|
||
</svg>
|
||
</span>
|
||
<span class="button-text visually-hidden"> Play </span>
|
||
</a>
|
||
</div>
|
||
<div data-component-id="umass_base:video-embed" class="f--field f--video-embed">
|
||
<iframe title="Video Content" id="video-132086-4" width="900" height="1600" src="https://www.youtube.com/embed/agqIJlJpbAY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<style>* { box-sizing: border-box; } body {margin: 0;}
|
||
.tab-labels-inner {
|
||
border-bottom-color: var(--color-gray-800);
|
||
.tab-label {
|
||
font-weight: var(--font-weight-bold) !important;
|
||
color: var(--color-black) !important;
|
||
}
|
||
.tab-label {
|
||
&[aria-selected="true"] {
|
||
font-weight: 700;
|
||
color: var(--color-black);
|
||
border-bottom: 2px solid var(--color-brand) !important;
|
||
position: relative;
|
||
z-index: 10;
|
||
}
|
||
}
|
||
}
|
||
</style> |