This commit is contained in:
2026-06-25 09:36:05 +07:00
parent d3fef38796
commit 5c644545b8
364 changed files with 78377 additions and 0 deletions
@@ -0,0 +1,634 @@
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{fragments/layout}">
<!-- KHAI BÁO CSS/JS RIÊNG CHO TRANG NÀY -->
<head>
<link rel="stylesheet" media="all" th:href="@{/flex-finish/css2}">
<link rel="stylesheet" media="all" th:href="@{/flex-finish/css_pEsV--HslyN3xVG1Ox7En4k-ghH7hS_40Cua9JL-WzE.css}">
<link rel="stylesheet" media="all" th:href="@{/flex-finish/css_X_z6ERfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css}">
<link rel="stylesheet" media="all" th:href="@{/flex-finish/css_NseovsDQDJLsaAwqdUKgcooZ6u938UVBBfPJdmKUjG8.css}">
<script th:src="@{/flex-finish/jquery.min.js.download}"></script>
<script th:src="@{/flex-finish/lazysizes.min.js.download}"></script>
<script th:src="@{/flex-finish/iframe_api}"></script>
<script th:src="@{/flex-finish/www-widgetapi.js.download}"></script>
<script th:src="@{/js/custom-umass.js}"></script>
</head>
<body class="transparent-header"> <!-- Tất cả nội dung ruột của trang Flex Finish sẽ nằm trong thẻ main này -->
<main role="main" layout:fragment="content">
<main id="main-content">
<div class="l--content">
<div class="above-content">
<div class="messages-unpublished-wrapper">
</div>
<div class="region region-content-above r--region r--content-above">
<div data-drupal-messages-fallback="" class="hidden"></div>
</div>
</div>
<div class="content">
<div class="region region-content r--region r--content">
<div id="block-umass-base-content"
class="block block-system block-system-main-block tc--template-container tc--microsite-landing-page">
<div class="t--template t--microsite-landing-page">
<div class="content-top">
<div class="lc--layout-container lc--full">
<div class="l--layout l--full">
<div class="lr--layout-region lr--main">
<div class="cc--component-container cc--hero-microsite-landing ">
<div class="c--component c--hero-microsite-landing">
<div class="image-video-container">
<div class="f--field f--image">
<img th:src="@{/images/UMass Flex Header 1.png}"
alt="UMass Flex Header - Virtual Learning"
height="900" width="1600">
</div>
</div>
<div class="text-container">
<div class="text-container-inner">
<div class="f--field f--eyebrow">
UMass Flex
</div>
<div class="f--field f--page-title">
<h1>Flex Finish</h1>
</div>
</div>
</div>
</div>
</div>
<div id="block-umassamherstmicrositemenublock"
class="block block-umass-microsite block-microsite-menu-block cc--component-container cc--menu-microsite">
<div class="c--component c--menu-microsite">
<div class="menu-microsite-inner">
<button class="menu-microsite-toggle"
aria-controls="microsite-menu" has-popup="true"
aria-label="Expand Menu" data-once="micrositeMenu">
UMass Flex <svg class="open" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="13" height="13"
viewBox="0 0 13.14 13.14"
enable-background="new 0 0 13.14 13.14"
xml:space="preserve">
<polygon fill-rule="evenodd" clip-rule="evenodd"
fill="#FFF"
points="7.71,0 7.71,5.43 13.14,5.43 13.14,7.71 7.71,7.71 7.71,13.14 5.43,13.14 5.43,7.71 0,7.71 0,5.43 5.43,5.43 5.43,0 ">
</polygon>
</svg> <svg class="close" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="13" height="2" x="0px" y="0px"
viewBox="0 0 13.14 2.29"
enable-background="new 0 0 13.14 2.29"
xml:space="preserve">
<rect fill-rule="evenodd" clip-rule="evenodd"
fill="#FFF" width="13.14" height="2.29"></rect>
</svg>
</button>
<div id="microsite-menu"
class="menu-microsite-menu-wrapper">
<div class="microsite-menu-container">
<div class="microsite-menu-inner">
<nav class="mc--menu mc--menu-microsite">
<ul block="block-umassamherstmicrositemenublock"
class="menu m--menu m--menu-microsite">
<li class="menu-item">
<div class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/flex"
data-drupal-link-system-path="node/39456">Home</a>
</div>
</li>
<li
class="menu-item menu-item--expanded">
<div class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/flex/flex-options"
data-drupal-link-system-path="node/70641">Flex
Options</a> <button
type="button"
class="has-submenu arrow-toggle"
aria-expanded="false"
aria-haspopup="true"
aria-label="Display Sub Menu for Flex Options">
<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="5,5 0,10 0,0 ">
</polygon>
</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">Flex
Options</span>
<ul class="submenu">
<li
class="menu-item menu-item--expanded">
<div
class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/flex/flex-start"
title="Start college your way with UMass Flex. Choose an alternative location or stay closer to home, with the same quality education and UMass Amherst resources."
data-drupal-link-system-path="node/73436">Flex
Start</a>
<button
type="button"
class="has-submenu arrow-toggle"
aria-expanded="false"
aria-haspopup="true"
aria-label="Display Sub Menu for Flex Start">
<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="5,5 0,10 0,0 ">
</polygon>
</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">Flex
Start</span>
<ul class="submenu">
<li
class="menu-item">
<div
class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/flex/career-launch"
data-drupal-link-system-path="node/72136">UMass
Amherst
Career
Launch</a>
</div>
</li>
<li
class="menu-item">
<div
class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/flex/global-launch"
data-drupal-link-system-path="node/72146">UMass
Amherst
Global
Launch</a>
</div>
</li>
</ul>
</div>
</li>
<li class="menu-item">
<div
class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/flex/flex-shift"
title="Flexible learning opportunities at UMass Amherst."
data-drupal-link-system-path="node/73461">Flex
Shift</a>
</div>
</li>
</ul>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-main">
<div class="lc--layout-container lc--two-column">
<div class="l--layout l--two-column">
<aside class="lr--layout-region lr--sidebar">
<div id="block-umassamherstmicrositesidebarmenublock"
class="block block-umass-microsite block-microsite-sidebar-menu-block cc--component-container cc--menu-left-nav">
<div class="c--component c--menu-left-nav">
<nav class="mc--menu mc--main-menu">
<ul block="block-umassamherstmicrositesidebarmenublock"
class="menu m--menu m--main-menu">
<li class="menu-item">
<div class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/gateway/academics/university-libraries"
data-drupal-link-system-path="node/616">University
Libraries</a>
<button type="button"
class="has-submenu arrow-toggle"
aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for University Libraries">
<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>
</li>
<li class="menu-item">
<div class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/gateway/academics/academic-advising"
data-drupal-link-system-path="node/26366">Academic
Advising</a>
<button type="button"
class="has-submenu arrow-toggle"
aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Academic Advising">
<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>
</li>
<li class="menu-item">
<div class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/careers/">Career
&amp; Internship Services</a>
<button type="button"
class="has-submenu arrow-toggle"
aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Career &amp; Internship Services">
<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>
</li>
<li class="menu-item">
<div class="link-arrow-wrapper">
<a href="https://sisvietnam.vn/gateway/academics/explore-our-programs"
data-drupal-link-system-path="node/251">Explore
Our Programs</a>
<button type="button"
class="has-submenu arrow-toggle"
aria-expanded="false" aria-haspopup="true"
aria-label="Display Sub Menu for Explore Our Programs">
<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>
</li>
</ul>
</nav>
</div>
</div>
</aside>
<div class="lr--layout-region lr--main">
<div class="cc--component-container cc--media-with-text media-left light lazyloaded"
th:data-bg="@{/images/web_hero_pattern_16_9.jpg.png}"
data-once="mediaEmbed"
th:style="'background-image: url(' + @{/images/web_hero_pattern_16_9.jpg.png} + ');'">
<div class="c--component c--media-with-text">
<div class="component-container">
<div class="text-container">
<div data-component-id="umass_base:section-title"
class="f--section-title">
<h2>Complete Your Bachelors Degree Fully Online
</h2>
</div>
<div data-component-id="umass_base:description"
class="f--section-title f--description">
<p><strong>Earn a UMass Amherst degree no matter
where life takes you. </strong>Whether
youre a community college student, a transfer
student, or balancing work and family
commitments, our bachelor degree completion
option lets you receive the same high-quality
education without needing to be on campus.</p>
</div>
</div>
<div class="media-container">
<div class="f--field f--image">
<img alt="Graduates celebrate during the 2023 commencement ceremony."
th:src="@{/images/HERO-UMass-Commencement-2023.jpg}">
</div>
</div>
</div>
</div>
</div>
<div class="cc--component-container cc--media-with-text media-left light"
data-once="mediaEmbed">
<div class="c--component c--media-with-text">
<div class="component-container">
<div class="text-container">
<div data-component-id="umass_base:section-title"
class="f--section-title">
<h2><a
href="https://sisvietnam.vn/uww/interdisciplinary-studies">UWW
Department of Interdiscplinary Studies</a>
</h2>
</div>
<div data-component-id="umass_base:description"
class="f--section-title f--description">
<p>The UWW Department of Interdisciplinary Studies
offers online courses from more than forty
academic departments, giving you the
opportunity to complete your bachelors degree
with a personalized concentration that aligns
with your passions. Plus, you can earn credit
for your life and work experience, saving both
time and money while receiving expert guidance
and support throughout your journey.</p>
</div>
<div class="cta-container">
<div class="f--field f--button">
<a href="https://sisvietnam.vn/uww/interdisciplinary-studies"
class="button-primary button-context-light "
aria-label="Learn More"
data-component-id="umass_base:button">
<span class="button-text">
Learn More
</span>
</a>
</div>
</div>
</div>
<div class="media-container">
<div class="f--field f--image">
<img th:src="@{/images/2023_Reyes_HFA_Tour_0942_John_Solem.png}"
alt=" UMass Amherst Student -- IDS Poster">
</div>
</div>
</div>
</div>
</div>
<div class="cc--component-container cc--media-with-text media-left light"
data-once="mediaEmbed">
<div class="c--component c--media-with-text">
<div class="component-container">
<div class="text-container">
<div data-component-id="umass_base:section-title"
class="f--section-title">
<h2><a
href="#">Business
Administration</a></h2>
</div>
<div data-component-id="umass_base:description"
class="f--section-title f--description">
<p>Gain the competitive edge you need through
hands-on courses that blend business
fundamentals with real-world experience.
Isenbergs fully online Bachelor of Business
Administration program offers five in-demand
majors: accounting, finance, management,
marketing, and operations and information
management. Unlock exciting career opportunities
and become a leader in todays fast-paced
business world.</p>
</div>
<div class="cta-container">
<div class="f--field f--button">
<a href="#"
class="button-primary button-context-light "
aria-label="Learn More"
data-component-id="umass_base:button">
<span class="button-text">
Learn More
</span>
</a>
</div>
</div>
</div>
<div class="media-container">
<div class="f--field f--image">
<img th:src="@{/images/2019_Isenberg_Business_Innovation_Hub_js_IMG_8947.jpeg}"
alt="Isenberg Business Innovation Hub">
</div>
</div>
</div>
</div>
</div>
<div class="cc--component-container cc--media-with-text media-left light"
data-once="mediaEmbed">
<div class="c--component c--media-with-text">
<div class="component-container">
<div class="text-container">
<div data-component-id="umass_base:section-title"
class="f--section-title">
<h2><a
href="https://sisvietnam.vn/stockbridge/sustainable-food-and-farming-program">Sustainable
Food and Farming</a></h2>
</div>
<div data-component-id="umass_base:description"
class="f--section-title f--description">
<p>Discover how sustainable agriculture can lead to
a fulfilling career that impacts both
communities and the environment with a Bachelor
of Science in sustainable food and farming.
Whether youre interested in growing food,
supporting local communities, or shaping
agricultural policy, our program offers pathways
to a variety of exciting careers.</p>
</div>
<div class="cta-container">
<div class="f--field f--button">
<a href="https://sisvietnam.vn/stockbridge/sustainable-food-and-farming-program"
class="button-primary button-context-light "
aria-label="Learn More"
data-component-id="umass_base:button">
<span class="button-text">
Learn More
</span>
</a>
</div>
</div>
</div>
<div class="media-container">
<div class="f--field f--image">
<img th:src="@{/images/NEWS_ig-student-farm-2022.jpeg}"
alt="students at farm">
</div>
</div>
</div>
</div>
</div>
<div class="cc--component-container cc--media-with-text media-left light"
data-once="mediaEmbed">
<div class="c--component c--media-with-text">
<div class="component-container">
<div class="text-container">
<div data-component-id="umass_base:section-title"
class="f--section-title">
<h2><a
href="https://sisvietnam.vn/social-sciences/academics/bachelor-arts-sociology-online">Sociology</a>
</h2>
</div>
<div data-component-id="umass_base:description"
class="f--section-title f--description">
<p>Ready to make a difference in social policy, law,
criminal justice, or advocacy? The fully online
Bachelor of Arts in sociology from UMass Amherst
is your pathway to a rewarding career. Flexible,
affordable, and top-ranked, this 120-credit
degree offers the same high-quality curriculum
and expert faculty as our on-campus program.</p>
</div>
<div class="cta-container">
<div class="f--field f--button">
<a href="https://sisvietnam.vn/social-sciences/academics/bachelor-arts-sociology-online"
class="button-primary button-context-light "
aria-label="Learn More"
data-component-id="umass_base:button">
<span class="button-text">
Learn More
</span>
</a>
</div>
</div>
</div>
<div class="media-container">
<div class="f--field f--image">
<img th:src="@{/images/Students on Campus.png}"
alt="Students on Campus">
</div>
</div>
</div>
</div>
</div>
<div data-component-id="umass_base:block-multiple-ctas"
data-background="solid" data-color="gray"
data-layout-variant="default">
<div class="container">
<div class="text-container">
<div data-component-id="umass_base:section-title"
class="f--section-title">
<h2>Explore Your Flex Finish Options</h2>
</div>
<div data-component-id="umass_base:description"
data-background="solid" data-color="gray"
data-layout-variant="default" class="f--description">
<p>Schedule a meeting with your academic advisor to
explore all Flex Finish options available in your
degree program.&nbsp;</p>
</div>
</div>
<div class="links-container">
<div class="f--field f--button">
<a href="https://sisvietnam.vn/gateway/academics/academic-advising"
class="button-text-link button-context-light "
aria-label="Schedule an Appointment" target="_self"
data-component-id="umass_base:button">
<span class="button-text">
Schedule an Appointment
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-bottom">
<div class="lc--layout-container lc--full">
<div class="l--layout l--full">
<div class="lr--layout-region lr--main"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</main>
</body>
</html>