News (Landing Page)

<div class="b b--fw">
    <div class="b-c">
        <div class="sh">
            <h2 class="sh-title">News (Landing Page)</h2>
        </div>
        <div class="g">
            <div class="g--12 news-card m-t500">
                <div class="g">
                    <div class="g--7 news-column">
                        <div class="thumb-and-title">
                            <div class="thumb-and-flag">
                                <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="g--12">
                                    <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="news-column--left">
                                <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>
                            </div>
                        </div>
                    </div>

                    <div class="g--5 news-column--right">
                        <div class="g">
                            <div class="g--12 optional-news-layout">
                                <div class="intro-text">
                                    <p>$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 di-tt">
                                                <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 class="g--12 news-card m-t500">
                <div class="g">
                    <div class="g--7 news-column">
                        <div class="thumb-and-title">
                            <div class="thumb-and-flag">
                                <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>Dec 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">
                                    Dec 14
                                </p>

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

                            <div class="news-column--left">
                                <h3 class="title">
                                    <a href="https://d8-uat.boston.gov/news/city-boston-kicks-free-summer-fitness-series">Filers of Food Sovereignty and Community Grants announced</a>
                                    <span class="news_positon">Digital Department</span>
                                </h3>
                            </div>
                        </div>
                    </div>

                    <div class="g--5 news-column--right">
                        <div class="g">
                            <div class="g--12 optional-news-layout">
                                <div class="intro-text">
                                    <p>$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 di-tt">
                                                <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>
    </div>
</div>