Featured News

<div class="b b--fw">
    <div class="b-c">
        <div class="sh">
            <h2 class="sh-title">Featured News</h2>
        </div>
        <div class="g news-card featured-news m-b300 m-t500">
            <div class="g--6">
                <div class="thumb-and-title">
                    <svg class="svg-date-flag n--a-date-flag" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.08 44.31">
                        <title>Oct 14</title>
                        <path d="M32.26,42.16l-15.3-7-15.3,7v-40h30.6Z" fill="#ffffff" stroke="#ECECEC" stroke-miterlimit="10" />
                    </svg>

                    <p class="svg-date-flag n--a-date-flag-text date-flag-text">
                        Oct 14
                    </p>

                    <div class="news-card--thumb-wrapper">
                        <img src="https://patterns.boston.gov/images/public/icons/news.svg" alt="Grantees of Food Sovereignty and Community Grants announced" typeof="foaf:Image" />
                    </div>
                </div>
            </div>

            <div class="g--6 news-column--right">
                <div class="g">
                    <div class="g--12 optional-news-layout">
                        <div class="intro-text">
                            <h3 class="title">
                                <a href="https://d8-uat.boston.gov/news/city-boston-kicks-free-summer-fitness-series">Grantees of Food Sovereignty and Community Grants announced</a>
                                <span class="news_positon">Parks and Recreation</span>
                            </h3>
                            <p class="">$2.2 million in funding has been awarded to increase community-led food access solutions, provide...</p>
                        </div>

                        <div class="icon-wrapper">
                            <div class="di">
                                <div class="di-ic">
                                    <a href="/departments/innovation-and-technology" title="Innovation and Technology" class="di-a">
                                        <img typeof="foaf:Image" src="/images/b-dark.svg" alt="Innovation and Technology" class="di-i" />
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>