Skip to main content

Event List

See also event cards.

Upcoming Events

Soccer Match

Athletics

Venue

<div class="event-list">
  <h2>Upcoming Events</h2>
    <div class="event">
        <div class="title">
            <h3>
                <a href="#">Soccer Match
                </a>
            </h3>
        </div>
        <div class="date">
            <div>
                <span class="month" aria-hidden="true">
                    <time datetime="00Z">Sep </time>
                </span>
                <span class="day" aria-hidden="true">
                    <time datetime="00Z">02</time>
                </span>
                <span class="year" aria-hidden="true">
                    <time datetime="00Z">2023</time>
                </span>
            </div>
        </div>
        <div class="icon">
            
            <span class="material-icons" aria-hidden="true">sports</span>
            
            <span class="icon-text">
                <span class="visually-hidden">Category:</span>
                Athletics
            </span>
        </div>
        
        <div class="location">
            <p>
                Venue
            </p>
        </div>
        
        <div class="body">
            <p>
                <time datetime="00Z">Thursday, September 2, 2021</time>
            </p>
            
            <p>
                <strong>
                    <time datetime="00Z">7:00 pm</time>
                </strong>
            </p>
        </div>
    </div>
</div>