basketballcantho/sisvietnamvn_01
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Files
141d3a71fd2db47610d4837c71d50d1dfb59de4b
sisvietnamvn_01/sisvietnamvn_main/.temp/temp_clean.html
T

264 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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 &amp; EVENTS
</h2>
<a class="news-events-section__cta news-events-section__cta--desktop" href="/news/news-events">
More News &amp; 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="/sites/default/files/styles/16_9_1280x720/public/2026-07/Growing-Grass-Stems.png?h=9c9a399b&amp;itok=IMavIqQw" width="1280" height="720" alt="Growing Grass Stems">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-card__title">
<a href="/news/article/grasses-provide-most-worlds-calories-were-only-now-starting-learn-how-they-grow" rel="bookmark">
<span>Grasses Provide Most of the World’s Calories—But We’re Only Now Starting to Learn How They Grow</span>
</a>
</h3>
<div class="news-card__date">
July 8, 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="/sites/default/files/styles/16_9_1280x720/public/2026-07/NEWS-Manila-Clam-Shells.jpg?h=4e828508&amp;itok=3bfv9xKq" width="1280" height="720" alt="Empty Manila clam shells blanketing the intertidal zone in Boston Harbor’s Spectacle Island">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-card__title">
<a href="/news/article/theyre-here-biologists-identify-first-established-colonies-invasive-clam-northeastern" rel="bookmark">
<span>They’re Here: Biologists Identify First Established Colonies of Invasive Clam in Northeastern US</span>
</a>
</h3>
<div class="news-card__date">
July 7, 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="/sites/default/files/styles/16_9_1280x720/public/2026-07/Lepori_thumb.jpg?h=7a498e30&amp;itok=jbaN3q70" width="1280" height="720" alt="Lepori tuberculosis">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-card__title">
<a href="/news/article/fighting-worlds-deadliest-infection-pac-man-and-ai" rel="bookmark">
<span>Fighting the World’s Deadliest Infection with PAC-MAN and AI</span>
</a>
</h3>
<div class="news-card__date">
July 6, 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="/sites/default/files/styles/16_9_1280x720/public/2024-01/UMass%20Police%20Chief%20Tyrone%20Parham%2C%20Max%20Callahan%2C%20Senator%20Comerford%20on%20MA%20Senate%20Rostrum_crop.jpg?h=752b6ac4&amp;itok=x7uYg4pg" width="1280" height="720" alt="UMass Police Chief Tyrone Parham, Max Callahan and Senator Comerford stand at the Massachusetts Senate Rostrum">
</div>
</div>
<div class="news-card__content">
<div class="featured-grid__category">
<a href="/taxonomy/term/1001" hreflang="en">University News</a>
</div>
<h3 class="news-card__title">
<a href="/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-card__date">
July 1, 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="/sites/default/files/2025-04/Life%20Sciences%20Lab_Image_Founders%20Day%202025.jpg" width="3008" height="1781" alt="Life Sciences Building">
</div>
</div>
<div class="news-teaser__content">
<div class="news-list__category">
<a href="/taxonomy/term/1001" hreflang="en">University News</a>
</div>
<h3 class="news-teaser__title">
<a href="/news/article/umass-amherst-receives-over-21-million-massachusetts-life-sciences-center-boost" rel="bookmark">
<span>UMass Amherst Receives Over $2.1 Million from Massachusetts Life Sciences Center to Boost Research Infrastructure</span>
</a>
</h3>
<div class="news-teaser__summary">
<div><p>The grants will support the acquisition of an advanced optical tweezers system that will be the first publicly available instrument of its kind in Massachusetts and a core set of micro-patterning equipment.&nbsp;</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="/sites/default/files/2026-07/Screenshot%202026-07-06%20at%201.28.45%E2%80%AFPM.png" width="1325" height="675" alt="Glassblown scientific instruments">
</div>
</div>
<div class="news-teaser__content">
<div class="news-list__category">
<a href="/taxonomy/term/811" hreflang="en">Research</a>
</div>
<h3 class="news-teaser__title">
<a href="/news/article/ancient-craft-behind-cutting-edge-science" rel="bookmark">
<span>The Ancient Craft Behind Cutting-edge Science</span>
</a>
</h3>
<div class="news-teaser__summary">
<div><p>Sally Prasch, UMass Amherst’s master scientific glassblower, is one of a dying breed of glassblowers that used to be common in every major research university.</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="https://events.umass.edu/widget/view?schools=umass&amp;days=365&amp;num=4&amp;template=ecc-list"></script><style> /* ========================================== CAMPUS EVENTS ========================================== */ .campus-events-widget { background: transparent; padding: 0; font-family: inherit; } .campus-events-widget .events-list { list-style: none; margin: 0; padding: 0; } /* ========================================== DESKTOP LIST LAYOUT ========================================== */ .campus-events-widget .teaser-item { padding: 20px 0; border-bottom: 1px solid #e5e5e5; } .campus-events-widget .teaser-item:last-child { border-bottom: none; } .campus-events-widget .event-wrapper { display: flex; gap: 20px; align-items: flex-start; } /* ===================================== 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"> 18 </div> </div> <!-- DETAILS --> <div class="event-details"> <div class="event-title"> <a href="https://events.umass.edu/event/fun-saturday-mornings-9760?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> Fun Saturday Mornings! </a> </div> <div class="event-time"> 10:00 am – 12: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"> 20 </div> </div> <!-- DETAILS --> <div class="event-details"> <div class="event-title"> <a href="https://events.umass.edu/event/small-business-advising-at-umass-downtown?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> Small Business Advising at UMass Downtown </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"> 21 </div> </div> <!-- DETAILS --> <div class="event-details"> <div class="event-title"> <a href="https://events.umass.edu/event/deep-dive-ms-in-cs-info-session-409?utm_campaign=widget&amp;utm_medium=widget&amp;utm_source=UMass+Amherst+Events+Calendar"> Deep Dive: MS in CS Info Session </a> </div> <div class="event-time"> 10:00 am – 11:00 am </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"> 21 </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&amp;utm_medium=widget&amp;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> </div>
</div>
</div>
</div>
<div class="news-events-section__footer">
<a class="news-events-section__cta news-events-section__cta--mobile" href="/news/news-events">
More News &amp; Events
</a>
</div>
</div></div>
Reference in New Issue View Git Blame Copy Permalink