<div class="hro hro--d">
    <div class="hro-c">
        <h1 class="hro-t hro-t--l">How to apply for a business certificate</h1>
        <div class="hro-st hro-st--l">Companies in Boston need to get a business certificate through the City Clerk’s office. You need to renew your certificate every four years.</div>
    </div>
</div>
{{#if image}}
  <style>
    .hro {
      background-image: url({{image.mobile1x}});
    }

    @media screen and (min-width: 768px) {
      .hro {
        background-image: url({{image.tablet1x}});
      }
    }

    @media screen and (min-width: 1024px) {
      .hro {
        background-image: url({{image.desktop1x}});
      }
    }

    @media screen and (min-width: 1200px) {
      .hro {
        background-image: url({{image.wide1x}});
      }
    }
  </style>
{{/if}}

<div class="hro{{#if image}}{{#if title}} hro--t{{else}} hro--b{{/if}}{{else}} hro--d{{/if}}">
  <div class="hro-c">
    {{#if intro}}
      <div class="hro-i{{#if home}} hro-i--l{{/if}}">{{intro}}</div>
    {{/if}}
    <h1 class="hro-t{{#if home}} hro-t--l{{/if}}">{{title}}</h1>
    {{#if cta}}
      <a href="{{cta.link}}" class="btn btn--c btn--ib">{{cta.text}}</a>
    {{else}}
      {{#if subheader}}
        <div class="hro-st{{#if home}} hro-st--l{{/if}}{{#if image}} hro-st--w{{/if}}">{{subheader}}</div>
      {{/if}}
    {{/if}}
  </div>
  {{#if b}}
    <div class="the-b the-b--c">
      <img src="/images/b-light.svg" alt="B Logo" class="the-b-i">
    </div>
  {{/if}}
</div>
{
  "home": true,
  "intro": null,
  "title": "How to apply for a business certificate",
  "subheader": "Companies in Boston need to get a business certificate through the City Clerk’s office. You need to renew your certificate every four years.",
  "cta": null,
  "image": null
}

There are no notes for this item.