Grid of Cards: Hub

<div class="b b--g b--fw">
    <div class="b-c">
        <div class="sh">
            <h2 class="sh-title">Starting Transactions</h2>
        </div>
        <div class="g">
            <a href="https://www.boston.gov/neighborhood/allston" class="cd m-t500 g--4 g--4--sl">
                <div class="cd-ic" style="background-image: url(https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok&#x3D;jMsIfnJ6)"></div>
                <div class="cd-c">
                    <div class="cd-t">Allston</div>
                    <div class="cd-st t--upper t--subtitle">Neighborhood</div>
                    <div class="cd-d">Learn more about one of Boston’s most diverse and active neighborhoods.</div>
                </div>
            </a>
            <a href="https://www.boston.gov/neighborhood/allston" class="cd m-t500 g--4 g--4--sl">
                <div class="cd-ic" style="background-image: url(https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok&#x3D;jMsIfnJ6)"></div>
                <div class="cd-c">
                    <div class="cd-t">Allston</div>
                    <div class="cd-st t--upper t--subtitle">Neighborhood</div>
                    <div class="cd-d">Learn more about one of Boston’s most diverse and active neighborhoods.</div>
                </div>
            </a>
            <a href="https://www.boston.gov/neighborhood/allston" class="cd m-t500 g--4 g--4--sl">
                <div class="cd-ic" style="background-image: url(https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok&#x3D;jMsIfnJ6)"></div>
                <div class="cd-c">
                    <div class="cd-t">Allston</div>
                    <div class="cd-st t--upper t--subtitle">Neighborhood</div>
                    <div class="cd-d">Learn more about one of Boston’s most diverse and active neighborhoods.</div>
                </div>
            </a>
            <a href="https://www.boston.gov/neighborhood/allston" class="cd m-t500 g--4 g--4--sl">
                <div class="cd-ic" style="background-image: url(https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok&#x3D;jMsIfnJ6)"></div>
                <div class="cd-c">
                    <div class="cd-t">Allston</div>
                    <div class="cd-st t--upper t--subtitle">Neighborhood</div>
                    <div class="cd-d">Learn more about one of Boston’s most diverse and active neighborhoods.</div>
                </div>
            </a>
        </div>
    </div>
</div>