18F/web-design-standards

<ul class="usa-collection">
  <li class="usa-collection__item">
    <div class="usa-collection__calendar-date">
      <time datetime="2020-09-30T12:00:00+01:00">
        <span class="usa-collection__calendar-date-month">SEP</span>
        <span class="usa-collection__calendar-date-day">30</span>
      </time>
    </div>
    <div class="usa-collection__body">
      <h3 class="usa-collection__heading">
        <a class="usa-link" href="https://trumpadministration.archives.performance.gov/presidents-winners-press-release/">Gears of Government President’s Award winners</a>
      </h3>
      <p class="usa-collection__description">Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</p>
    </div>
  </li>
  <li class="usa-collection__item">
    <div class="usa-collection__calendar-date">
      <time datetime="2020-09-30T12:00:00+01:00">
        <span class="usa-collection__calendar-date-month">SEP</span>
        <span class="usa-collection__calendar-date-day">30</span>
      </time>
    </div>
    <div class="usa-collection__body">
      <h3 class="usa-collection__heading">
        <a class="usa-link" href="https://trumpadministration.archives.performance.gov/sba-wosb-dashboard/">Women-owned small business dashboard</a>
      </h3>
      <p class="usa-collection__description">In honor of National Women’s Small Business Month, we’ve partnered with SBA’s Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!</p>
    </div>
  </li>
  <li class="usa-collection__item">
    <div class="usa-collection__calendar-date">
      <time datetime="2020-09-17T12:00:00+01:00">
        <span class="usa-collection__calendar-date-month">SEP</span>
        <span class="usa-collection__calendar-date-day">17</span>
      </time>
    </div>
    <div class="usa-collection__body">
      <h3 class="usa-collection__heading">
        <a class="usa-link" href="https://trumpadministration.archives.performance.gov/September-2020-Updates-Show-Progress/">September 2020 updates show progress on cross-agency and agency priority goals</a>
      </h3>
      <p class="usa-collection__description">Today, we published progress updates for both Cross-Agency Priority (CAP) Goals and Agency Priority Goals (APGs) for the third quarter of FY2020. These updates highlight recent milestones and accomplishments as well as related initiatives that support progress towards a more modern and effective government.</p>
    </div>
  </li>
</ul>