basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Files
8b06a94852d718792e679896d99e904747c37aed
sisvietnamvn_01/sis_theme/templates/layout/page--flex-finish.html.twig
T
NAS\NASPC 8b06a94852 triển khai drupal để làm FE
2026-05-27 09:01:38 +07:00

906 lines
24 KiB
Twig
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.
{#
/**
* Page template for Flex Finish _ UMass Flex _ UMass Amherst.html
*/
#}
<div class="layout-container">
{% include directory ~ '/templates/includes/header.html.twig' %}
<main role="main">
<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 data-src="" data-srcset="/sites/default/files/styles/16_9_640x360/public/2025-09/UMass%20Flex%20Header%201.png?h=ea95bb15&amp;itok=sRmz_ifF 640w, /sites/default/files/styles/16_9_1920x1080/public/2025-09/UMass%20Flex%20Header%201.png?h=ea95bb15&amp;itok=gVtmAZuT 1920w" class=" ls-is-cached lazyloaded" alt="UMass Flex Header - Virtual Learning" height="900" width="1600" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="/sites/default/files/styles/16_9_640x360/public/2025-09/UMass%20Flex%20Header%201.png?h=ea95bb15&amp;itok=sRmz_ifF 640w, /sites/default/files/styles/16_9_1920x1080/public/2025-09/UMass%20Flex%20Header%201.png?h=ea95bb15&amp;itok=gVtmAZuT 1920w">
</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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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://www.umass.edu/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" data-bg="/sites/default/files/styles/16_9_1920x1080_washout/public/2022-03/web_hero_pattern_16_9.jpg.png?itok=yE725O9x" data-once="mediaEmbed" style="background-image: url(&quot;/sites/default/files/styles/16_9_1920x1080_washout/public/2022-03/web_hero_pattern_16_9.jpg.png?itok=yE725O9x&quot;);">
<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 Bachelor’s 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 you’re 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 data-src="/sites/default/files/styles/16_9_1920x1080/public/2023-05/HERO-UMass-Commencement-2023.jpg?h=854a7be2&amp;itok=-f9A2YBz" class=" lazyloaded" alt="Graduates celebrate during the 2023 commencement ceremony." src="{{ directory }}/images/umass/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://www.umass.edu/uww/interdisciplinary-studies">UWW Department of Interdiscplinary Studies</a></h2>
</div>
<div data-component-id="umass_base:description" class="f--section-title f--description">
<div class="flex-1 overflow-hidden"><div class="h-full"><div class="react-scroll-to-bottom--css-cvcxt-79elbk h-full"><div class="react-scroll-to-bottom--css-cvcxt-1n7m0yu"><div class="flex flex-col text-sm md:pb-9"><article class="w-full text-token-text-primary focus-visible:outline-2 focus-visible:outline-offset-[-4px]" dir="auto" data-testid="conversation-turn-7" data-scroll-anchor="true"><div class="m-auto text-base py-[18px] px-3 md:px-4 w-full md:px-5 lg:px-4 xl:px-5"><div class="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]"><div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn"><div class="flex-col gap-1 md:gap-3"><div class="flex max-w-full flex-col flex-grow"><div class="min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5" data-message-author-role="assistant" data-message-id="1f5e69a9-4d94-4b15-b3ba-ed37bd516ae0" dir="auto" data-message-model-slug="gpt-4o"><div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]"><div class="markdown prose w-full break-words dark:prose-invert light"><p>The UWW Department of Interdisciplinary Studies offers online courses from more than forty academic departments, giving you the opportunity to complete your bachelor’s 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></div></div></div></div></div></div></article></div></div></div></div></div>
</div>
<div class="cta-container">
<div class="f--field f--button">
<a href="https://www.umass.edu/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 data-src="/sites/default/files/styles/16_9_1920x1080/public/2025-12/2023_Reyes_HFA_Tour_0942_John_Solem.png?h=d01a05a4&amp;itok=LOab0e66" class="lazyload" 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="https://www.isenberg.umass.edu/programs/undergraduate/online">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. Isenberg’s 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 today’s fast-paced business world.</p>
</div>
<div class="cta-container">
<div class="f--field f--button">
<a href="https://www.isenberg.umass.edu/programs/undergraduate/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 data-src="/sites/default/files/styles/16_9_1920x1080/public/2023-01/2019_Isenberg_Business_Innovation_Hub_js_IMG_8947.jpeg?h=5bf10c37&amp;itok=1piqbUVy" class="lazyload" 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://www.umass.edu/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 you’re 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://www.umass.edu/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 data-src="/sites/default/files/styles/16_9_1920x1080/public/2022-10/NEWS_ig-student-farm-2022.jpeg?h=9e499333&amp;itok=aiHv8y6O" class="lazyload" 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://www.umass.edu/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://www.umass.edu/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 data-src="/sites/default/files/styles/16_9_1920x1080/public/2024-09/Students%20on%20Campus.png?h=7cc05d4d&amp;itok=bwnxbKuV" class="lazyload" 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://www.umass.edu/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>
{% include directory ~ '/templates/includes/footer.html.twig' %}
</div>
Reference in New Issue View Git Blame Copy Permalink