feat: update footer with site policies, add CTA retrieval SQL, and refactor block content management
This commit is contained in:
Binary file not shown.
@@ -0,0 +1,2 @@
|
||||
SELECT content FROM sis_component_template WHERE slug = 'cta-buttons';
|
||||
EXIT;
|
||||
@@ -1,337 +1,37 @@
|
||||
<body>
|
||||
<div class="cc--component-container cc--news-events ">
|
||||
<div class="c--component c--news-events">
|
||||
<div class="news-events-section__header">
|
||||
<h2 class="news-events-section__main-title"> NEWS & EVENTS </h2>
|
||||
<a class="news-events-section__cta news-events-section__cta--desktop" href="https://www.umass.edu/news/news-events"> More News & Events </a>
|
||||
</div>
|
||||
<h3 class="section-title"> FEATURED ARTICLES </h3>
|
||||
<div class="featured-grid">
|
||||
<div class="featured-grid__item">
|
||||
<article class="news-card news-card--featured">
|
||||
<div class="news-card__image">
|
||||
<div>
|
||||
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/NEWS-Operating Room Surgery viaAdobeStock.jpeg" width="1280" height="720" alt="Medical Team Performing Surgical Operation in Modern Operating Room">
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-card__content">
|
||||
<div class="featured-grid__category">
|
||||
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
|
||||
</div>
|
||||
<h3 class="news-card__title">
|
||||
<a href="https://www.umass.edu/news/article/scheduling-surgeons-umass-amherst-researchers-identify-factors-could-influence" rel="bookmark">
|
||||
<span>Scheduling Surgeons: UMass Amherst Researchers Identify Factors That Could Influence Hospital Efficiency</span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="news-card__date"> June 24, 2026 </div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="featured-grid__item">
|
||||
<article class="news-card news-card--featured">
|
||||
<div class="news-card__image">
|
||||
<div>
|
||||
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/Yanfei Xu polymer figure.jpg" width="1280" height="720" alt="An illustration of THDBT (tetrahydroxy deoxybenzoin triazole) filler aggregates at the molecular level. In this “slow chaos” state, there are fewer vibrational pathways available for heat transport, resulting in lower thermal conductivity. Reproduced from Materials Horizons with permission from the Royal Society of Chemistry.">
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-card__content">
|
||||
<div class="featured-grid__category">
|
||||
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
|
||||
</div>
|
||||
<h3 class="news-card__title">
|
||||
<a href="https://www.umass.edu/news/article/umass-amherst-led-team-discovers-new-way-make-thermally-insulative-plastics" rel="bookmark">
|
||||
<span>UMass Amherst-Led Team Discovers New Way to Make Thermally Insulative Plastics </span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="news-card__date"> June 22, 2026 </div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="featured-grid__item">
|
||||
<article class="news-card news-card--featured">
|
||||
<div class="news-card__image">
|
||||
<div>
|
||||
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/Anthropology Field School Dig-26.jpg" width="1280" height="720" alt="Students dig during UMass Amherst’s Bioarchaeology and Forensic Anthropology Field School">
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-card__content">
|
||||
<div class="featured-grid__category">
|
||||
<a href="https://www.umass.edu/taxonomy/term/646" hreflang="en">Academics</a>
|
||||
</div>
|
||||
<h3 class="news-card__title">
|
||||
<a href="https://www.umass.edu/news/article/umass-bioarchaeology-and-forensic-anthropology-field-school-gives-students-hands" rel="bookmark">
|
||||
<span>UMass Bioarchaeology and Forensic Anthropology Field School Gives Students Hands-On Experience in Forensic Anthropology</span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="news-card__date"> June 17, 2026 </div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="featured-grid__item">
|
||||
<article class="news-card news-card--featured">
|
||||
<div class="news-card__image">
|
||||
<div>
|
||||
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/NEWS-deli slicer.jpg" width="1280" height="720" alt="A worker slicing deli meat">
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-card__content">
|
||||
<div class="featured-grid__category">
|
||||
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
|
||||
</div>
|
||||
<h3 class="news-card__title">
|
||||
<a href="https://www.umass.edu/news/article/hands-why-human-touch-can-create-food-safety-blind-spot" rel="bookmark">
|
||||
<span>Hands Off: Why Human Touch Can Create a Food-Safety Blind Spot </span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="news-card__date"> June 17, 2026 </div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-events-row">
|
||||
<div class="news-column">
|
||||
<h3 class="section-title--news"> LATEST NEWS </h3>
|
||||
<div class="news-list">
|
||||
<div class="news-list__item">
|
||||
<article class="news-teaser">
|
||||
<div class="news-teaser__image">
|
||||
<div>
|
||||
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/UMass Police Chief Tyrone Parham, Max Callahan, Senator Comerford on MA Senate Rostrum_crop.jpg" width="2833" height="1769" alt="UMass Police Chief Tyrone Parham, Max Callahan and Senator Comerford stand at the Massachusetts Senate Rostrum">
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-teaser__content">
|
||||
<div class="news-list__category">
|
||||
<a href="https://www.umass.edu/taxonomy/term/1001" hreflang="en">University News</a>
|
||||
</div>
|
||||
<h3 class="news-teaser__title">
|
||||
<a href="https://www.umass.edu/news/article/umass-amherst-supported-effort-help-drivers-autism-interact-police-becomes-law" rel="bookmark">
|
||||
<span>UMass Amherst-Supported Effort to Help Drivers with Autism Interact with Police Becomes Law </span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="news-teaser__summary">
|
||||
<div>
|
||||
<p>A new law signed by Gov. Maura Healey aimed at helping people with autism during interactions with police has roots on the UMass Amherst campus. The so-called “Blue Envelope Bill” sets up a voluntary program where drivers or passengers can provide information helpful to law enforcement during traffic stops or other encounters. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="news-list__item">
|
||||
<article class="news-teaser">
|
||||
<div class="news-teaser__image">
|
||||
<div>
|
||||
<img loading="lazy" src="./UMass Amherst _ UMass Amherst_files/Giuliano Roberts Eye-Tracking IV Pumps Photo 2.jpg" width="4528" height="3016" alt="A student (left) wears eye-tracking glasses as doctoral student Seonhun Lee holds a laptop showing information about the study completed using the technology.">
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-teaser__content">
|
||||
<div class="news-list__category">
|
||||
<a href="https://www.umass.edu/taxonomy/term/811" hreflang="en">Research</a>
|
||||
</div>
|
||||
<h3 class="news-teaser__title">
|
||||
<a href="https://www.umass.edu/news/article/eye-tracking-technology-helps-researchers-see-iv-pump-safety-through-student-nurses" rel="bookmark">
|
||||
<span>Eye-Tracking Technology Helps Researchers See IV Pump Safety Through Student Nurses’ Eyes</span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="news-teaser__summary">
|
||||
<div>
|
||||
<p>The approach, detailed in a study published in the June 2026 issue of Advancing Medical-Surgical Nursing, marks the first known use of eye-tracking technology to evaluate IV smart pumps.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="events-column">
|
||||
<h3 class="events-title"> Events </h3>
|
||||
<div class="events-widget">
|
||||
<script type="text/javascript" src="./UMass Amherst _ UMass Amherst_files/view"></script>
|
||||
<style>
|
||||
/* ========================================== CAMPUS EVENTS ========================================== */
|
||||
.campus-events-widget {
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
font-family: inherit;
|
||||
}
|
||||
<div class="cc--component-container cc--news-events">
|
||||
<div class="c--component c--news-events">
|
||||
|
||||
.campus-events-widget .events-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
<!-- Phần 2 cột: Tin mới (Trái) và Sự kiện (Phải) -->
|
||||
<div class="news-events-row">
|
||||
|
||||
<div class="news-column">
|
||||
<h2 class="section-title--news" style="font-size: 2rem;">
|
||||
TIN TỨC MỚI
|
||||
</h2>
|
||||
<div class="news-list">
|
||||
<!-- Shortcode Tin Tức hiển thị dạng list (tuỳ chỉnh lại limit cho phù hợp) -->
|
||||
[component:news-grid data-source="posts:tag=news,limit=2,collection=news_posts"]
|
||||
</div>
|
||||
</div>
|
||||
|
||||
/* ========================================== DESKTOP LIST LAYOUT ========================================== */
|
||||
.campus-events-widget .teaser-item {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
<div class="events-column">
|
||||
<h2 class="events-title" style="font-size: 2rem;">
|
||||
SỰ KIỆN
|
||||
</h2>
|
||||
<div class="events-widget">
|
||||
<!-- Shortcode Sự kiện -->
|
||||
[component:events-list data-source="posts:tag=event,limit=4,collection=event_posts"]
|
||||
</div>
|
||||
</div>
|
||||
|
||||
.campus-events-widget .teaser-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
</div>
|
||||
|
||||
.campus-events-widget .event-wrapper {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
<!-- Header chung (Mobile) -->
|
||||
<div class="news-events-section__footer">
|
||||
<a href="/news/news-events" class="news-events-section__cta news-events-section__cta--mobile">
|
||||
Xem Thêm
|
||||
</a>
|
||||
</div>
|
||||
|
||||
/* ===================================== DATE BLOCK ===================================== */
|
||||
.campus-events-widget .event-date {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.125rem;
|
||||
padding: 0.25rem;
|
||||
background: #881C1C;
|
||||
width: 2.875rem;
|
||||
height: 3.125rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.campus-events-widget .event-date__month {
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
line-height: 1.25rem;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.campus-events-widget .event-date__day {
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
line-height: 1.25rem;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ===================================== EVENT DETAILS ===================================== */
|
||||
.campus-events-widget .event-details {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Title */
|
||||
.campus-events-widget .event-title {
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
line-height: 1.25rem;
|
||||
text-transform: uppercase;
|
||||
color: #000;
|
||||
position: relative;
|
||||
margin: 0 0 0.375rem;
|
||||
padding-right: 1.25rem;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.campus-events-widget .event-title a {
|
||||
color: #222;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.campus-events-widget .event-title a:hover {
|
||||
color: #881c1c;
|
||||
}
|
||||
|
||||
/* Chevron */
|
||||
.campus-events-widget .event-title::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0.2rem;
|
||||
width: 0.3125rem;
|
||||
height: 0.6875rem;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='5' height='11' viewBox='0 0 5 11' fill='none'
|
||||
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd'clip-rule='evenodd'd='M4.57143 5.14286L0 0V10.2857L4.57143 5.14286Z'fill='%23881C1C'/%3E%3C/svg%3E"); } /* Time */ .campus-events-widget .event-time { font-size: 16px; color: #000; margin-bottom: 4px; } /* Location */ .campus-events-widget .event-location { font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-style: normal; color: #000; } /* Hide summaries */ .campus-events-widget .summary, .campus-events-widget .event-description { display: none !important; } /* ========================================== MOBILE CARD DESIGN ========================================== */ @media (max-width: 768px) { .campus-events-widget .event-title { font-size: 0.75rem; } .campus-events-widget .event-time { font-size: 0.75rem; } .campus-events-widget .event-location { font-size: 0.75rem; } .campus-events-widget .event-wrapper { display: flex; flex: 1; padding-right: 10px; align-items: stretch; gap: 12px; border: 1px solid #CCC; } .campus-events-widget .event-date { display: flex; padding: 4px 8px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; background: #881C1C; min-width: 48px; height: auto; } .campus-events-widget .event-details { padding: 8px 10px 8px 0; } .campus-events-widget .teaser-item { flex: 0 0 279px; display: flex; border: 0px solid #CCC; padding-bottom: 0; } .campus-events-widget .events-list { display: flex; gap: 1rem; } .campus-events-widget .events-list::before, .campus-events-widget .events-list::after { content: ""; flex: 0 0 8.333%; } } /* ========================================== SMALL MOBILE ADJUSTMENTS ========================================== */ @media (max-width: 480px) { .campus-events-widget .event-wrapper { gap: 10px; } .campus-events-widget .event-date__day { font-size: 18px; } }
|
||||
</style>
|
||||
<div id="lw" class="campus-events-widget">
|
||||
<div class="events-list">
|
||||
<div class="teaser-item">
|
||||
<div class="event-wrapper">
|
||||
<!-- DATE BLOCK -->
|
||||
<div class="event-date">
|
||||
<div class="event-date__month"> JUL </div>
|
||||
<div class="event-date__day"> 07 </div>
|
||||
</div>
|
||||
<!-- DETAILS -->
|
||||
<div class="event-details">
|
||||
<div class="event-title">
|
||||
<a href="https://events.umass.edu/event/hr-is-here-for-you-5678?utm_campaign=widget&utm_medium=widget&utm_source=UMass+Amherst+Events+Calendar"> HR is Here for You </a>
|
||||
</div>
|
||||
<div class="event-time"> 10:00 am – 4:00 pm </div>
|
||||
<div class="event-location"> UMass Downtown </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="teaser-item">
|
||||
<div class="event-wrapper">
|
||||
<!-- DATE BLOCK -->
|
||||
<div class="event-date">
|
||||
<div class="event-date__month"> JUL </div>
|
||||
<div class="event-date__day"> 07 </div>
|
||||
</div>
|
||||
<!-- DETAILS -->
|
||||
<div class="event-details">
|
||||
<div class="event-title">
|
||||
<a href="https://events.umass.edu/event/ms-in-accounting-virtual-information-session-1380?utm_campaign=widget&utm_medium=widget&utm_source=UMass+Amherst+Events+Calendar"> MS in Accounting Virtual Information Session </a>
|
||||
</div>
|
||||
<div class="event-time"> 12:00 pm – 1:00 pm </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"> JUL </div>
|
||||
<div class="event-date__day"> 07 </div>
|
||||
</div>
|
||||
<!-- DETAILS -->
|
||||
<div class="event-details">
|
||||
<div class="event-title">
|
||||
<a href="https://events.umass.edu/event/thrive-at-five-summer-yoga-and-mindfulness-series?utm_campaign=widget&utm_medium=widget&utm_source=UMass+Amherst+Events+Calendar"> Thrive at Five - Summer Yoga and Mindfulness Series </a>
|
||||
</div>
|
||||
<div class="event-time"> 5:00 pm – 6:00 pm </div>
|
||||
<div class="event-location"> Orchard Hill Pavilion </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="teaser-item">
|
||||
<div class="event-wrapper">
|
||||
<!-- DATE BLOCK -->
|
||||
<div class="event-date">
|
||||
<div class="event-date__month"> JUL </div>
|
||||
<div class="event-date__day"> 08 </div>
|
||||
</div>
|
||||
<!-- DETAILS -->
|
||||
<div class="event-details">
|
||||
<div class="event-title">
|
||||
<a href="https://events.umass.edu/event/online-or-hybrid-ms-in-cs-virtual-info-session-6202?utm_campaign=widget&utm_medium=widget&utm_source=UMass+Amherst+Events+Calendar"> Online or Hybrid MS in CS: Virtual Info Session </a>
|
||||
</div>
|
||||
<div class="event-time"> 10:00 am – 11:00 am </div>
|
||||
<div class="event-location"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news-events-section__footer">
|
||||
<a class="news-events-section__cta news-events-section__cta--mobile" href="https://www.umass.edu/news/news-events"> More News & Events </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<style>* { box-sizing: border-box; } body {margin: 0;}</style>
|
||||
</div>
|
||||
</div>
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
+1
-11
@@ -211,9 +211,8 @@ public class ComponentTemplateService {
|
||||
index++;
|
||||
}
|
||||
} else if (posts != null) {
|
||||
java.time.format.DateTimeFormatter monthFormatter = java.time.format.DateTimeFormatter.ofPattern("MMM").withZone(java.time.ZoneId.systemDefault());
|
||||
java.time.format.DateTimeFormatter monthFormatter = java.time.format.DateTimeFormatter.ofPattern("MM").withZone(java.time.ZoneId.systemDefault());
|
||||
java.time.format.DateTimeFormatter dayFormatter = java.time.format.DateTimeFormatter.ofPattern("dd").withZone(java.time.ZoneId.systemDefault());
|
||||
java.time.format.DateTimeFormatter timeFormatter = java.time.format.DateTimeFormatter.ofPattern("hh:mm a").withZone(java.time.ZoneId.systemDefault());
|
||||
for (com.sisvietnamvn.web.domain.Post post : posts) {
|
||||
String itemHtml = loopBody;
|
||||
String safeTitle = post.getTitle() != null ? org.springframework.web.util.HtmlUtils.htmlEscape(post.getTitle()) : "";
|
||||
@@ -243,18 +242,9 @@ public class ComponentTemplateService {
|
||||
if (post.getEventTime() != null) {
|
||||
itemHtml = itemHtml.replace("{{eventMonth}}", monthFormatter.format(post.getEventTime()));
|
||||
itemHtml = itemHtml.replace("{{eventDay}}", dayFormatter.format(post.getEventTime()));
|
||||
itemHtml = itemHtml.replace("{{eventTimeStr}}", timeFormatter.format(post.getEventTime()));
|
||||
} else {
|
||||
itemHtml = itemHtml.replace("{{eventMonth}}", "");
|
||||
itemHtml = itemHtml.replace("{{eventDay}}", "");
|
||||
itemHtml = itemHtml.replace("{{eventTimeStr}}", "");
|
||||
}
|
||||
|
||||
if (post.getLocation() != null && !post.getLocation().isEmpty()) {
|
||||
String locHtml = "<div class=\"event-location\">" + org.springframework.web.util.HtmlUtils.htmlEscape(post.getLocation()) + "</div>";
|
||||
itemHtml = itemHtml.replace("{{locationHtml}}", locHtml);
|
||||
} else {
|
||||
itemHtml = itemHtml.replace("{{locationHtml}}", "");
|
||||
}
|
||||
|
||||
itemHtml = itemHtml.replace("{{index}}", String.valueOf(index));
|
||||
|
||||
@@ -27,8 +27,8 @@
|
||||
--color-text-light: #ffffff;
|
||||
|
||||
/* Typography */
|
||||
--font-family-base: 'Open Sans', 'Inter', sans-serif;
|
||||
--font-family-heading: 'Lora', 'Georgia', serif;
|
||||
--font-family-base: 'Open Sans', Arial, Helvetica, sans-serif;
|
||||
--font-family-heading: 'Open Sans', Arial, Helvetica, sans-serif;
|
||||
|
||||
/* Spacing & Radii */
|
||||
--spacing-md: 20px;
|
||||
@@ -39,6 +39,11 @@
|
||||
/* ==========================================================================
|
||||
2. Global / Base Overrides
|
||||
========================================================================== */
|
||||
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-family: var(--font-family-base) !important;
|
||||
font-feature-settings: 'liga' off, 'clig' off !important;
|
||||
}
|
||||
|
||||
[data-component-id="umass_base:tophat"] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
@@ -528,4 +533,21 @@
|
||||
.mobile-only {
|
||||
display: none !important;
|
||||
}
|
||||
.news-events-section__footer {
|
||||
display: none;
|
||||
}
|
||||
.cc--footer .c--footer {
|
||||
padding: 36px 6.25%;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Override for 4-column Stats Block --- */
|
||||
@media (min-width: 64rem) {
|
||||
.f--field.f--stats-block {
|
||||
grid-template-columns: repeat(4, 1fr) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.lc--layout-container ol li, .lc--layout-container ul li, .sg-pattern-example ol li, .sg-pattern-example ul li {
|
||||
font-weight: var(--font-weight-extrabold);
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 812 KiB After Width: | Height: | Size: 3.4 MiB |
@@ -11,7 +11,7 @@
|
||||
.sis-footer-custom {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 40px 20px;
|
||||
padding: 0px 20px;
|
||||
gap: 60px;
|
||||
color: #fff;
|
||||
font-family: var(--font-family-base, 'Inter', sans-serif);
|
||||
@@ -186,6 +186,57 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.sis-footer-bottom {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: var(--color-brand); /* Slightly darker background for the bottom bar */
|
||||
font-size: 0.9rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
color: #fff;
|
||||
font-family: var(--font-family-base, 'Inter', sans-serif);
|
||||
}
|
||||
.sis-footer-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.sis-footer-links a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.sis-footer-links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.sis-footer-links span.separator {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.sis-footer-copyright {
|
||||
opacity: 0.8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="sis-footer-bottom">
|
||||
<div class="sis-footer-links">
|
||||
<a href="#">Chính sách bảo mật</a>
|
||||
<span class="separator">|</span>
|
||||
<a href="#">Điều khoản dịch vụ</a>
|
||||
<span class="separator">|</span>
|
||||
<a href="#">Quy định sử dụng</a>
|
||||
<span class="separator">|</span>
|
||||
<a href="#">Chính sách Cookie</a>
|
||||
</div>
|
||||
<div class="sis-footer-copyright">
|
||||
Copyright ©2025. Bệnh viện Đa Khoa Quốc Tế S.I.S Cần Thơ.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -116,14 +116,14 @@
|
||||
flex: 1;
|
||||
}
|
||||
.mega-col-info h3 {
|
||||
color: #00529b; /* Classic medical blue */
|
||||
color: var(--color-brand);
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.mega-col-info p {
|
||||
color: #4b5563;
|
||||
color: var(--color-black);
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -254,9 +254,9 @@
|
||||
<!-- Column 1: Info (Title and Text) -->
|
||||
<div class="mega-col-info">
|
||||
<h3 th:text="${item.label}">Về Bệnh viện</h3>
|
||||
<p th:if="${item.label == 'Về Bệnh viện' or item.label == 'VỀ BỆNH VIỆN'}">Bệnh viện Đột quỵ Quốc tế tự hào là đơn vị tiên phong trong việc cung cấp dịch vụ khám chữa bệnh chất lượng cao, mang lại sự tin cậy và an tâm cho bệnh nhân.</p>
|
||||
<p th:if="${item.label == 'Chuyên khoa' or item.label == 'CHUYÊN KHOA'}">Khám phá các chuyên khoa hàng đầu với đội ngũ bác sĩ chuyên môn cao, trang thiết bị y tế hiện đại đạt tiêu chuẩn quốc tế.</p>
|
||||
<p th:if="${item.label != 'Về Bệnh viện' and item.label != 'VỀ BỆNH VIỆN' and item.label != 'Chuyên khoa' and item.label != 'CHUYÊN KHOA'}">Khám phá thêm thông tin chi tiết về các dịch vụ, chuyên gia và hoạt động của chúng tôi để bảo vệ sức khỏe của bạn.</p>
|
||||
<p th:if="${item.label == 'Về Bệnh viện' or item.label == 'VỀ BỆNH VIỆN'}" style="text-transform: math-auto;">Bệnh viện Đột quỵ Quốc tế tự hào là đơn vị tiên phong trong việc cung cấp dịch vụ khám chữa bệnh chất lượng cao, mang lại sự tin cậy và an tâm cho bệnh nhân.</p>
|
||||
<p th:if="${item.label == 'Chuyên khoa' or item.label == 'CHUYÊN KHOA'}" style="text-transform: math-auto;">Khám phá các chuyên khoa hàng đầu với đội ngũ bác sĩ chuyên môn cao, trang thiết bị y tế hiện đại đạt tiêu chuẩn quốc tế.</p>
|
||||
<p th:if="${item.label != 'Về Bệnh viện' and item.label != 'VỀ BỆNH VIỆN' and item.label != 'Chuyên khoa' and item.label != 'CHUYÊN KHOA'}" style="text-transform: math-auto;">Khám phá thêm thông tin chi tiết về các dịch vụ, chuyên gia và hoạt động của chúng tôi để bảo vệ sức khỏe của bạn.</p>
|
||||
</div>
|
||||
|
||||
<!-- Column 2: The actual Submenu Links -->
|
||||
|
||||
Reference in New Issue
Block a user