Skip to main content

Patterns

Banner

The Banner Object is a custom module with specific classes used to define its elements, including the title, tout columns, and buttons.

Find help in NYC with food, money, housing, work and more on ACCESS NYC.

What am I eligible for?

There are over 30 programs you or your family may be eligible for regardless of immigration status and even if you’re already receiving benefits or have a job.

Apply now for benefits.

Apply directly for SNAP, Cash Assistance and Medicaid renewal. Log into your HRA account.

<div class="o-banner color-dark-background">
  <div class="o-banner__inner">
    <h1 class="o-banner__title">Find help in NYC with food, money, housing, work and more on ACCESS NYC.</h1>
    <div class="o-banner__touts">
      <div class="o-banner__tout">
        <h3 class="o-banner__tout-title">What am I eligible for?</h3>
        <div class="o-banner__tout-body">
          <p class="p1">There are over 30 programs you or your family may be eligible for regardless of immigration status and even if you’re already receiving benefits or have a job.</p>
        </div>
        <div class="o-banner__tout-cta"><a class="btn btn-primary" href="#"><svg class="icon icon-ui-user-check">
              <use xlink:href="#icon-ui-user-check"></use>
            </svg>&nbsp;&nbsp;Am I eligible?</a></div>
      </div>
      <div class="o-banner__tout">
        <h2 class="o-banner__tout-title type-h3">Apply now for benefits.</h2>
        <div class="o-banner__tout-body">
          <p>Apply directly for SNAP, Cash Assistance and Medicaid renewal. Log into your HRA account.</p>
        </div>
        <div class="o-banner__tout-cta"><a class="btn btn-secondary btn-next" href="#">Go to ACCESS HRA</a></div>
      </div>
    </div>
  </div>
</div>