Event Featured

<div class="b b--g b--fw">
    <div class="b-c">
        <div class="g">
            <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>

            <div class="g--6" style="margin-left: 0;">
                <picture>
                    <source srcset="https://www.boston.gov/sites/default/files/img/topic/intro_images/2017/06/housing1.jpg" media="(min-width: 600px)">
                    <img src="https://www.boston.gov/sites/default/files/img/topic/intro_images/2017/06/housing1.jpg" alt="MDN" style="width: 100%; height: 100%; object-fit: cover;">
                </picture>
            </div>
        </div>
        <div class="m-v400">
            <button class="btn">Show More</button>
        </div>
    </div>
</div>