Crispus

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>
 
<div class="b b--g b--fw">
  <div class="b-c">
    {{> @section_header }}
    <div class="g">
      {{> @card }}
    </div>
  </div>
</div>
 
{
  "header": {
    "title": "Starting Transactions",
    "contact": null
  },
  "cards": [
    {
      "index": 1,
      "href": "https://www.boston.gov/neighborhood/allston",
      "image": {
        "url": "https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok=jMsIfnJ6",
        "title": "Allston"
      },
      "title": "Allston",
      "subtitle": "Neighborhood",
      "content": "Learn more about one of Boston’s most diverse and active neighborhoods."
    },
    {
      "index": 2,
      "href": "https://www.boston.gov/neighborhood/allston",
      "image": {
        "url": "https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok=jMsIfnJ6",
        "title": "Allston"
      },
      "title": "Allston",
      "subtitle": "Neighborhood",
      "content": "Learn more about one of Boston’s most diverse and active neighborhoods."
    },
    {
      "index": 3,
      "href": "https://www.boston.gov/neighborhood/allston",
      "image": {
        "url": "https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok=jMsIfnJ6",
        "title": "Allston"
      },
      "title": "Allston",
      "subtitle": "Neighborhood",
      "content": "Learn more about one of Boston’s most diverse and active neighborhoods."
    },
    {
      "index": 4,
      "href": "https://www.boston.gov/neighborhood/allston",
      "image": {
        "url": "https://www.boston.gov/sites/default/files/styles/grid_card_image/public/allston2.jpg?itok=jMsIfnJ6",
        "title": "Allston"
      },
      "title": "Allston",
      "subtitle": "Neighborhood",
      "content": "Learn more about one of Boston’s most diverse and active neighborhoods."
    }
  ]
}

There are no notes for this item.