Spotlight Widget
<section>
<div class="widget widget-spotlight-stories widget-spotlight-stories--wrapper">
<div class="topbar m-0 mb-4">
<h2 class="heading">SPOTLIGHT STORIES</h2>
</div>
<div class="d-flex flex-wrap no-gutters">
<div class="col-md-4 mb-3">
<div class="widget-content--wrapper">
<div class="widget-content">
<div class="widget-content__box">
<div class="widget-content__header">
<a href="javascript:;">
<img src="/styleguide/layout/images/spotlight1.png" alt="Spotlight Image" />
</a>
</div>
<div class="widget-content__subtitle">Spotlight 1</div>
<div class="widget-content__content">
<p>John Renne, Ph.D., joins host Michael Williams to discuss changes needed for our coastal communities as they rebuild following the destruction caused by Hurricane Ian.</p>
<div class="action-button"><a href="javascript:;">Read More</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="widget-content--wrapper">
<div class="widget-content">
<div class="widget-content__box">
<div class="widget-content__header">
<a href="javascript:;">
<img src="/styleguide/layout/images/spotlight2.jpg" alt="Spotlight Image" />
</a>
</div>
<div class="widget-content__subtitle">Spotlight 2</div>
<div class="widget-content__content">
<p>Associate professor in the Department of Urban and Regional Planning, Diana Mitsova, Ph.D. , was appointed the John DeGrove Eminent Scholar Chair in Growth Management and Development.</p>
<div class="action-button"><a href="javascript:;">Read More</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="widget-content--wrapper">
<div class="widget-content">
<div class="widget-content__box">
<div class="widget-content__header">
<a href="javascript:;">
<img src="/styleguide/layout/images/spotlight3.jpg" alt="Spotlight Image" />
</a>
</div>
<div class="widget-content__subtitle">Spotlight 3</div>
<div class="widget-content__content">
<p>Funding will be utilized on a project with FAU’s Center for Urban and Environmental Solutions that uses immersive technology to engage the North End community, schools, and decision-makers on the topic of sea-level rise to ultimately develop an action plan to mitigate sea-level rise impacts.</p>
<div class="action-button"><a href="javascript:;">Read More</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>