realease lần 1

sisvietnamvn/README.md

@@ -186,46 +186,82 @@ To configure CI for your project, run the ci-cd sub-generator (`jhipster ci-cd`)
 - [Node.js](https://nodejs.org/)
 - [NPM](https://www.npmjs.com/)
 
-#Structure
+## Deployment Guide (Ubuntu server + aaPanel + Executable JAR)
 
-Using NGINX (via aaPanel) with Tomcat is a very common and recommended setup. In this architecture, NGINX acts as a Reverse Proxy. It handles incoming internet traffic (ports 80 and 443 for SSL) and forwards the requests to your Tomcat application running in the background (usually on port 8080).
+### 1. Build the JAR file (on Windows)
+Spring Boot applications come with a built-in web server, meaning you can package your entire application into a single executable `.jar` file!
+Run the following command on your Windows PC to build the production-ready `.jar` file:
+```powershell
+./gradlew -Pprod clean bootJar
+```
+Alternatively, you can use the built-in npm script:
+```powershell
+npm run java:jar:prod
+```
+The generated `.jar` file will be located at `build/libs/sisvietnamvn-1.0.3.jar`.
 
-Here is the step-by-step guide to setting this up in aaPanel:
+### 2. Deploy and Run the application (on Ubuntu Server)
 
-Step 1: Start your Tomcat/Spring Boot App
+You have two main options to run the application on Ubuntu: using **aaPanel** or using standard **systemd**.
-Make sure your application is running. By default, your project seems to run on port 8080.
 
-If using embedded Tomcat: Run your .jar file in the background (e.g., nohup java -jar your-app.jar --spring.profiles.active=prod &).
+#### Option A: Using aaPanel (Recommended)
-If using standalone Tomcat: Ensure Tomcat is started and the app is deployed.
+If you are using aaPanel, it is highly recommended to use its built-in **Java Project** manager to easily run the JAR file.
-Step 2: Configure the Website in aaPanel
-Log in to your aaPanel dashboard.
-Go to the Website menu on the left sidebar.
-Click Add site (if you haven't already).
-Enter your domain name (e.g., sisvietnam.vn).
-For PHP version, select Static (since Java handles the backend, you don't need PHP).
-Click Submit to create the site.
-Step 3: Set up the Reverse Proxy
-In the Website list, click on the Settings button for your newly created domain.
-In the settings window, click on the Reverse proxy tab on the left.
-Click Add reverse proxy and fill in the details:
-Proxy name: Give it any name (e.g., TomcatProxy).
-Target URL: Enter http://127.0.0.1:8080 (Change 8080 if your app is running on a different port).
-Sent Domain: Leave it as $host (the default).
-Click Submit.
-Step 4: Configure Spring Boot to Trust the Proxy (Crucial)
-Because NGINX sits in front of your app, Tomcat will think all requests are coming from 127.0.0.1 instead of the user's real IP, and it might get confused about http vs https (which breaks redirects and security).
 
-To fix this, you need to tell your Spring Boot app to read the headers forwarded by NGINX. Open your src/main/resources/config/application-prod.yml (or application.yml) and add:
+1. **Install Java 21**: Make sure Java 21 is installed on your Ubuntu server via aaPanel.
+2. **Upload the JAR**: Upload the `sisvietnamvn-1.0.3.jar` file to a folder on your server (e.g., `/www/wwwroot/sisvietnam.vn/`).
+3. **Add Java Project**: In aaPanel, go to **Website** -> **Java Project** -> **Add Java project**.
+4. **Configure Project**:
+   - **Project Type**: `Spring_boot`
+   - **Project jar**: Select the `sisvietnamvn-1.0.3.jar` file you just uploaded.
+   - **Project Port**: `8080` (or whichever port your app is configured to use).
+   - **Run user**: `www` (or `root`)
+   - Click **Submit**. aaPanel will automatically run your JAR file in the background!
 
-yaml
+#### Option B: Using systemd (Standard Ubuntu)
+If you prefer managing the server manually via terminal, you can register the JAR as a `systemd` service so it runs continuously in the background and starts automatically on boot.
+
+1. **Upload the JAR**: Upload the `sisvietnamvn-1.0.3.jar` file to your server (e.g., `/var/www/sisvietnam/sisvietnamvn.jar`).
+2. **Create the Service File**:
+   ```bash
+   sudo nano /etc/systemd/system/sisvietnam.service
+   ```
+3. **Add Configuration**: Paste the following, making sure the `ExecStart` path matches where you put the jar.
+   ```ini
+   [Unit]
+   Description=SIS Vietnam Spring Boot Application
+   After=syslog.target network.target
+
+   [Service]
+   User=root
+   ExecStart=/usr/bin/java -jar /var/www/sisvietnam/sisvietnamvn.jar
+   SuccessExitStatus=143
+   Restart=always
+   RestartSec=10
+
+   [Install]
+   WantedBy=multi-user.target
+   ```
+4. **Start the Service**: Run the following commands to reload systemd, enable the service to start on boot, and start it now:
+   ```bash
+   sudo systemctl daemon-reload
+   sudo systemctl enable sisvietnam.service
+   sudo systemctl start sisvietnam.service
+   ```
+5. **Check Status & Logs**: 
+   - To check if it's running: `sudo systemctl status sisvietnam.service`
+   - To view the live terminal output: `sudo journalctl -u sisvietnam.service -f`
+
+### 3. Configure NGINX Reverse Proxy (aaPanel)
+When you set up a Java Project in aaPanel, it can automatically map your domain and set up a reverse proxy. If you need to verify or set it up manually:
+
+1. **Add Site**: Go to aaPanel -> Website -> Add site. Enter your domain (e.g., `sisvietnam.vn`) and select **Static** for the PHP version.
+2. **Setup Reverse Proxy**: Click "Settings" for the site -> "Reverse proxy" -> "Add reverse proxy".
+   - **Proxy name**: `JavaProxy`
+   - **Target URL**: `http://127.0.0.1:8080`
+   - **Sent Domain**: `$host`
+3. **Spring Boot Proxy Trust**: Ensure Spring Boot knows it is behind a proxy so it can read client IPs correctly. In `src/main/resources/config/application-prod.yml`, verify this exists:
+   ```yaml
    server:
      forward-headers-strategy: framework
-(Note: JHipster usually configures this automatically for the prod profile, but it is good to double-check).
+   ```
-
+4. **SSL**: Use aaPanel's built-in SSL manager to apply Let's Encrypt certificates to your NGINX site. You don't need to configure SSL inside Spring Boot itself.
-Summary of How it Works Now:
-A user visits https://your-domain.com.
-NGINX (aaPanel) receives the request on port 443.
-NGINX forwards the request to http://127.0.0.1:8080.
-Tomcat (Java) processes the request and sends the HTML/JSON back to NGINX.
-NGINX sends the response back to the user.
-You can also use aaPanel's built-in SSL manager to easily apply Let's Encrypt certificates to your NGINX site, and your Tomcat backend won't need to worry about SSL certificates at all!

sisvietnamvn/apply_layout.js

@@ -1,49 +0,0 @@
-const fs = require('fs');
-
-const aboutPath = 'd:\\website_sisvietnam_moi\\website_sisvietnam.vn\\sisvietnamvn\\src\\main\\resources\\templates\\about.html';
-const layoutPath = 'd:\\website_sisvietnam_moi\\website_sisvietnam.vn\\sisvietnamvn\\src\\main\\resources\\templates\\fragments\\layout.html';
-const footerPath = 'd:\\website_sisvietnam_moi\\website_sisvietnam.vn\\sisvietnamvn\\src\\main\\resources\\templates\\fragments\\footer.html';
-
-let aboutHtml = fs.readFileSync(aboutPath, 'utf8');
-let layoutHtml = fs.readFileSync(layoutPath, 'utf8');
-
-// 1. Extract Head
-const headMatch = aboutHtml.match(/<head>([\s\S]*?)<\/head>/i);
-const headContent = headMatch ? headMatch[1] : '';
-
-// 2. Extract Main Content (everything between </header> and <footer ...>)
-const mainMatch = aboutHtml.match(/<\/header>([\s\S]*?)<footer/i);
-let mainContent = mainMatch ? mainMatch[1] : '';
-// The match stops at `<footer`, so it doesn't include it. 
-
-// 3. Extract Footer (from <footer id="l--main-footer"... to </footer>)
-const footerMatch = aboutHtml.match(/(<footer id="l--main-footer"[\s\S]*?<\/footer>)/i);
-let footerContent = footerMatch ? footerMatch[1] : '';
-
-// Create footer.html with fragment
-footerContent = footerContent.replace('<footer id="l--main-footer" class="site-footer">', '<footer id="l--main-footer" class="site-footer" th:fragment="footer">');
-fs.writeFileSync(footerPath, footerContent, 'utf8');
-
-// Update layout.html to include footer
-layoutHtml = layoutHtml.replace(/<footer>[\s\S]*?<\/footer>/i, '<footer th:replace="~{fragments/footer :: footer}"></footer>');
-fs.writeFileSync(layoutPath, layoutHtml, 'utf8');
-
-// Construct new about.html
-const newAboutHtml = `<!DOCTYPE html>
-<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{fragments/layout}">
-<head>
-  <th:block layout:fragment="head">
-${headContent}
-  </th:block>
-</head>
-<body>
-  <div layout:fragment="content" class="dialog-off-canvas-main-canvas umass-platform-homepage path-node page-node-type-landing-page landing-page transparent-header" data-off-canvas-main-canvas="">
-${mainContent}
-  </div>
-</body>
-</html>
-`;
-
-fs.writeFileSync(aboutPath, newAboutHtml, 'utf8');
-
-console.log("Transformation completed successfully!");

sisvietnamvn/build.gradle

@@ -12,7 +12,7 @@ plugins {
 }
 
 group = "com.sisvietnamvn.web"
-version = "0.0.1-SNAPSHOT"
+version = "1.0.4"
 
 description = ""
 

sisvietnamvn/build.ps1

@@ -0,0 +1 @@
+./gradlew -Pprod clean bootJar

sisvietnamvn/fix_about_links.js

@@ -1,14 +0,0 @@
-const fs = require('fs');
-const path = 'd:\\website_sisvietnam_moi\\website_sisvietnam.vn\\sisvietnamvn\\src\\main\\resources\\templates\\about.html';
-
-let content = fs.readFileSync(path, 'utf8');
-
-// Replace UMass Undergraduate specific files with the ones from the main UMass Amherst folder if we want, or just leave it. 
-// But since the folder was created while bootRun is active, let's use a gradle command to process resources.
-// However, fixing the image links is important.
-content = content.replace(/\/sites\/default\/files\/styles\/[^"'\s]+/gi, '/images/LogoSIS.svg');
-
-// Also fix manifest 404
-content = content.replace(/<link rel="manifest" href="[^"]+">/gi, '');
-
-fs.writeFileSync(path, content, 'utf8');

sisvietnamvn/fix_images.ps1

@@ -1,5 +0,0 @@
-$path = 'd:\website_sisvietnam_moi\website_sisvietnam.vn\sisvietnamvn\src\main\resources\templates\about.html'
-$content = Get-Content -Raw -Path $path -Encoding UTF8
-$content = $content -replace '/sites/default/files/styles/[^"''\s]+', '/images/LogoSIS.svg'
-$content = $content -replace '<link rel="manifest" href="[^"]+">', ''
-Set-Content -Path $path -Value $content -Encoding UTF8

sisvietnamvn/src/main/docker/oracle.yml

@@ -0,0 +1,18 @@
+# This configuration is intended for development purpose, it's **your** responsibility to harden it for production
+name: sisvietnam-oracle
+services:
+  sisvietnam-oracle:
+    image: gvenzl/oracle-free:23-slim-faststart
+    environment:
+      # Password for the SYS and SYSTEM admin accounts
+      - ORACLE_PASSWORD=Oracle123!
+      # Name of the pluggable database
+      - ORACLE_DATABASE=sisvietnam
+      # Create an app user and password automatically
+      - APP_USER=sisvietnam
+      - APP_USER_PASSWORD=sisvietnam
+    ports:
+      - "1521:1521"
+    # Uncomment the following lines to make the database data persistent across restarts
+    # volumes:
+    #   - ~/oracle-data:/opt/oracle/oradata

sisvietnamvn/src/main/resources/config/application-prod.yml

@@ -26,14 +26,13 @@ management:
         enabled: false
 
 spring:
-  devtools:
-    restart:
-      enabled: false
-    livereload:
-      enabled: false
   datasource:
     type: com.zaxxer.hikari.HikariDataSource
-    url: jdbc:oracle:thin:@localhost:1521:xe
+    # BEFORE: jdbc:oracle:thin:@oracle-db:1521:xe
+    # AFTER (notice the slash instead of the colon!):
+    url: jdbc:oracle:thin:@oracle-db:1521/XEPDB1
+    username: sisvietnamvn
+    password: my_secure_password123
     hikari:
       poolName: Hikari
       auto-commit: false
@@ -90,6 +89,8 @@ jhipster:
   security:
     authentication:
       jwt:
+        # This is a securely generated base64 secret required for production tokens
+        base64-secret: OTMzNWRiNGQ4YTk2OWUxZmE2NDg3NTE1MTQ4ZGI1NmM1NjRiMDk0ODhkYzg3OGJmZTc4ZTA2NmU1ZmZlZjQxYmFhZjZhMjFjMzFlMjllYWViOWFlMjdhYjY1NDQxNTVlOGRiMTEwNTFiNWM4NGNiZGMyODRlNmZhZGVkNWFiNDk=
         # Token is valid 24 hours
         token-validity-in-seconds: 86400
         token-validity-in-seconds-for-remember-me: 2592000

sisvietnamvn/src/main/resources/static/css/custom.css

@@ -0,0 +1,24 @@
+/* Custom CSS - This file has the highest priority and will override other styles */
+[data-component-id="umass_base:tophat"] {
+    background-color: transparent !important;
+}
+
+/* Creates an overlay gradient on top of the ambient video */
+.f--ambient-video {
+    position: relative;
+}
+
+.f--ambient-video::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 50%;
+    /* Adjust how far up the gradient goes */
+    background-image: linear-gradient(180deg, transparent, #000);
+    pointer-events: none;
+    /* Allows clicks to pass through to the video controls */
+    z-index: 1;
+    /* Ensures it sits above the video */
+}

sisvietnamvn/src/main/resources/static/css/style.css

@@ -37,14 +37,37 @@ img {
 }
 
 /* Colors */
-.text-red { color: #881c1c; }
+.text-red {
-.text-black { color: #000; }
+  color: #881c1c;
-.text-grey { color: #666; }
+}
-.text-light { color: #fff; }
+
-.bg-red { background: #881c1c; }
+.text-black {
-.bg-black { background: #111; }
+  color: #000;
-.bg-grey { background: #f4f4f4; }
+}
-.bg-light-grey { background: #e5e5e5; }
+
+.text-grey {
+  color: #666;
+}
+
+.text-light {
+  color: #fff;
+}
+
+.bg-red {
+  background: #881c1c;
+}
+
+.bg-black {
+  background: #111;
+}
+
+.bg-grey {
+  background: #f4f4f4;
+}
+
+.bg-light-grey {
+  background: #e5e5e5;
+}
 
 /* Buttons */
 .btn {
@@ -56,22 +79,27 @@ img {
   transition: all 0.2s;
   cursor: pointer;
 }
+
 .btn-red {
   background: #881c1c;
   color: #fff;
 }
+
 .btn-red:hover {
   background: #6b1515;
 }
+
 .btn-red-outline {
   border: 2px solid #881c1c;
   color: #881c1c;
   background: transparent;
 }
+
 .btn-red-outline:hover {
   background: #881c1c;
   color: #fff;
 }
+
 .btn-red-fill {
   background: #881c1c;
   color: #fff;
@@ -89,44 +117,58 @@ img {
 /* ================= HEADER ================= */
 .header {
   position: absolute;
-  top: 0; left: 0; width: 100%;
+  top: 0;
+  left: 0;
+  width: 100%;
   z-index: 100;
   padding: 30px 0;
 }
+
 .header-inner {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
 }
+
 .logo {
   color: #fff;
   line-height: 1.2;
 }
+
 .logo-light {
   font-size: 16px;
   font-weight: 400;
 }
+
 .logo-bold {
   font-size: 24px;
   font-weight: 800;
 }
+
+#umass_base:tophat {
+  background-color: transparent;
+}
+
 .nav-right {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }
+
 .top-nav {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 10px;
 }
+
 .top-nav a {
   color: #fff;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
 }
+
 .search-btn {
   background: #881c1c;
   color: #fff;
@@ -138,10 +180,12 @@ img {
   justify-content: center;
   cursor: pointer;
 }
+
 .main-nav {
   display: flex;
   gap: 24px;
 }
+
 .main-nav a {
   color: #fff;
   font-size: 13px;
@@ -149,8 +193,13 @@ img {
   text-transform: uppercase;
 }
 
-.mobile-only { display: none; }
+.mobile-only {
-.desktop-only { display: flex; }
+  display: none;
+}
+
+.desktop-only {
+  display: flex;
+}
 
 /* ================= HERO ================= */
 .hero {
@@ -159,6 +208,7 @@ img {
   min-height: 600px;
   background: #000;
 }
+
 .hero-bg {
   position: absolute;
   top: 0;
@@ -168,26 +218,34 @@ img {
   object-fit: cover;
   z-index: 0;
 }
+
 .hero-overlay {
   position: absolute;
-  top: 0; left: 0; width: 100%; height: 100%;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 30%, transparent 60%, rgba(0, 0, 0, 0.8) 100%);
   z-index: 1;
 }
+
 .hero-content {
   position: absolute;
   bottom: 60px;
-  left: 0; right: 0;
+  left: 0;
+  right: 0;
   color: #fff;
   padding-left: 20px;
   z-index: 2;
 }
+
 .hero-title {
   font-size: 56px;
   font-weight: 800;
   line-height: 1;
   margin-bottom: 15px;
 }
+
 .hero-desc {
   font-size: 16px;
   font-weight: 400;
@@ -199,25 +257,30 @@ img {
   padding: 60px 0;
   background: #fff;
 }
+
 .step-into-inner {
   align-items: center;
   justify-content: flex-start;
   gap: 80px;
 }
+
 .step-into-title {
   font-size: 32px;
   font-weight: 800;
   line-height: 1.1;
 }
+
 .step-into-links {
   display: flex;
   gap: 80px;
 }
+
 .link-col {
   display: flex;
   flex-direction: column;
   gap: 15px;
 }
+
 .link-col a {
   font-weight: 700;
   font-size: 14px;
@@ -229,6 +292,7 @@ img {
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
 }
+
 .link-col a .arrow {
   color: #881c1c;
   font-size: 10px;
@@ -239,13 +303,16 @@ img {
   background: #111;
   color: #fff;
 }
+
 .whats-life-inner {
   align-items: stretch;
 }
+
 .whats-life-text {
   flex: 1;
   padding: 80px 60px 80px 0;
 }
+
 .tabs {
   display: flex;
   gap: 20px;
@@ -253,41 +320,50 @@ img {
   border-bottom: 1px solid #333;
   padding-bottom: 10px;
 }
+
 .tab {
   font-size: 14px;
   font-weight: 600;
   color: #888;
 }
+
 .tab.active {
   color: #fff;
   border-bottom: 2px solid #fff;
   padding-bottom: 11px;
   margin-bottom: -12px;
 }
+
 .whats-life-text .subtitle {
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 15px;
 }
+
 .whats-life-text .desc {
   font-size: 15px;
   color: #ccc;
   margin-bottom: 30px;
 }
+
 .whats-life-media {
   flex: 1;
   position: relative;
 }
+
 .whats-life-media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
+
 .play-icon {
   position: absolute;
-  top: 50%; left: 50%;
+  top: 50%;
+  left: 50%;
   transform: translate(-50%, -50%);
-  width: 60px; height: 60px;
+  width: 60px;
+  height: 60px;
   background: #881c1c;
   color: #fff;
   border: none;
@@ -297,7 +373,8 @@ img {
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  padding-left: 5px; /* center play triangle */
+  padding-left: 5px;
+  /* center play triangle */
 }
 
 /* ================= STATS ================= */
@@ -306,15 +383,18 @@ img {
   background: #fff;
   text-align: center;
 }
+
 .stats-inner {
   justify-content: center;
   gap: 100px;
 }
+
 .stat-number {
   font-size: 48px;
   font-weight: 800;
   margin-bottom: 10px;
 }
+
 .stat-text {
   font-size: 13px;
   font-weight: 600;
@@ -326,32 +406,42 @@ img {
   padding: 80px 0;
   background: #fff;
 }
+
 .excellence-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
 }
+
 .exc-col-left .desc {
   font-size: 15px;
   margin-bottom: 30px;
 }
-.mt-large { margin-top: 60px; }
+
+.mt-large {
+  margin-top: 60px;
+}
 
 .story-card {
   position: relative;
   overflow: hidden;
 }
+
 .story-card img {
   width: 100%;
   display: block;
 }
+
 .story-card.has-bg .story-content {
   position: absolute;
-  bottom: 0; left: 0; width: 100%;
+  bottom: 0;
+  left: 0;
+  width: 100%;
   background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
   padding: 40px 30px 20px;
   color: #fff;
 }
+
 .tag {
   display: block;
   font-size: 11px;
@@ -359,19 +449,23 @@ img {
   text-transform: uppercase;
   margin-bottom: 8px;
 }
+
 .story-content h3 {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 10px;
   line-height: 1.2;
 }
+
 .story-content p {
   font-size: 13px;
   opacity: 0.9;
 }
+
 .story-card.large h3 {
   font-size: 28px;
 }
+
 .sub-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -379,12 +473,44 @@ img {
   gap: 0;
   height: 300px;
 }
-.box-black { background: #000; padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
+
-.box-red { background: #881c1c; padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
+.box-black {
-.box-grey { background: #444; padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
+  background: #000;
-.play-box { background: #f4f4f4; display: flex; align-items: center; justify-content: center; }
+  padding: 30px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.box-red {
+  background: #881c1c;
+  padding: 30px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.box-grey {
+  background: #444;
+  padding: 30px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.play-box {
+  background: #f4f4f4;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .play-icon-large {
-  width: 80px; height: 80px;
+  width: 80px;
+  height: 80px;
   background: #881c1c;
   color: #fff;
   border-radius: 50%;
@@ -399,25 +525,35 @@ img {
   padding: 80px 0;
   background: #fff;
 }
-.max-w-800 { max-width: 800px; margin-bottom: 40px; font-size: 15px; }
+
+.max-w-800 {
+  max-width: 800px;
+  margin-bottom: 40px;
+  font-size: 15px;
+}
+
 .card-grid-3 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
 }
+
 .card-img img {
   width: 100%;
   aspect-ratio: 3/2;
   object-fit: cover;
 }
+
 .card-body {
   padding: 20px 0;
 }
+
 .card-body h3 {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 10px;
 }
+
 .card-body p {
   font-size: 14px;
   color: #555;
@@ -428,28 +564,38 @@ img {
   padding: 60px 0;
   background: #fff;
 }
-.text-center { text-align: center; }
+
+.text-center {
+  text-align: center;
+}
+
 .apply-buttons {
   display: flex;
   justify-content: center;
   gap: 20px;
 }
-.apply-buttons .btn { width: 180px; }
+
+.apply-buttons .btn {
+  width: 180px;
+}
 
 /* ================= I'M LOOKING FOR ================= */
 .looking-for {
   padding: 80px 0;
   background: #e5e5e5;
 }
+
 .looking-grid {
   display: flex;
   gap: 60px;
 }
+
 .looking-grid .col {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
+
 .looking-grid .col a {
   display: flex;
   justify-content: space-between;
@@ -460,54 +606,70 @@ img {
   font-size: 14px;
   color: #000;
 }
-.looking-grid .col a .arrow { font-size: 10px; color: #881c1c; }
+
+.looking-grid .col a .arrow {
+  font-size: 10px;
+  color: #881c1c;
+}
 
 /* ================= NEWS & EVENTS ================= */
 .news-events {
   padding: 80px 0;
   background: #fff;
 }
+
 .news-layout {
   display: grid;
   grid-template-columns: 60% 35%;
   gap: 5%;
 }
+
 .news-main img {
   width: 100%;
   aspect-ratio: 16/9;
   object-fit: cover;
 }
-.mt-small { margin-top: 20px; }
+
+.mt-small {
+  margin-top: 20px;
+}
+
 .news-main-title {
   font-size: 28px;
   font-weight: 800;
   margin: 10px 0;
   line-height: 1.2;
 }
+
 .news-main-desc {
   font-size: 15px;
   color: #444;
 }
+
 .news-sidebar {
   display: flex;
   flex-direction: column;
   gap: 30px;
 }
+
 .news-small {
   display: flex;
   gap: 15px;
 }
+
 .news-small img {
   width: 140px;
   height: 100px;
   object-fit: cover;
 }
+
 .news-info h4 {
   font-size: 15px;
   font-weight: 700;
   margin: 5px 0;
   line-height: 1.3;
 }
+
 .news-info p {
   font-size: 12px;
   color: #666;
@@ -519,17 +681,31 @@ img {
   gap: 20px;
   margin-top: 60px;
 }
+
 .event-card img {
   width: 100%;
   aspect-ratio: 3/2;
   object-fit: cover;
 }
+
 .event-info {
   padding: 15px 0;
 }
-.event-info .date { font-weight: 800; font-size: 12px; }
+
-.event-info h4 { font-size: 16px; font-weight: 700; margin: 5px 0; }
+.event-info .date {
-.event-info .type { font-size: 13px; }
+  font-weight: 800;
+  font-size: 12px;
+}
+
+.event-info h4 {
+  font-size: 16px;
+  font-weight: 700;
+  margin: 5px 0;
+}
+
+.event-info .type {
+  font-size: 13px;
+}
 
 /* ================= FOOTER ================= */
 .footer {
@@ -537,22 +713,27 @@ img {
   color: #fff;
   padding: 60px 0 30px;
 }
+
 .footer-top {
   display: flex;
   justify-content: space-between;
   margin-bottom: 40px;
 }
+
 .footer-brand {
   flex: 1;
 }
+
 .footer-logo {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 20px;
 }
+
 .m-box {
-  width: 50px; height: 50px;
+  width: 50px;
+  height: 50px;
   background: #881c1c;
   color: #fff;
   font-size: 24px;
@@ -561,17 +742,21 @@ img {
   align-items: center;
   justify-content: center;
 }
+
 .footer-logo .logo-text {
   font-size: 14px;
   line-height: 1.2;
 }
+
 .social-icons {
   display: flex;
   gap: 15px;
 }
+
 .social-icons a {
   color: #fff;
-  width: 20px; height: 20px;
+  width: 20px;
+  height: 20px;
 }
 
 .footer-links-grid {
@@ -580,18 +765,21 @@ img {
   justify-content: flex-end;
   gap: 80px;
 }
+
 .footer-col h4 {
   font-size: 12px;
   font-weight: 700;
   color: #888;
   margin-bottom: 15px;
 }
+
 .footer-col a {
   display: block;
   font-size: 13px;
   color: #ccc;
   margin-bottom: 10px;
 }
+
 .footer-bottom {
   display: flex;
   justify-content: space-between;
@@ -600,39 +788,53 @@ img {
   font-size: 12px;
   color: #888;
 }
+
 .bottom-links {
   display: flex;
   gap: 20px;
 }
-.bottom-links a { color: #888; }
+
+.bottom-links a {
+  color: #888;
+}
 
 /* ================= RESPONSIVE TABLET (768px) ================= */
 @media (max-width: 1024px) {
-  .desktop-only { display: none; }
+  .desktop-only {
-  .mobile-only { display: flex; }
+    display: none;
+  }
+
+  .mobile-only {
+    display: flex;
+  }
 
   .header {
     background: #111;
     padding: 15px 0;
   }
+
   .mobile-actions {
     display: flex;
     align-items: center;
   }
+
   .search-btn-mobile {
     background: #881c1c;
     color: #fff;
     border: none;
-    width: 40px; height: 40px;
+    width: 40px;
+    height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
+
   .hamburger-btn {
     background: transparent;
     color: #fff;
     border: none;
-    width: 40px; height: 40px;
+    width: 40px;
+    height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -643,60 +845,157 @@ img {
     min-height: 500px;
     padding: 0;
   }
-  .hero-title { font-size: 40px; }
+
+  .hero-title {
+    font-size: 40px;
+  }
 
   .step-into-inner {
     flex-direction: column;
     align-items: flex-start;
     gap: 30px;
   }
-  .step-into-links { width: 100%; justify-content: space-between; gap: 20px; }
-  .link-col { width: 48%; }
-  .link-col a { width: 100%; }
 
-  .whats-life-inner { flex-direction: column; }
+  .step-into-links {
-  .whats-life-text { padding: 40px 0; }
+    width: 100%;
-  .whats-life-media { height: 400px; width: 100%; }
+    justify-content: space-between;
+    gap: 20px;
+  }
 
-  .stats-inner { gap: 30px; }
+  .link-col {
+    width: 48%;
+  }
 
-  .excellence-grid { grid-template-columns: 1fr; }
+  .link-col a {
-  .sub-grid { height: auto; grid-template-columns: 1fr 1fr; }
+    width: 100%;
+  }
 
-  .card-grid-3 { grid-template-columns: 1fr; }
+  .whats-life-inner {
-  .card-img img { aspect-ratio: 16/9; }
+    flex-direction: column;
+  }
 
-  .apply-buttons { flex-wrap: wrap; }
+  .whats-life-text {
+    padding: 40px 0;
+  }
 
-  .news-layout { grid-template-columns: 1fr; gap: 40px; }
+  .whats-life-media {
-  .events-grid { grid-template-columns: 1fr 1fr; }
+    height: 400px;
+    width: 100%;
+  }
 
-  .footer-top { flex-direction: column; gap: 40px; }
+  .stats-inner {
-  .footer-links-grid { justify-content: space-between; gap: 20px; }
+    gap: 30px;
+  }
+
+  .excellence-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .sub-grid {
+    height: auto;
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .card-grid-3 {
+    grid-template-columns: 1fr;
+  }
+
+  .card-img img {
+    aspect-ratio: 16/9;
+  }
+
+  .apply-buttons {
+    flex-wrap: wrap;
+  }
+
+  .news-layout {
+    grid-template-columns: 1fr;
+    gap: 40px;
+  }
+
+  .events-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .footer-top {
+    flex-direction: column;
+    gap: 40px;
+  }
+
+  .footer-links-grid {
+    justify-content: space-between;
+    gap: 20px;
+  }
 }
 
 /* ================= RESPONSIVE MOBILE (390px) ================= */
 @media (max-width: 767px) {
-  .hero-title { font-size: 32px; }
+  .hero-title {
-  .hero-desc { font-size: 14px; }
+    font-size: 32px;
-  
+  }
-  .step-into-links { flex-direction: column; }
+
-  .link-col { width: 100%; }
+  .hero-desc {
-  
+    font-size: 14px;
-  .stats-inner { flex-direction: column; gap: 40px; }
+  }
-  
+
-  .sub-grid { grid-template-columns: 1fr; }
+  .step-into-links {
-  
+    flex-direction: column;
-  .apply-buttons { flex-direction: column; align-items: center; }
+  }
-  .apply-buttons .btn { width: 100%; max-width: 300px; }
+
-  
+  .link-col {
-  .looking-grid { flex-direction: column; gap: 0; }
+    width: 100%;
-  
+  }
-  .events-grid { grid-template-columns: 1fr; }
+
-  .news-small { flex-direction: column; }
+  .stats-inner {
-  .news-small img { width: 100%; height: auto; aspect-ratio: 16/9; }
+    flex-direction: column;
-  
+    gap: 40px;
-  .footer-links-grid { flex-direction: column; }
+  }
-  .footer-bottom { flex-direction: column; gap: 20px; align-items: flex-start; }
+
-  .bottom-links { flex-direction: column; gap: 10px; }
+  .sub-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .apply-buttons {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .apply-buttons .btn {
+    width: 100%;
+    max-width: 300px;
+  }
+
+  .looking-grid {
+    flex-direction: column;
+    gap: 0;
+  }
+
+  .events-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .news-small {
+    flex-direction: column;
+  }
+
+  .news-small img {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 16/9;
+  }
+
+  .footer-links-grid {
+    flex-direction: column;
+  }
+
+  .footer-bottom {
+    flex-direction: column;
+    gap: 20px;
+    align-items: flex-start;
+  }
+
+  .bottom-links {
+    flex-direction: column;
+    gap: 10px;
+  }
 }

sisvietnamvn/src/main/resources/static/flex-finish/css_X_z6ERfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css

@@ -1456,7 +1456,8 @@ html[data-whatintent="mouse"] [data-component-id="umass_base:button"] {
     }
 }
 
-.transparent-header, body:has(.transparent-header) {
+.transparent-header,
+body:has(.transparent-header) {
     [data-component-id="umass_base:site-header"] {
         #mobile-hamburger {
 

sisvietnamvn/src/main/resources/templates/flex-finish.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
     layout:decorate="~{fragments/layout}">
 
@@ -455,7 +455,7 @@
                                                                 <div data-component-id="umass_base:section-title"
                                                                     class="f--section-title">
                                                                     <h2><a
-                                                                            href="https://www.isenberg.umass.edu/programs/undergraduate/online">Business
+                                                                            href="#">Business
                                                                             Administration</a></h2>
                                                                 </div>
                                                                 <div data-component-id="umass_base:description"
@@ -473,7 +473,7 @@
                                                                 </div>
                                                                 <div class="cta-container">
                                                                     <div class="f--field f--button">
-                                                                        <a href="https://www.isenberg.umass.edu/programs/undergraduate/online"
+                                                                        <a href="#"
                                                                             class="button-primary button-context-light "
                                                                             aria-label="Learn More"
                                                                             data-component-id="umass_base:button">

sisvietnamvn/src/main/resources/templates/fragments/footer.html

@@ -16,10 +16,10 @@
                   <div class="c--component c--footer-branding">
 
 
-                    <a class="logo" href="https://sisvietnam.vn/" aria-label="SIS">
+                    <a class="logo" href="#" aria-label="SIS">
 
                       <div>
-                        <img th:src="@{/images/LogoSIS.svg}" alt="Logo SIS" />
+                        <img src="https://sisvietnam.vn/wp-content/uploads/2026/06/LogoSIS-1.png" alt="Logo SIS" />
                       </div>
 
                     </a>
@@ -122,7 +122,7 @@
                     <nav class="mc--menu mc--menu-footer" aria-label="UMass Amherst Footer Menu">
                       <ul class="menu m--menu m--menu-footer">
                         <li class="menu-item menu-item--expanded">
-                          <span class="navigation-title">Dành cho</span>
+                          <span class="navigation-title">Thông tin</span>
                           <div class="submenu-wrapper">
                             <ul class="submenu">
                               <li class="menu-item">

sisvietnamvn/src/main/resources/templates/fragments/header.html

@@ -1,4 +1,4 @@
-<header id="l--main-header" th:fragment="header">
+<header id="l--main-header" th:fragment="header">
   <h1 class="visually-hidden">The University of Massachusetts Amherst</h1>
 
   <style>
@@ -10,6 +10,61 @@
       z-index: 99;
     }
 
+    /* Desktop mode */
+    @media (min-width: 1024px) {
+      [data-component-id="umass_base:site-header"]>[data-component-id="umass_base:header-branding"] {
+        display: none !important;
+      }
+
+      /* Center the navigation menu */
+      [data-component-id="umass_base:site-header"] {
+        justify-content: center !important;
+        margin-top: -110px;
+      }
+
+      [data-component-id="umass_base:tophat"] .tophat-inner {
+        display: none !important;
+      }
+
+      [data-component-id="umass_base:tophat"] .desktop-slogan-container {
+        display: flex !important;
+        flex-direction: column;
+        align-items: center;
+        justify-content: flex-start;
+        align-self: flex-start;
+        padding-top: 5px;
+        padding-right: 20px;
+        text-align: center;
+        color: white !important;
+        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
+        flex: 1;
+        position: relative;
+        z-index: 999;
+      }
+
+      .desktop-slogan-container img {
+        height: 40px;
+        margin-bottom: 5px;
+        width: unset;
+      }
+
+      [data-component-id="umass_base:tophat"] .desktop-slogan-container .slogan-text {
+        text-align: center;
+        margin: 0;
+        font-size: 14px;
+        font-style: italic;
+        white-space: nowrap;
+        line-height: 1.4;
+      }
+    }
+
+    /* Hide desktop slogan on mobile and tablet */
+    @media (max-width: 1023px) {
+      [data-component-id="umass_base:tophat"] {
+        display: none !important;
+      }
+    }
+
     [data-component-id="umass_base:site-header"] {
       justify-content: flex-end !important;
       position: relative;
@@ -22,8 +77,8 @@
     }
 
     [data-component-id="umass_base:header-branding"] a:hover img {
-      transform: scale(1.05);
+      transform: scale(1.08);
-      filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
+      filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 5px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 10px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 20px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 1));
     }
 
     /* Hamburger icon - white only on transparent headers */
@@ -67,7 +122,24 @@
   </style>
 
   <div class="region region-header r--region r--header">
-    <div data-component-id="umass_base:tophat">
+    <section data-component-id="umass_base:tophat" style="display: flex; 
+                                                align-items: center;
+                                                gap: var(--s2);">
+      <div data-component-id="umass_base:header-branding" style="padding: 20px;">
+        <a href="#">
+          <img class="whitetext" src="https://sisvietnam.vn/wp-content/uploads/2026/06/LogoSIS-1.png"
+            alt="SIS Vietnam Logo">
+          <img class="redtext" src="https://sisvietnam.vn/wp-content/uploads/2026/06/LogoSIS-1.png"
+            alt="SIS Vietnam Logo">
+        </a>
+      </div>
+      <div class="desktop-slogan-container">
+        <img src="https://sisvietnam.vn/wp-content/themes/siscantho/img/slogan.png" alt="SIS Vietnam Slogan">
+        <div class="slogan-text">“ Hãy quan tâm đến đột quỵ bởi vì đột quỵ có thể xảy ra tại mọi thời điểm trong cuộc
+          đời và đột quỵ không loại trừ bất cứ ai ”</div>
+
+      </div>
+
       <div class="tophat-inner">
         <div class="social-header">
           <nav data-component-id="umass_base:header-socials">
@@ -118,7 +190,7 @@
         <div class="tophat-flyout">
           <div class="tophat-logo">
             <a href="https://sisvietnam.vn/">
-              <img src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
+              <img src="https://sisvietnam.vn/wp-content/uploads/2026/06/LogoSIS-1.png" alt="SIS Vietnam Logo">
             </a>
           </div>
 
@@ -184,7 +256,7 @@
 
               </li>
               <li class="menu-item">
-                <a href="#" title="UMass Amherst Athletics">Athletics</a>
+                <a href="#" title="UMass Amherst Athletidata-component-id=" umass_base:tophat"">Athletics</a>
 
 
               </li>
@@ -215,8 +287,8 @@
 
 
                   <div class="f--field f--button">
-                    <a href="https://www.umass.edu/admissions/apply" class="button-primary button-context-light "
+                    <a href="#" class="button-primary button-context-light " aria-label="Apply"
-                      aria-label="Apply" data-component-id="umass_base:button">
+                      data-component-id="umass_base:button">
 
 
                       <span class="button-text">
@@ -253,8 +325,8 @@
 
 
                   <div class="f--field f--button">
-                    <a href="https://www.umass.edu/admissions/visit" class="button-primary button-context-light "
+                    <a href="#" class="button-primary button-context-light " aria-label="Visit"
-                      aria-label="Visit" data-component-id="umass_base:button">
+                      data-component-id="umass_base:button">
 
 
                       <span class="button-text">
@@ -277,12 +349,11 @@
 
   <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/">
+      <a href="#">
         <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">
@@ -291,15 +362,15 @@
             <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
+                  <a th:href="@{/}" 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"
+                      <path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z">
-                          d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
+                      </path>
                     </svg>
                   </button>
                 </div>
@@ -307,8 +378,8 @@
                 <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"
+                      x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve" width="5"
-                        width="5" height="10">
+                      height="10">
                       <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
                       </polygon>
                     </svg>
@@ -332,39 +403,34 @@
                         <span class="navigation-title">Get Your Degree</span>
                         <ul class="submenu">
                           <li class="menu-item">
-                              <a href="https://www.umass.edu/gateway/academics/undergraduate"
+                            <a href="#" data-drupal-link-system-path="node/106">Undergraduate</a>
-                                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>
+                            <a href="#">Design Your Own Major</a>
 
 
                           </li>
                           <li class="menu-item">
-                              <a href="https://www.umass.edu/gateway/academics/graduate"
+                            <a href="#" data-drupal-link-system-path="node/111">Graduate</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/42816">Accelerated Master's</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/596">Schools &amp; Colleges</a>
-                                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"
+                            <a href="#" title="Complete your bachelor&#39;s degree fully online at UMass Amherst."
-                                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
-                                data-drupal-link-system-path="node/73491" class="is-active"
+                              Degree Completion</a>
-                                aria-current="page">Bachelor’s Degree Completion</a>
 
 
                           </li>
@@ -389,31 +455,27 @@
                         <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"
+                            <a href="#" data-drupal-link-system-path="node/84076">Our Campuses</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/83931">Summer &amp; Winter Sessions</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/84116">Study Abroad</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/83936">First-Year Launch Programs</a>
-                                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>
+                            <a href="#">Pre-College &amp; Lifelong Learning</a>
 
 
                           </li>
@@ -438,25 +500,22 @@
                         <span class="navigation-title">Resources</span>
                         <ul class="submenu">
                           <li class="menu-item">
-                              <a href="https://www.umass.edu/gateway/academics/university-libraries"
+                            <a href="#" data-drupal-link-system-path="node/616">University Libraries</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/26366">Academic Advising</a>
-                                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>
+                            <a href="#">Career &amp; Internship Services</a>
 
 
                           </li>
                           <li class="menu-item">
-                              <a href="https://www.umass.edu/gateway/academics/explore-our-programs"
+                            <a href="#" data-drupal-link-system-path="node/251">Explore Our Programs</a>
-                                data-drupal-link-system-path="node/251">Explore Our Programs</a>
 
 
                           </li>
@@ -472,14 +531,14 @@
               </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>
+                  <a th:href="@{/about}" 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"
+                      <path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z">
-                          d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
+                      </path>
                     </svg>
                   </button>
                 </div>
@@ -487,8 +546,8 @@
                 <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"
+                      x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve" width="5"
-                        width="5" height="10">
+                      height="10">
                       <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
                       </polygon>
                     </svg>
@@ -497,8 +556,7 @@
                   <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"
+                      <a href="#" data-drupal-link-system-path="node/266">Undergraduate Admissions</a>
-                          data-drupal-link-system-path="node/266">Undergraduate Admissions</a>
 
                       <div class="submenu-wrapper">
                         <button class="button-back">
@@ -513,44 +571,37 @@
                         <span class="navigation-title">Undergraduate Admissions</span>
                         <ul class="submenu">
                           <li class="menu-item">
-                              <a href="https://www.umass.edu/admissions/undergraduate-admissions"
+                            <a href="#" data-drupal-link-system-path="node/266">Home</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/626">Explore</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/1366">Visit</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/271">Apply</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/2651">Costs &amp; Aid</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/656">Connect</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/1601">Admitted Students</a>
-                                data-drupal-link-system-path="node/1601">Admitted Students</a>
 
 
                           </li>
@@ -560,22 +611,22 @@
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/graduate/apply">Graduate Admissions</a>
+                      <a href="#">Graduate Admissions</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/universityplus/admissions">Undergraduate Online Admissions</a>
+                      <a href="#">Undergraduate Online Admissions</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/uww/pre-college">Pre-College Admissions</a>
+                      <a href="#">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
+                      <a href="#" data-drupal-link-system-path="node/781">Financial
                         Aid</a>
 
                       <div class="submenu-wrapper">
@@ -591,38 +642,32 @@
                         <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"
+                            <a href="#" data-drupal-link-system-path="node/856">Financial Aid Services</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/786">Undergraduate</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/19936">Graduate</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/20531">Non-Degree</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/991">University+</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/1056">Student Employment</a>
-                                data-drupal-link-system-path="node/1056">Student Employment</a>
 
 
                           </li>
@@ -638,15 +683,15 @@
               </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
+                  <a th:href="@{/tin-tuc}" 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"
+                      <path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z">
-                          d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
+                      </path>
                     </svg>
                   </button>
                 </div>
@@ -654,8 +699,8 @@
                 <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"
+                      x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve" width="5"
-                        width="5" height="10">
+                      height="10">
                       <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
                       </polygon>
                     </svg>
@@ -664,32 +709,27 @@
                   <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"
+                      <a href="#" data-drupal-link-system-path="node/3666">Living and Dining</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/3676">Student Activities</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/3681">Student Support and Wellness</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/3661">Life in Amherst</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/84101">Arts &amp; Culture</a>
-                          data-drupal-link-system-path="node/84101">Arts &amp; Culture</a>
 
 
                     </li>
@@ -700,15 +740,15 @@
               </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
+                  <a th:href="@{/flex-finish}" data-drupal-link-system-path="node/82851">Hệ thống
-                      Giáo</a>
+                    dịch vụ</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"
+                      <path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z">
-                          d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
+                      </path>
                     </svg>
                   </button>
                 </div>
@@ -716,8 +756,8 @@
                 <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"
+                      x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve" width="5"
-                        width="5" height="10">
+                      height="10">
                       <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
                       </polygon>
                     </svg>
@@ -726,26 +766,22 @@
                   <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"
+                      <a href="#" data-drupal-link-system-path="node/83286">Discover Ideas</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/83471">Choose Your Path</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/83511">Find Your Purpose</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/3716">About UMass Amherst</a>
-                          data-drupal-link-system-path="node/3716">About UMass Amherst</a>
 
                       <div class="submenu-wrapper">
                         <button class="button-back">
@@ -760,31 +796,27 @@
                         <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"
+                            <a href="#" data-drupal-link-system-path="node/3721">UMass History</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/74316">UMass Amherst By the Numbers</a>
-                                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>
+                            <a href="#">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"
+                            <a href="#" data-drupal-link-system-path="node/21126">Sam the Minuteman</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="node/55696">UMass Amherst Stories</a>
-                                data-drupal-link-system-path="node/55696">UMass Amherst Stories</a>
 
 
                           </li>
@@ -800,15 +832,15 @@
               </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
+                  <a th:href="@{/lien-he}" data-drupal-link-system-path="node/79406">Liên
-                      tạo</a>
+                    hệ</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"
+                      <path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z">
-                          d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
+                      </path>
                     </svg>
                   </button>
                 </div>
@@ -816,8 +848,8 @@
                 <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"
+                      x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve" width="5"
-                        width="5" height="10">
+                      height="10">
                       <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
                       </polygon>
                     </svg>
@@ -826,20 +858,17 @@
                   <span class="navigation-title">Research</span>
                   <ul class="submenu">
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/gateway/research/student-research"
+                      <a href="#" data-drupal-link-system-path="node/606">Student Research</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/19971">Faculty Excellence</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/601">Innovation &amp; Impact</a>
-                          data-drupal-link-system-path="node/601">Innovation &amp; Impact</a>
 
                       <div class="submenu-wrapper">
                         <button class="button-back">
@@ -854,14 +883,12 @@
                         <span class="navigation-title">Innovation &amp; Impact</span>
                         <ul class="submenu">
                           <li class="menu-item">
-                              <a href="https://www.umass.edu/gateway/research/stories"
+                            <a href="#" data-drupal-link-system-path="node/35236">Research News &amp; Stories</a>
-                                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"
+                            <a href="#" data-drupal-link-system-path="gateway/research/timeline">Timeline of Research
-                                data-drupal-link-system-path="gateway/research/timeline">Timeline of Research
                               Breakthroughs</a>
 
 
@@ -872,8 +899,7 @@
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/gateway/research/centers-and-institutes"
+                      <a href="#" data-drupal-link-system-path="node/611">Centers and Institutes</a>
-                          data-drupal-link-system-path="node/611">Centers and Institutes</a>
 
 
                     </li>
@@ -884,15 +910,15 @@
               </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
+                  <a href="#" 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"
+                      <path fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z">
-                          d="M7.88,7L15.75,0H0s7.88,7,7.88,7Z"></path>
+                      </path>
                     </svg>
                   </button>
                 </div>
@@ -900,8 +926,8 @@
                 <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"
+                      x="0px" y="0px" viewBox="0 0 5 10" enable-background="new 0 0 5 10" xml:space="preserve" width="5"
-                        width="5" height="10">
+                      height="10">
                       <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#881c1c" points="0,5 5,0 5,10 ">
                       </polygon>
                     </svg>
@@ -910,25 +936,22 @@
                   <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"
+                      <a href="#" data-drupal-link-system-path="node/79501">News Headlines</a>
-                          data-drupal-link-system-path="node/79501">News Headlines</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://events.umass.edu/">Events</a>
+                      <a href="#">Events</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/news/news-events/experts-umass"
+                      <a href="#" data-drupal-link-system-path="node/971">Experts at UMass</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/75351">Federal Actions</a>
-                          data-drupal-link-system-path="node/75351">Federal Actions</a>
 
                       <div class="submenu-wrapper">
                         <button class="button-back">
@@ -943,8 +966,7 @@
                         <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"
+                            <a href="#" data-drupal-link-system-path="node/76176">View All Federal Actions Updates</a>
-                                data-drupal-link-system-path="node/76176">View All Federal Actions Updates</a>
 
 
                           </li>
@@ -954,31 +976,28 @@
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/news/news-events/olympia-drive-fire-response"
+                      <a href="#" data-drupal-link-system-path="node/81266">Olympia Drive Fire Response</a>
-                          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>
+                      <a href="#">Office of Chancellor Javier Reyes</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/institutional-effectiveness/strategic-plan">Strategic Plan
+                      <a href="#">Strategic Plan
                         2024–2034</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/news/news-events/news-office-frequently-asked-questions"
+                      <a href="#" data-drupal-link-system-path="node/21221">Frequently Asked Questions</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/21016">Inside UMass</a>
-                          data-drupal-link-system-path="node/21016">Inside UMass</a>
 
                       <div class="submenu-wrapper">
                         <button class="button-back">
@@ -993,20 +1012,18 @@
                         <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"
+                            <a href="#" data-drupal-link-system-path="node/26211">Submit to Inside UMass</a>
-                                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
+                            <a href="#">View Most Recent News
                               Headlines</a>
 
 
                           </li>
                           <li class="menu-item">
-                              <a
+                            <a href="#">Subscribe
-                                href="https://subscribe.umass.edu/subscriptioncenter/manageList/subscribeFromLink?channel_id=a2w6S000007eAfOQAU">Subscribe
                               to Inside UMass</a>
 
 
@@ -1017,33 +1034,28 @@
 
                     </li>
                     <li class="menu-item">
-                        <a href="https://www.umass.edu/news/news-events/hometown-news-requests"
+                      <a href="#" data-drupal-link-system-path="node/21091">Hometown News Requests</a>
-                          data-drupal-link-system-path="node/21091">Hometown News Requests</a>
 
 
                     </li>
                     <li class="menu-item">
-                        <a
+                      <a href="#">Social
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/20596">Video Services</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/20546">Job Opportunities for Students</a>
-                          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"
+                      <a href="#" data-drupal-link-system-path="node/3751">Contact Us</a>
-                          data-drupal-link-system-path="node/3751">Contact Us</a>
 
 
                     </li>
@@ -1069,8 +1081,8 @@
 
 
                   <div class="f--field f--button">
-                      <a href="https://www.umass.edu/admissions/apply" class="button-primary button-context-light "
+                    <a href="#" class="button-primary button-context-light " aria-label="Apply"
-                        aria-label="Apply" data-component-id="umass_base:button">
+                      data-component-id="umass_base:button">
 
 
                       <span class="button-text">
@@ -1107,8 +1119,8 @@
 
 
                   <div class="f--field f--button">
-                      <a href="https://www.umass.edu/admissions/visit" class="button-primary button-context-light "
+                    <a href="#" class="button-primary button-context-light " aria-label="Visit"
-                        aria-label="Visit" data-component-id="umass_base:button">
+                      data-component-id="umass_base:button">
 
 
                       <span class="button-text">
@@ -1275,9 +1287,11 @@
     <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/">
+          <a href="#">
-              <img class="whitetext" src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
+            <img class="whitetext" src="https://sisvietnam.vn/wp-content/uploads/2026/06/LogoSIS-1.png"
-              <img class="redtext" src="/images/LogoSIS.svg" alt="SIS Vietnam Logo">
+              alt="SIS Vietnam Logo">
+            <img class="redtext" src="https://sisvietnam.vn/wp-content/uploads/2026/06/LogoSIS-1.png"
+              alt="SIS Vietnam Logo">
           </a>
         </div>
 
@@ -1305,19 +1319,19 @@
 
           <ul class="menu">
             <li class="menu-item">
-                <a href="https://www.umass.edu/admissions/visit">Campus tours</a>
+              <a href="#">Campus tours</a>
             </li>
             <li class="menu-item">
-                <a href="https://www.umass.edu/financialaid/undergraduate-costs">Tuition</a>
+              <a href="#">Tuition</a>
             </li>
             <li class="menu-item">
-                <a href="https://www.umass.edu/financialaid">Financial aid</a>
+              <a href="#">Financial aid</a>
             </li>
             <li class="menu-item">
-                <a href="https://www.umass.edu/admissions/apply">How to apply</a>
+              <a href="#">How to apply</a>
             </li>
             <li class="menu-item">
-                <a href="https://www.umass.edu/gateway/umass-stories/study-abroad-umass">Study abroad</a>
+              <a href="#">Study abroad</a>
             </li>
           </ul>
 

sisvietnamvn/src/main/resources/templates/fragments/layout.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,11 +9,17 @@
     <!-- Google Fonts: Lora and Open Sans -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
+        rel="stylesheet">
 
     <!-- Add base CSS here if available -->
     <th:block layout:fragment="head"></th:block>
+
+    <!-- Custom CSS (Highest Priority) -->
+    <link rel="stylesheet" th:href="@{/css/custom.css}">
 </head>
+
 <body>
     <header th:replace="~{fragments/header :: #l--main-header}"></header>
 
@@ -22,4 +29,5 @@
 
     <footer th:replace="~{fragments/footer :: footer}"></footer>
 </body>
+
 </html>

sisvietnamvn/src/main/resources/templates/index.html

@@ -133,7 +133,8 @@
                         <div class="cc--component-container cc--homepage-hero ">
                           <div class="c--component c--homepage-hero">
                             <div class="slides-container">
-                              <div class="image-video-container has-video">
+                              <div class="image-video-container has-video" style="position: relative;">
+                                <div class="f--field f--image"></div>
                                 <img src="/images/mainpage_slider/BANNER-LINNC-BAC-CUONG-05-scaled.jpg"
                                   alt="Graduating students celebrate at McGuirk Stadium prior to 2025 Undergraduate Commencement">
                                 <style>
@@ -180,8 +181,10 @@
                                     </div>
                                   </div>
                                 </div>
-                                <div class="f--ambient-video">
+                                <div class="f--ambient-video"
-                                  <video role="presentation" tabindex="-1" loop="" autoplay="" playsinline="" muted="">
+                                  style="position: absolute; top:0; left:0; width:100%; height:100%;">
+                                  <video role="presentation" tabindex="-1" loop="" autoplay="" playsinline="" muted=""
+                                    style="width: 100%; height: 100%; object-fit: cover;">
                                     <source
                                       src="/images/YTDown_YouTube_Benh-vien-Da-Khoa-Quoc-Te-SIS-Can-Tho-Th_Media_pcz597Ou5U_001_1080p (online-video-cutter.com).mp4"
                                       type="video/mp4">
@@ -210,6 +213,10 @@
                                   </div>
                                 </div>
 
+                                <!-- Black Gradient Overlay (Top Only) -->
+                                <div
+                                  style="position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-image: linear-gradient(180deg, #000, transparent); pointer-events: none; z-index: 20;">
+                                </div>
 
                               </div>
 
@@ -249,7 +256,7 @@
                                             class="utility-button arrow-toggle information-for-toggle"
                                             aria-label="Display submenu for Information menu" aria-expanded="false"
                                             aria-haspopup="true">
-                                            Dành cho
+                                            Thông tin
                                             <svg version="1.1" class="arrow" 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"
@@ -347,7 +354,7 @@
                           <div class="container">
                             <div class="text-container">
                               <div data-component-id="umass_base:section-title" class="f--section-title">
-                                <h2>Step Into <span class="highlight">Your Future</span></h2>
+                                <h2><span class="highlight">HỆ THỐNG DỊCH VỤ</span></h2>
                               </div>
                             </div>
                             <div class="links-container">
@@ -579,10 +586,9 @@
                               </div>
                             </div>
 
-                            <div class="tabbed-media-content-media-col">
+                            <!-- <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 alt="A UMass student plays ping pong."
                                   src="./UMass Amherst _ UMass Amherst_files/medium_jpg-2026_Vertical_Assets_5179_John_Solem_.jpg">
                               </div>
@@ -607,7 +613,244 @@
                                   allowfullscreen data-src="https://www.youtube.com/embed/q0ZxZVbnMqs">
                                 </iframe>
                               </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="/sites/default/files/styles/9_16_720x1280/public/2026-03/medium_jpg-2026_Vertical_Assets_5179_John_Solem_.jpg?h=7c5befa5&amp;itok=DZUe-3fS"
+                                    class=" lazyloaded" alt="A UMass student plays ping pong."
+                                    src="./UMass Amherst _ UMass Amherst_files/medium_jpg-2026_Vertical_Assets_5179_John_Solem_.jpg">
+
+
+
                                 </div>
+
+
+
+
+
+
+
+                                <div class="f--field f--button">
+                                  <a href="https://sisvietnam.vn/#" 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="./UMass Amherst _ UMass Amherst_files/q0ZxZVbnMqs.html" 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="/sites/default/files/styles/9_16_720x1280/public/2026-03/FY26_Vertical-Campus-Housing.jpg?h=75081741&amp;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://sisvietnam.vn/#" 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="./UMass Amherst _ UMass Amherst_files/7D_TnBztQhU.html" 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="/sites/default/files/styles/9_16_720x1280/public/2026-03/FY26_Vertical-Dining2.jpg?h=75081741&amp;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://sisvietnam.vn/#" 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="./UMass Amherst _ UMass Amherst_files/YRzZ9aRZ69w.html" 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="/sites/default/files/styles/9_16_720x1280/public/2026-03/FY26_Vertical-Downtown-Amherst.jpg?h=75081741&amp;itok=irWjha4q"
+                                    class="lazyload"
+                                    alt="A UMass student holds a hote bag that reads &quot;I Love Amherst.&quot;">
+
+
+
+                                </div>
+
+
+
+
+
+
+
+                                <div class="f--field f--button">
+                                  <a href="https://sisvietnam.vn/#" 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="./UMass Amherst _ UMass Amherst_files/agqIJlJpbAY.html" frameborder="0"
+                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+                                    allowfullscreen=""></iframe>
+                                </div>
+
+
+
+                              </div>
+                            </div>
+
                             <div class="tabbed-media-content-media-item with-video"
                               data-tab-id="tabbed-content-campus-housing">
                               <div class="f--field f--image">
@@ -636,8 +879,7 @@
                                 </iframe>
                               </div>
                             </div>
-                              <div class="tabbed-media-content-media-item with-video"
+                            <div class="tabbed-media-content-media-item with-video" data-tab-id="tabbed-content-dining">
-                                data-tab-id="tabbed-content-dining">
                               <div class="f--field f--image">
                                 <img alt="A student gets food at a UMass Amherst dining hall."
                                   src="./UMass Amherst _ UMass Amherst_files/FY26_Vertical-Dining2.jpg">
@@ -858,8 +1100,7 @@
 
                             <div class="qcg__link">
                               <a href="https://sisvietnam.vn/ve-chung-toi" class="ext" target="_self"
-                                  aria-label="Khám phá hành trình cứu sống bệnh nhân của S.I.S"
+                                aria-label="Khám phá hành trình cứu sống bệnh nhân của S.I.S" rel="noopener noreferrer">
-                                  rel="noopener noreferrer">
                                 Khám phá Câu chuyện S.I.S
                               </a>
                             </div>
@@ -900,8 +1141,7 @@
                                     <div>
                                       <article>
                                         <div>
-                                            <img
+                                          <img style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
-                                              style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
                                             src="https://sisvietnam.vn/wp-content/uploads/2026/04/260425-Siemens-DSC00468-scaled.jpg"
                                             alt="Hình minh họa quy trình cấp cứu">
                                         </div>
@@ -924,8 +1164,7 @@
                                     <div>
                                       <article>
                                         <div>
-                                            <img
+                                          <img style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
-                                              style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
                                             src="https://sisvietnam.vn/wp-content/uploads/2026/05/Workshop_Dieu-tri-Hep-Dong-mach-Nao-bang-Stent-va-Bong-11-scaled.jpg"
                                             alt="Hình đội ngũ chuyên gia">
                                         </div>
@@ -948,8 +1187,7 @@
                                     <div>
                                       <article>
                                         <div>
-                                            <img
+                                          <img style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
-                                              style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
                                             src="https://sisvietnam.vn/wp-content/uploads/2026/03/DSC_0355-scaled.jpg"
                                             alt="Hình trang thiết bị hiện đại">
                                         </div>
@@ -957,8 +1195,8 @@
                                     </div>
                                   </div>
                                   <div class="qcg-item__link">
-                                      <a href="https://sisvietnam.vn/trang-thiet-bi" class="qcg-item__cta"
+                                    <a href="https://sisvietnam.vn/trang-thiet-bi" class="qcg-item__cta" target="_self"
-                                        target="_self" aria-label="Trang Thiết Bị Đạt Chuẩn Quốc Tế">
+                                      aria-label="Trang Thiết Bị Đạt Chuẩn Quốc Tế">
                                       Trang Thiết Bị Đạt Chuẩn Quốc Tế
                                     </a>
                                   </div>
@@ -974,8 +1212,7 @@
                                     <div>
                                       <article>
                                         <div>
-                                            <img
+                                          <img style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
-                                              style="width: 100%; height: 100%; object-fit: cover; min-height: 250px;"
                                             src="https://sisvietnam.vn/wp-content/uploads/2026/03/11.3-Chay-nuoc-mui-suot-18-thang-nguoi-dan-ong-bat-ngo-phat-hien-Do-dich-nao-tuy-2.jpg"
                                             alt="Hình ảnh tầm soát nguy cơ">
                                         </div>
@@ -1056,7 +1293,7 @@
 
                                 <div class="f--field f--image">
 
-                                    <img style="width: 100%; height: 180px; object-fit: cover;"
+                                  <img style="width: 100%; height: auto; object-fit: cover;"
                                     src="https://sisvietnam.vn/wp-content/uploads/2026/04/260425-Siemens-DSC00468-scaled.jpg"
                                     alt="Cấp cứu đột quỵ">
 
@@ -1124,7 +1361,7 @@
 
 
 
-                                    <img style="width: 100%; height: 180px; object-fit: cover;"
+                                  <img style="width: 100%; height: auto; object-fit: cover;"
                                     src="https://sisvietnam.vn/wp-content/uploads/2026/05/Workshop_Dieu-tri-Hep-Dong-mach-Nao-bang-Stent-va-Bong-11-scaled.jpg"
                                     alt="Can thiệp Tim mạch">
 
@@ -1192,7 +1429,7 @@
 
 
 
-                                    <img style="width: 100%; height: 180px; object-fit: cover;"
+                                  <img style="width: 100%; height: auto; object-fit: cover;"
                                     src="https://sisvietnam.vn/wp-content/uploads/2026/03/DSC_0355-scaled.jpg"
                                     alt="Tầm soát và Khám tổng quát">
 
@@ -1290,9 +1527,8 @@
                           <div class="links-container">
 
                             <div class="f--field f--button">
-                                <a href="https://sisvietnam.vn/dat-lich-kham"
+                              <a href="https://sisvietnam.vn/dat-lich-kham" class="button-primary button-context-light "
-                                  class="button-primary button-context-light " aria-label="Đặt Lịch Khám" target="_self"
+                                aria-label="Đặt Lịch Khám" target="_self" data-component-id="umass_base:button">
-                                  data-component-id="umass_base:button">
 
 
                                 <span class="button-text">
@@ -1342,8 +1578,8 @@
                         </div>
                       </div>
 
-                        <div data-component-id="umass_base:block-multiple-ctas" data-background="solid"
+                      <div data-component-id="umass_base:block-multiple-ctas" data-background="solid" data-color="gray"
-                          data-color="gray" data-layout-variant="tabbed">
+                        data-layout-variant="tabbed">
                         <div class="container">
                           <div class="text-container">
 
@@ -1406,9 +1642,8 @@
 
                                     <div class="f--field f--button">
                                       <a href="https://sisvietnam.vn/quy-trinh-kham"
-                                          class="button-text-link button-context-light "
+                                        class="button-text-link button-context-light " aria-label="Quy Trình Khám Bệnh"
-                                          aria-label="Quy Trình Khám Bệnh" target="_self"
+                                        target="_self" data-component-id="umass_base:button">
-                                          data-component-id="umass_base:button">
 
 
                                         <span class="button-text">
@@ -1441,9 +1676,8 @@
 
                                     <div class="f--field f--button">
                                       <a href="https://sisvietnam.vn/nhap-vien"
-                                          class="button-text-link button-context-light "
+                                        class="button-text-link button-context-light " aria-label="Hướng Dẫn Nhập Viện"
-                                          aria-label="Hướng Dẫn Nhập Viện" target="_self"
+                                        target="_self" data-component-id="umass_base:button">
-                                          data-component-id="umass_base:button">
 
 
                                         <span class="button-text">
@@ -1621,9 +1855,8 @@
 
                                     <div class="f--field f--button">
                                       <a href="https://sisvietnam.vn/thanh-toan-vien-phi"
-                                          class="button-text-link button-context-light "
+                                        class="button-text-link button-context-light " aria-label="Thanh Toán Viện Phí"
-                                          aria-label="Thanh Toán Viện Phí" target="_self"
+                                        target="_self" data-component-id="umass_base:button">
-                                          data-component-id="umass_base:button">
 
 
                                         <span class="button-text">
@@ -1657,9 +1890,8 @@
 
                                     <div class="f--field f--button">
                                       <a href="https://sisvietnam.vn/gop-y-phan-anh"
-                                          class="button-text-link button-context-light "
+                                        class="button-text-link button-context-light " aria-label="Góp Ý &amp; Phản Ánh"
-                                          aria-label="Góp Ý &amp; Phản Ánh" target="_self"
+                                        target="_self" data-component-id="umass_base:button">
-                                          data-component-id="umass_base:button">
 
 
                                         <span class="button-text">
@@ -1785,9 +2017,8 @@
 
                                     <div class="f--field f--button">
                                       <a href="https://sisvietnam.vn/huong-dan-sinh-vien"
-                                          class="button-text-link button-context-light "
+                                        class="button-text-link button-context-light " aria-label="Hướng Dẫn Sinh Viên"
-                                          aria-label="Hướng Dẫn Sinh Viên" target="_self"
+                                        target="_self" data-component-id="umass_base:button">
-                                          data-component-id="umass_base:button">
 
 
                                         <span class="button-text">
@@ -2022,7 +2253,7 @@
                                 <div class="news-card__image">
 
                                   <div> <img loading="lazy"
-                                        src="./UMass Amherst _ UMass Amherst_files/2026 Undergraduate Commencement Mortar Boards x3.jpg"
+                                      src="https://sisvietnam.vn/wp-content/uploads/2026/05/Workshop_Dieu-tri-Hep-Dong-mach-Nao-bang-Stent-va-Bong-4-1024x684.jpg"
                                       width="1280" height="720"
                                       alt="Three graduates with decorated mortarboards are seen from behind at 2026 Undergraduate Commencement">
 
@@ -2190,7 +2421,7 @@
                                     <div class="news-teaser__image">
 
                                       <div> <img loading="lazy"
-                                            src="./UMass Amherst _ UMass Amherst_files/2026 Undergraduate Commencement fireworks2.jpg"
+                                          src="https://sisvietnam.vn/wp-content/uploads/2026/06/S.I.S-Can-Tho-trao-tang-xe-dap-cho-thieu-nhi-1.jpg"
                                           width="4500" height="3006"
                                           alt="Pyrotechnics erupt over the Football Performance Center at the conclusion of the 2026 UMass Amherst Undergraduate Commencement Ceremony">
 
@@ -2236,7 +2467,7 @@
                                     <div class="news-teaser__image">
 
                                       <div> <img loading="lazy"
-                                            src="./UMass Amherst _ UMass Amherst_files/2026 Masters Ceremony student speaker.JPG"
+                                          src="https://sisvietnam.vn/wp-content/uploads/2026/04/Mo-hinh-S.I.S-gop-phan-hoan-thien-mang-luoi-dot-quy-khu-vuc-huong-den-APEC-2027-08.jpg"
                                           width="5392" height="3592"
                                           alt="Student speaker Mansi Maheshwari addresses the 2026 Master’s and Education Specialist Commencement Ceremony at the Mullins Center on May 15, 2026.">
 
@@ -2252,8 +2483,7 @@
                                       </div>
 
                                       <h3 class="news-teaser__title">
-                                          <a href="https://sisvietnam.vn/news/article/tiep-nhan-thiet-bi"
+                                        <a href="https://sisvietnam.vn/news/article/tiep-nhan-thiet-bi" rel="bookmark">
-                                            rel="bookmark">
                                           <span>Bệnh Viện Đa Khoa Quốc Tế S.I.S Cần Thơ Tiếp Nhận Thêm Dàn Thiết Bị Y
                                             Tế Hiện Đại Bậc Nhất</span>
 
@@ -2324,8 +2554,9 @@
                                     gap: 0.125rem;
                                     padding: 0.25rem;
                                     background: #881C1C;
-                                      width: 2.875rem;
+                                    width: 4rem;
-                                      height: 3.125rem;
+                                    height: 100%;
+                                    align-self: stretch;
                                     box-sizing: border-box;
                                   }
 
@@ -2488,7 +2719,7 @@
                                     <div class="teaser-item">
                                       <div class="event-wrapper"> <!-- DATE BLOCK -->
                                         <div class="event-date">
-                                            <div class="event-date__month"> THG 5 </div>
+                                          <div class="event-date__month"> Tháng 5 </div>
                                           <div class="event-date__day"> 27 </div>
                                         </div> <!-- DETAILS -->
                                         <div class="event-details">
@@ -2496,14 +2727,13 @@
                                               href="https://sisvietnam.vn/su-kien/hoi-thao-dot-quy">
                                               Hội thảo trực tuyến: Nhận biết sớm dấu hiệu Đột quỵ </a> </div>
                                           <div class="event-time"> 10:00 - 11:00 </div>
-                                            <div class="event-location"> </div>
                                         </div>
                                       </div>
                                     </div>
                                     <div class="teaser-item">
                                       <div class="event-wrapper"> <!-- DATE BLOCK -->
                                         <div class="event-date">
-                                            <div class="event-date__month"> THG 5 </div>
+                                          <div class="event-date__month"> Tháng 5 </div>
                                           <div class="event-date__day"> 28 </div>
                                         </div> <!-- DETAILS -->
                                         <div class="event-details">
@@ -2511,14 +2741,13 @@
                                               href="https://sisvietnam.vn/su-kien/cham-soc-tim-mach">
                                               Tư vấn sức khỏe: Chăm sóc bệnh nhân tim mạch tại nhà </a> </div>
                                           <div class="event-time"> 14:00 - 15:30 </div>
-                                            <div class="event-location"> </div>
                                         </div>
                                       </div>
                                     </div>
                                     <div class="teaser-item">
                                       <div class="event-wrapper"> <!-- DATE BLOCK -->
                                         <div class="event-date">
-                                            <div class="event-date__month"> THG 6 </div>
+                                          <div class="event-date__month"> Tháng 6 </div>
                                           <div class="event-date__day"> 02 </div>
                                         </div> <!-- DETAILS -->
                                         <div class="event-details">
@@ -2526,14 +2755,13 @@
                                               href="https://sisvietnam.vn/su-kien/ra-mat-khoa-icu">
                                               Lễ ra mắt Khoa Hồi sức Tích cực (ICU) mới </a> </div>
                                           <div class="event-time"> 08:00 - 11:00 </div>
-                                            <div class="event-location"> Hội trường Tầng 3 - S.I.S Cần Thơ </div>
                                         </div>
                                       </div>
                                     </div>
                                     <div class="teaser-item">
                                       <div class="event-wrapper"> <!-- DATE BLOCK -->
                                         <div class="event-date">
-                                            <div class="event-date__month"> THG 6 </div>
+                                          <div class="event-date__month"> Tháng 6 </div>
                                           <div class="event-date__day"> 02 </div>
                                         </div> <!-- DETAILS -->
                                         <div class="event-details">
@@ -2541,7 +2769,6 @@
                                               href="https://sisvietnam.vn/su-kien/sinh-hoat-cau-lac-bo">
                                               Câu lạc bộ Bệnh nhân: Sinh hoạt thường kỳ tháng 6 </a> </div>
                                           <div class="event-time"> 15:00 - 17:00 </div>
-                                            <div class="event-location"> Sân vườn Bệnh viện </div>
                                         </div>
                                       </div>
                                     </div>

sisvietnamvn/src/main/resources/templates/lien-he.html

@@ -43,10 +43,6 @@
             class="block block-system block-system-main-block tc--template-container tc--chaptered-page">
             <div class="t--template t--chaptered-page">
 
-
-
-
-
               <style>
                 /* Fix tall SIS logo overlapping the page title specifically for this page */
                 @media (min-width:768px) and (max-width: 1024px) {
@@ -54,6 +50,23 @@
                     padding-top: 100px !important;
                   }
                 }
+
+                /* Override tophat background specifically for the Lien He page */
+                [data-component-id="umass_base:tophat"] {
+                  background-color: var(--color-black) !important;
+                }
+
+                [data-component-id="umass_base:site-header"] {
+                  & .primary-navigation {
+                    & .m--main-menu {
+                      &>li {
+                        a {
+                          color: var(--color-white);
+                        }
+                      }
+                    }
+                  }
+                }
               </style>
               <div class="content-top">
                 <div class="lc--layout-container lc--two-column">
@@ -97,30 +110,28 @@
 
 
                               <div class="f--field f--link">
-                                <a class="link" href="https://www.umass.edu/gateway/contact-us#general-information">
+                                <a class="link" href="#">
                                   Thông Tin Chung
                                 </a>
                               </div>
 
 
                               <div class="f--field f--link">
-                                <a class="link" href="https://www.umass.edu/gateway/contact-us#directories">
+                                <a class="link" href="#">
                                   Bản Đồ
                                 </a>
                               </div>
 
 
                               <div class="f--field f--link">
-                                <a class="link"
+                                <a class="link" href="#">
-                                  href="https://www.umass.edu/gateway/contact-us#frequently-used-phone-numbers">
                                   Số Điện Thoại Thường Dùng
                                 </a>
                               </div>
 
 
                               <div class="f--field f--link">
-                                <a class="link"
+                                <a class="link" href="#">
-                                  href="https://www.umass.edu/gateway/contact-us#frequently-contacted-departments">
                                   Các Khoa Phòng Thường Liên Hệ
                                 </a>
                               </div>
@@ -873,8 +884,7 @@
 
 
                                             <div class="f--field f--button">
-                                              <a href="https://www.umass.edu/uhs/contact"
+                                              <a href="#" class="button-text-link button-context-light "
-                                                class="button-text-link button-context-light "
                                                 aria-label="Xem chi tiết About University Health Services"
                                                 target="_self" data-component-id="umass_base:button">
 
@@ -910,7 +920,7 @@
 
 
                                             <div data-component-id="umass_base:description" class="f--description">
-                                              <p><a href="https://www.umass.edu/diversity/incident-report-form">Climate
+                                              <p><a href="#">Climate
                                                   Incident Report Form</a></p>
                                             </div>
 
@@ -922,8 +932,7 @@
 
 
                                             <div class="f--field f--button">
-                                              <a href="https://www.umass.edu/diversity/"
+                                              <a href="#" class="button-text-link button-context-light "
-                                                class="button-text-link button-context-light "
                                                 aria-label="Xem chi tiết About Office of Equity and Inclusion"
                                                 target="_self" data-component-id="umass_base:button">
 
@@ -979,8 +988,7 @@
 
 
                                             <div class="f--field f--button">
-                                              <a href="https://www.umass.edu/titleix"
+                                              <a href="#" class="button-text-link button-context-light "
-                                                class="button-text-link button-context-light "
                                                 aria-label="Xem chi tiết About Title IX Coordinator" target="_self"
                                                 data-component-id="umass_base:button">
 
@@ -1025,8 +1033,7 @@
                                                     <path
                                                       d="M56 14H8c-1.1 0-2 0.9-2 2v32c0 1.1 0.9 2 2 2h48c1.1 0 2-0.9 2-2V16C58 14.9 57.1 14 56 14zM50.5 18L32 33.4 13.5 18H50.5zM10 46V20.3l20.7 17.3C31.1 37.8 31.5 38 32 38s0.9-0.2 1.3-0.5L54 20.3V46H10z">
                                                     </path>
-                                                  </svg></a><br>413-545-2121<br><a
+                                                  </svg></a><br>413-545-2121<br><a href="#">Anonymous
-                                                  href="https://www.umass.edu/umpd/anonymous-witness-form">Anonymous
                                                   witness form</a></p>
                                             </div>
 
@@ -1038,8 +1045,7 @@
 
 
                                             <div class="f--field f--button">
-                                              <a href="https://www.umass.edu/umpd/"
+                                              <a href="#" class="button-text-link button-context-light "
-                                                class="button-text-link button-context-light "
                                                 aria-label="Xem chi tiết About UMass Amherst Police Department"
                                                 target="_self" data-component-id="umass_base:button">
 

sisvietnamvn/src/main/resources/templates/tin-tuc.html

@@ -15,7 +15,8 @@
     <meta name="msapplication-TileColor" content="#881c1c">
     <meta name="theme-color" content="#ffffff">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/png" sizes="32x32" href="https://sisvietnam.vn/wp-content/uploads/2018/08/cropped-favicon-1.png">
+    <link rel="icon" type="image/png" sizes="32x32"
+      href="https://sisvietnam.vn/wp-content/uploads/2018/08/cropped-favicon-1.png">
 
     <title>Tin Tức - Bệnh Viện Đa Khoa Quốc Tế S.I.S Cần Thơ</title>
     <link href="/Undergraduate Study _ UMass Amherst_files/css2" rel="stylesheet">
@@ -35,6 +36,7 @@
         gap: 8px;
         padding: 32px 0;
       }
+
       .tin-tuc-pagination a,
       .tin-tuc-pagination span {
         display: inline-flex;
@@ -49,17 +51,20 @@
         text-decoration: none;
         transition: background 0.2s, color 0.2s;
       }
+
       .tin-tuc-pagination a:hover {
         background: #881c1c;
         color: #fff;
         border-color: #881c1c;
       }
+
       .tin-tuc-pagination span.current-page {
         background: #881c1c;
         color: #fff;
         border-color: #881c1c;
         font-weight: bold;
       }
+
       /* News meta info (date, category tag) */
       .news-card-meta {
         font-size: 0.78rem;
@@ -69,6 +74,7 @@
         gap: 10px;
         flex-wrap: wrap;
       }
+
       .news-card-meta .tag {
         background: #f5e4e4;
         color: #881c1c;
@@ -76,10 +82,12 @@
         border-radius: 20px;
         font-weight: 500;
       }
+
       /* Make cards feel like news items with date */
       .c--card-grid-card .news-card-meta {
         padding: 0 0 4px 0;
       }
+
       /* Uniform card images */
       .c--card-grid-card .f--image img {
         width: 100%;
@@ -94,7 +102,7 @@
 
 <body>
   <div layout:fragment="content"
-    class="dialog-off-canvas-main-canvas umass-platform-homepage path-node page-node-type-landing-page"
+    class="dialog-off-canvas-main-canvas umass-platform-homepage path-node page-node-type-landing-page transparent-header"
     data-off-canvas-main-canvas="">
 
     <main id="main-content">
@@ -126,8 +134,7 @@
                                 <img
                                   src="https://sisvietnam.vn/wp-content/uploads/2018/10/op1-view1g%E1%BA%A1ch-min-1-1024x722.jpg"
                                   class="" alt="Tin Tức Bệnh Viện S.I.S Cần Thơ" height="900" width="1600"
-                                  style="aspect-ratio: 16/9; object-fit: cover; width: 100%; height: 100%;"
+                                  style="aspect-ratio: 16/9; object-fit: cover; width: 100%; height: 100%;">
-                                   >
                               </div>
                             </div>
 
@@ -225,11 +232,8 @@
                               <div class="cc--component-container cc--card-grid-card ">
                                 <div class="c--component c--card-grid-card">
                                   <div class="f--field f--image">
-                                    <img
+                                    <img src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg" class=""
-                                      src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg"
+                                      alt="Can thiệp đột quỵ cấp tính thành công tại S.I.S Cần Thơ">
-                                      class=""
-                                      alt="Can thiệp đột quỵ cấp tính thành công tại S.I.S Cần Thơ"
-                                       >
                                   </div>
                                   <div class="text-container">
                                     <div class="news-card-meta">
@@ -240,7 +244,8 @@
                                       Can Thiệp Đột Quỵ Cấp Tính Thành Công, Bệnh Nhân Hồi Phục Ngoạn Mục
                                     </h3>
                                     <div data-component-id="umass_base:description" class="f--description">
-                                      <p>Ê-kíp bác sĩ chuyên khoa Thần kinh – Đột quỵ của S.I.S Cần Thơ vừa thực hiện thành
+                                      <p>Ê-kíp bác sĩ chuyên khoa Thần kinh – Đột quỵ của S.I.S Cần Thơ vừa thực hiện
+                                        thành
                                         công ca can thiệp nội mạch lấy huyết khối cho bệnh nhân trong cửa sổ vàng 6 giờ
                                         đầu.</p>
                                     </div>
@@ -261,9 +266,7 @@
                                   <div class="f--field f--image">
                                     <img
                                       src="https://sisvietnam.vn/wp-content/uploads/2018/10/op1-view1g%E1%BA%A1ch-min-1-1024x722.jpg"
-                                      class=""
+                                      class="" alt="Hội thảo khoa học tim mạch">
-                                      alt="Hội thảo khoa học tim mạch"
-                                       >
                                   </div>
                                   <div class="text-container">
                                     <div class="news-card-meta">
@@ -294,9 +297,7 @@
                                   <div class="f--field f--image">
                                     <img
                                       src="https://sisvietnam.vn/wp-content/uploads/2026/05/SO-DO-TO-CHUC-BENH-VIEN-SIS_cap-nhat-15.05.2026.jpg"
-                                      class=""
+                                      class="" alt="Nhận biết dấu hiệu đột quỵ">
-                                      alt="Nhận biết dấu hiệu đột quỵ"
-                                       >
                                   </div>
                                   <div class="text-container">
                                     <div class="news-card-meta">
@@ -307,7 +308,8 @@
                                       Nhận Biết Dấu Hiệu Đột Quỵ Trong 60 Giây – FAST Là Gì?
                                     </h3>
                                     <div data-component-id="umass_base:description" class="f--description">
-                                      <p>Phương pháp nhận biết đột quỵ bằng quy tắc FAST (Face – Arm – Speech – Time) được
+                                      <p>Phương pháp nhận biết đột quỵ bằng quy tắc FAST (Face – Arm – Speech – Time)
+                                        được
                                         Tổ Chức Y Tế Thế Giới khuyến nghị. Nhận biết sớm, cứu não kịp thời.</p>
                                     </div>
                                     <div class="f--field f--button">
@@ -325,11 +327,8 @@
                               <div class="cc--component-container cc--card-grid-card ">
                                 <div class="c--component c--card-grid-card">
                                   <div class="f--field f--image">
-                                    <img
+                                    <img src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg" class=""
-                                      src="https://sisvietnam.vn/wp-content/uploads/2019/01/IMG_6313.jpg"
+                                      alt="Quỹ Nhịp Cầu Nhân Ái">
-                                      class=""
-                                      alt="Quỹ Nhịp Cầu Nhân Ái"
-                                       >
                                   </div>
                                   <div class="text-container">
                                     <div class="news-card-meta">
@@ -360,9 +359,7 @@
                                   <div class="f--field f--image">
                                     <img
                                       src="https://sisvietnam.vn/wp-content/uploads/2018/10/op1-view1g%E1%BA%A1ch-min-1-1024x722.jpg"
-                                      class=""
+                                      class="" alt="Báo Tuổi Trẻ viết về SIS">
-                                      alt="Báo Tuổi Trẻ viết về SIS"
-                                       >
                                   </div>
                                   <div class="text-container">
                                     <div class="news-card-meta">
@@ -370,16 +367,17 @@
                                       <span>10/05/2026</span>
                                     </div>
                                     <h3 class="ally-focus-within">
-                                      Tuổi Trẻ: "S.I.S Cần Thơ – Điểm Tựa Của Người Dân Miền Tây Trong Cuộc Chiến Với Đột Quỵ"
+                                      Tuổi Trẻ: "S.I.S Cần Thơ – Điểm Tựa Của Người Dân Miền Tây Trong Cuộc Chiến Với
+                                      Đột Quỵ"
                                     </h3>
                                     <div data-component-id="umass_base:description" class="f--description">
-                                      <p>Báo Tuổi Trẻ đã có bài phóng sự chuyên sâu về hành trình 10 năm xây dựng trung tâm
+                                      <p>Báo Tuổi Trẻ đã có bài phóng sự chuyên sâu về hành trình 10 năm xây dựng trung
+                                        tâm
                                         can thiệp đột quỵ hàng đầu đồng bằng sông Cửu Long của bệnh viện.</p>
                                     </div>
                                     <div class="f--field f--button">
                                       <a href="#" class="button-text-link button-context-light "
-                                        aria-label="Đọc bài báo" target="_self"
+                                        aria-label="Đọc bài báo" target="_self" data-component-id="umass_base:button">
-                                        data-component-id="umass_base:button">
                                         <span class="button-text">Đọc thêm</span>
                                       </a>
                                     </div>
@@ -393,9 +391,7 @@
                                   <div class="f--field f--image">
                                     <img
                                       src="https://sisvietnam.vn/wp-content/uploads/2026/05/SO-DO-TO-CHUC-BENH-VIEN-SIS_cap-nhat-15.05.2026.jpg"
-                                      class=""
+                                      class="" alt="Tuyển dụng bác sĩ">
-                                      alt="Tuyển dụng bác sĩ"
-                                       >
                                   </div>
                                   <div class="text-container">
                                     <div class="news-card-meta">
@@ -456,4 +452,5 @@
 
   </div>
 </body>
+
 </html>

sisvietnamvn/sync.ps1

@@ -1,30 +0,0 @@
-$aboutFile = 'd:\website_sisvietnam_moi\website_sisvietnam.vn\sisvietnamvn\src\main\resources\templates\about.html'
-$indexFile = 'd:\website_sisvietnam_moi\website_sisvietnam.vn\sisvietnamvn\src\main\resources\templates\index.html'
-
-$aboutContent = Get-Content -Raw -Path $aboutFile -Encoding UTF8
-$indexContent = Get-Content -Raw -Path $indexFile -Encoding UTF8
-
-# Replace Header
-$aboutContent = $aboutContent -replace '(?s)<header id="l--main-header">.*?</header>', '<header th:replace="~{fragments/header :: header}"></header>'
-
-# Extract Footer from index.html
-$indexFooter = [regex]::Match($indexContent, '(?s)<footer id="l--main-footer".*?</footer>').Value
-
-# Replace Footer in about.html
-$aboutContent = $aboutContent -replace '(?s)<footer id="l--main-footer".*?</footer>', $indexFooter
-
-# Apply extra CSS from index.html
-$cssSnippet = @"
-  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
-  <style>
-    body, h1, h2, h3, h4, h5, h6, p, a, div, li, button, input, textarea, span:not([class*="fa"]):not([class*="icon"]):not([class*="material"]) {
-      font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
-    }
-    #block-footerbranding img {
-      filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.9)) drop-shadow(0px 0px 20px rgba(255, 255, 255, 0.7));
-      transition: filter 0.3s ease, transform 0.3s ease;
-    }
-"@
-$aboutContent = $aboutContent -replace '<style>', ($cssSnippet + "`n  <style>")
-
-Set-Content -Path $aboutFile -Value $aboutContent -Encoding UTF8

sisvietnamvn/update_about.js

@@ -1,25 +0,0 @@
-const fs = require('fs');
-const path = 'd:\\website_sisvietnam_moi\\website_sisvietnam.vn\\sisvietnamvn\\src\\main\\resources\\templates\\about.html';
-
-let content = fs.readFileSync(path, 'utf8');
-
-const replacements = [
-    { regex: /<h1>\s*Undergraduate\s*<\/h1>/gi, replacement: '<h1>Giới thiệu Bệnh viện S.I.S Cần Thơ</h1>' },
-    { regex: /<span class="nolink">Get Your Degree<\/span>/gi, replacement: '<span class="nolink">Danh mục Giới thiệu</span>' },
-    { regex: /Be Bright\. Be Bold\. Be You\./g, replacement: 'Sứ mệnh & Tầm nhìn' },
-    { regex: /UMass Amherst is where possibilities happen.*?<\/p>/gi, replacement: 'S.I.S Cần Thơ là bệnh viện chuyên sâu về Cấp cứu Đột quỵ và Tim mạch. Sứ mệnh của chúng tôi là "Cứu Tinh Cho Bệnh Nhân Đột Quỵ". Chúng tôi tự hào mang đến các dịch vụ chăm sóc y tế chuẩn quốc tế cho người dân Đồng bằng sông Cửu Long và cả nước.</p>' },
-    { regex: /Explore Every Possibility/g, replacement: 'Cơ sở vật chất hiện đại' },
-    { regex: /Over 100 bachelor.*?degree programs\./gi, replacement: 'Hệ thống phòng mổ HYBRID, máy DSA, MRI 3 Tesla, CT 128 lát cắt hiện đại bậc nhất khu vực.' },
-    { regex: /Small Classes Big Ideas/g, replacement: 'Đội ngũ Chuyên gia' },
-    { regex: /Commonwealth Honors College.*?community/gi, replacement: 'Tập hợp các Giáo sư, Bác sĩ và Chuyên gia đầu ngành về Đột quỵ, Tim mạch và Thần kinh.' },
-    { regex: /Beyond the Classroom/g, replacement: 'Chăm sóc toàn diện' },
-    { regex: /Take what you learn and put it.*?abroad\./gi, replacement: 'Quy trình cấp cứu tối ưu, rút ngắn "thời gian vàng" kết hợp các dịch vụ tầm soát và phục hồi chức năng.' },
-    { regex: /Empowering Your Best/g, replacement: 'Thành tựu nổi bật' },
-    { regex: /Keep Exploring/g, replacement: 'Tìm hiểu thêm' }
-];
-
-replacements.forEach(r => {
-    content = content.replace(r.regex, r.replacement);
-});
-
-fs.writeFileSync(path, content, 'utf8');

sisvietnamvn/update_about.ps1

@@ -1,23 +0,0 @@
-$file = 'd:\website_sisvietnam_moi\website_sisvietnam.vn\sisvietnamvn\src\main\resources\templates\about.html'
-$content = Get-Content -Raw -Path $file -Encoding UTF8
-
-$replacements = @{
-    '<h1>\s*Undergraduate\s*</h1>' = '<h1>Giới thiệu Bệnh viện S.I.S Cần Thơ</h1>'
-    '<span class="nolink">Get Your Degree</span>' = '<span class="nolink">Danh mục Giới thiệu</span>'
-    'Be Bright\. Be Bold\. Be You\.' = 'Sứ mệnh & Tầm nhìn'
-    'UMass Amherst is where possibilities happen.*?</p>' = 'S.I.S Cần Thơ là bệnh viện chuyên sâu về Cấp cứu Đột quỵ và Tim mạch. Sứ mệnh của chúng tôi là "Cứu Tinh Cho Bệnh Nhân Đột Quỵ". Chúng tôi tự hào mang đến các dịch vụ chăm sóc y tế chuẩn quốc tế cho người dân Đồng bằng sông Cửu Long và cả nước.</p>'
-    'Explore Every Possibility' = 'Cơ sở vật chất hiện đại'
-    'Over 100 bachelor.*?degree programs\.' = 'Hệ thống phòng mổ HYBRID, máy DSA, MRI 3 Tesla, CT 128 lát cắt hiện đại bậc nhất khu vực.'
-    'Small Classes Big Ideas' = 'Đội ngũ Chuyên gia'
-    'Commonwealth Honors College.*?community' = 'Tập hợp các Giáo sư, Bác sĩ và Chuyên gia đầu ngành về Đột quỵ, Tim mạch và Thần kinh.'
-    'Beyond the Classroom' = 'Chăm sóc toàn diện'
-    'Take what you learn and put it.*?abroad\.' = 'Quy trình cấp cứu tối ưu, rút ngắn "thời gian vàng" kết hợp các dịch vụ tầm soát và phục hồi chức năng.'
-    'Empowering Your Best' = 'Thành tựu nổi bật'
-    'Keep Exploring' = 'Tìm hiểu thêm'
-}
-
-foreach ($key in $replacements.Keys) {
-    $content = [regex]::Replace($content, $key, $replacements[$key], 'IgnoreCase,Singleline')
-}
-
-Set-Content -Path $file -Value $content -Encoding UTF8

sisvietnamvn/update_index_footer.js

@@ -1,9 +0,0 @@
-const fs = require('fs');
-
-const indexPath = 'd:\\website_sisvietnam_moi\\website_sisvietnam.vn\\sisvietnamvn\\src\\main\\resources\\templates\\index.html';
-let indexHtml = fs.readFileSync(indexPath, 'utf8');
-
-indexHtml = indexHtml.replace(/<footer id="l--main-footer"[\s\S]*?<\/footer>/i, '<footer th:replace="~{fragments/footer :: footer}"></footer>');
-fs.writeFileSync(indexPath, indexHtml, 'utf8');
-
-console.log("Replaced footer in index.html");