Events List Details

<div class="g--6 b--w" style="margin-right: 0;">
    <div class="p-a800" style="padding-top: 0;">
        <ul class="dl">
            <li class="dl-i evt-dl-i"> <a href="https://www.boston.gov/neighborhood/allston" class="evt  ">
                    <div class="evt-c">
                        <div class="evt-t">Event at Flaherty pool without a detail page link</div>
                    </div>
                    <svg class="svg-date-flag " style="width:90px;" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.08 44.31">
                        <path d="M32.26,42.16l-15.3-7-15.3,7v-40h30.6Z" fill="#288be4" stroke="#000" stroke-miterlimit="10" /></svg>
                    <p class="svg-date-flag  date-flag-text">Nov 20</p>
                </a>

            </li>
            <li class="dl-i evt-dl-i">
                <span class="dl-t">When</span>
                <span class="dl-d">April 15, 2015 4:00PM - 6:00PM</span>
            </li>
            <li class="dl-i evt-dl-i">
                <span class="dl-t">Where</span>
                <span class="dl-d">Meet in the pool</span>
            </li>
            <li class="dl-i evt-dl-i">
                <span class="dl-t">Contact</span>
                <span class="dl-d">Grantley Payne</span>
            </li>
            <li class="dl-i evt-dl-i">
                <span class="dl-t">Phone</span>
                <span class="dl-d">617-545-0026</span>
            </li>
            <li class="dl-i evt-dl-i">
                <span class="dl-t">Audience</span>
                <span class="dl-d">All Ages</span>
            </li>
            <li class="dl-i evt-dl-i">
                <span class="dl-t">Price</span>
                <span class="dl-d">FREE</span>
            </li>
        </ul>
        <div class="m-v400">
            <button class="btn">See Events Details</button>
        </div>
    </div>
</div>