Three Column With Image: Dark Blue Background Color

<div class="b b--b b--fw">
    <div class="b-c">
        <div class="sh sh--w cl">
            <h2 class="sh-title">Dark Blue Background Color</h2>
            <div class="sh-contact">Contact: <a href="https://www.boston.gov/departments/public-works" title="Public Works">Public Works</a></div>
        </div>
        <div class="g m-t500">
            <div class="g--4">
                <img class="cdp-i" src="https://patterns.boston.gov/assets/images/fleet/allston2.jpg" />
                <h3 class="t--intro t--w br br--st-das br--w br-b200">DoIT Office</h3>
                <p class="t--s500 lh--300">The agencies reporting to the Mayor&#x27;s Office represent the Mayor and the City in legal matters, public relations, and elections. The Mayor&#x27;s vision for the future of the City is reflected in the policies and directions carried forward by the staff of these offices.</p>
                <a href="https://www.boston.gov/sites/default/files/file/document_files/2017/03/pdf_for_website_testing.pdf" class="btn">Testing a doc PDF</a>
            </div>
            <div class="g--4">
                <img class="cdp-i" src="https://www.boston.gov/sites/default/files/styles/photo_bleed_d_large_1x/public/img/library/photos/2020/12/city-hall-image.jpg" />
                <h3 class="t--intro t--w br br--w br-b200">DoIT Office</h3>
                <p class="t--s500 lh--300">The agencies reporting to the Mayor&#x27;s Office represent the Mayor and the City in legal matters, public relations, and elections. The Mayor&#x27;s vision for the future of the City is reflected in the policies and directions carried forward by the staff of these offices.</p>
                <div class="b">
                    <div class="m-v400 m-h200">
                        <a href="https://www.google.com" class="btn" target="_blank">External Link</a>
                    </div>
                </div>
            </div>
            <div class="g--4">
                <img class="cdp-i" src="https://www.boston.gov/sites/default/files/styles/photo_bleed_d_large_1x/public/img/2016/t/trac-bigpic.jpg" />
                <h3 class="t--intro t--w br br--st-dot br--w br-b200">DoIT Office</h3>
                <p class="t--s500 lh--300">The agencies reporting to the Mayor&#x27;s Office represent the Mayor and the City in legal matters, public relations, and elections. The Mayor&#x27;s vision for the future of the City is reflected in the policies and directions carried forward by the staff of these offices.</p>
                <a href="https://d8-uat.boston.gov/departments/innovation-and-technology" class="btn">Internal link</a>
            </div>
        </div>
    </div>
</div>