triển khai drupal để làm FE

This commit is contained in:
NAS\NASPC
2026-05-27 09:01:38 +07:00
parent 6bdc2aa18f
commit 8b06a94852
242 changed files with 35975 additions and 21294 deletions
+44
View File
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html{{ html_attributes }}>
<head>
<head-placeholder token="{{ placeholder_token|raw }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<css-placeholder token="{{ placeholder_token|raw }}">
<js-placeholder token="{{ placeholder_token|raw }}">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortlink" href="https://www.umass.edu/">
<link rel="canonical" href="https://www.umass.edu/">
<meta name="twitter:card" content="summary">
<meta name="msapplication-TileColor" content="#881c1c">
<meta name="theme-color" content="#ffffff">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.umass.edu/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.umass.edu/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.umass.edu/favicons/favicon-16x16.png">
<link rel="manifest" href="https://www.umass.edu/favicons/site.webmanifest">
<link rel="mask-icon" href="https://www.umass.edu/favicons/safari-pinned-tab.svg" color="#881c1c">
<link rel="shortcut icon" href="https://www.umass.edu/favicons/favicon.ico?v=1.0.0">
<title>UMass Amherst : UMass Amherst</title>
<link href="{{ directory }}/images/umass/css2" rel="stylesheet">
<link rel="stylesheet" media="all" href="{{ directory }}/images/umass/css_09S7WcUyhLeUXabknzECn_ua5zOangtv2BF4OXAW2fM.css">
<link rel="stylesheet" media="all" href="{{ directory }}/images/umass/css_5USufIKxGNJyomvgpy2m9ITQlTN9qcrtJQsw_06dSbo.css">
<link rel="stylesheet" media="all" href="{{ directory }}/images/umass/css_K8JMvRkT9VyzEQ12dj8OOupkV2m2xn6ElFZhOyvVPRQ.css">
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/84041","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJyVVW1yozAMvRCGc-wpPLJRQMW2WFuE0NNXkHRK0h3I_oDB8tOzPp4FlIJiKX2gF86NL6XGm2BqrZtEONlAaShW2M6cBwXaeSk0L529cLYecmu7TG2p4DfRhW52JcsJwsZjla_lOYk-NpLPXEjQRkzTv_yLfizqWIRSZ12wlWceCD2ngkmap5WJlF72W8iDcaxpxJcdPWrlLGrOqDxx5KT2Uk9R47AOChrjAvvBxCkIjQGNFzjBbwU7hKz1Mmu93kNtX8dQASMkAQ9RLRafaRQ6Ca9HaDEblyG1Wp53sAUh-_4tJHuCcFzCniOO0KH6ZD5EUlTYOcKssjuv-AvWqCrjoUOCq_k7kR82n3vnj1NLOBeD19V-iCuqf-3TG11d786juMc4ASl3NR_iBJzD9iH7maR_1v55UR4EeskEKJ1E9QBHbAk2F0X8t4MRnS9vBMZjD8fsV2qRDUY9olLOta1Nm6cRQv1YVh1zF9AKdE2nr9d1DR9wezbGaou24Y231okZQXQeViNk6DKMffk-5MdST2mcnE69XkMpS9HkmjXG6ifcBkJY9ususNMZe4VM4AKW_V7PV8x_7vXdmQN8LrbQ5zM4auPu83hvZEcBf5nHLZdkAjjV2BLWibHbvk-G9TcR9-ZZO2FIU_yOZutKYqELedikT2gcJBXQFwJYkEk","theme":"umass_base","theme_token":null},"ajaxTrustedUrl":[],"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-TZKZB3"]},"cookieconsent":{"message":"We use cookies to personalize content and ads, to provide social media features and to analyze our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. Review our Privacy Policy to learn more.","dismiss":"Accept and Continue","learnMore":"More Info","link":"\/gateway\/site-policies","path":"\/","expiry":365,"target":"_self","domain":".www.umass.edu","markup":"\u003Cdiv class=\u0022cc_banner cc_container cc_container--open\u0022\u003E\n \u003Cp class=\u0022cc_message\u0022\u003EWe use cookies to personalize content and ads, to provide social media features and to analyze our traffic. We also share information about your use of our site with our social media, advertising and analytics partners. Review our Privacy Policy to learn more.\n \u003Ca data-cc-if=\u0022options.link\u0022 target=\u0022_self\u0022 class=\u0022cc_more_info\u0022 href=\u0022\/gateway\/site-policies\u0022\u003EMore Info\u003C\/a\u003E\n \u003C\/p\u003E\n \u003Ca href=\u0022#null\u0022 data-cc-event=\u0022click:dismiss\u0022 target=\u0022_blank\u0022 class=\u0022cc_btn cc_btn_accept_all\u0022\u003EAccept and Continue\u003C\/a\u003E\n\u003C\/div\u003E\n","container":null,"theme":false},"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowDisplay":false,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"(https?:)?\/\/(([a-zA-Z0-9\\-]+\\.)*)?umass\\.edu","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"mailto","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"","extUseFontAwesome":false,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":["www.umass.edu","events.umass.edu","umass-amherst-site.ddev.site","www.umassalumni.com","umassathletics.com","www.uma-foundation.org"],"extExcludeNoreferrer":""}},"user":{"uid":0,"permissionsHash":"3a306e1a42767a4812c09e9691bf919097d222a05fbd0bd23d4ca129cccd8481"}}</script>
<script src="{{ directory }}/images/umass/js_aQtUyeGxehNR84AlGzGB1VfMu1Wn3lqHxvL8rocj1EU.js.download"></script>
<script src="{{ directory }}/images/umass/gtag.js.download"></script>
<script src="{{ directory }}/images/umass/gtm.js.download"></script>
<style>.lottie-animation-container{width:var(--lottie-animation-container-width);height:var(--lottie-animation-container-height);background-color:var(--lottie-animation-container-background-color);overflow:hidden;margin:var(--lottie-animation-margin)}.lottie-animation-container svg{transform:scale(var(--lottie-animation-scale))}</style><style>.lottie-animation-container{width:var(--lottie-animation-container-width);height:var(--lottie-animation-container-height);background-color:var(--lottie-animation-container-background-color);overflow:hidden;margin:var(--lottie-animation-margin)}.lottie-animation-container svg{transform:scale(var(--lottie-animation-scale))}</style>
</head>
<body{{ attributes }} class="umass-platform-homepage path-frontpage page-node-type-homepage homepage transparent-header">
{{ page_top }}
{{ page }}
{{ page_bottom }}
<js-bottom-placeholder token="{{ placeholder_token|raw }}">
</body>
</html>
@@ -0,0 +1,905 @@
{#
/**
* 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 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 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 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></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. 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="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 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://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>
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
+14
View File
@@ -0,0 +1,14 @@
{#
/**
* Generic Page Template
*/
#}
<div class="layout-container">
{% include directory ~ '/templates/includes/header.html.twig' %}
<main role="main" class="container" style="padding: 100px 0;">
{{ page.content }}
</main>
{% include directory ~ '/templates/includes/footer.html.twig' %}
</div>