Patterns

2.3.2

Type

The Mayor’s Office for Economic Opportunity

<h1 class="h1">The Mayor’s Office for Economic Opportunity</h1>

Heading 1

Use the <h1> tag for semantic hierarchy. Using the correct markup for text hierarchy is important for assistive technologies. The .h1 class can be used to style type tags as <h1> tags if is better for them to be visually styled that way.

The Mayor’s Office for Economic Opportunity helps the City use evidence and innovation to reduce poverty and increase equity

<h2 class="h2">The Mayor’s Office for Economic Opportunity helps the City use evidence and innovation to reduce poverty and increase equity</h2>

Heading 2

Use the <h2> tag for semantic hierarchy or the .h2 class for visual styling.

The Mayor's Office for Economic Opportunity, NYC Opportunity for short, was formally announced in May, 2017

<h3 class="h3">The Mayor's Office for Economic Opportunity, NYC Opportunity for short, was formally announced in May, 2017</h3>

Heading 3

Use the <h3> tag for semantic hierarchy or the .h3 class for visual styling.

All of the work of our office is guided by our commitment to 3 core principles: Equity, Evidence, and Innovation

<h4 class="h4">All of the work of our office is guided by our commitment to 3 core principles: Equity, Evidence, and Innovation</h4>

Heading 4

Use the <h4> tag for semantic hierarchy or the .h4 class for visual styling.

Put your data, design, digital, and policy skills to work to improve the lives of millions of New Yorkers
<h5 class="h5">Put your data, design, digital, and policy skills to work to improve the lives of millions of New Yorkers</h5>

Heading 5

Use the <h5> tag for semantic hierarchy or the .h5 class for visual styling.

What We Do: Research, Service Design, Digital Products, Data Integration, and Programs & Evaluation
<h6 class="h6">What We Do: Research, Service Design, Digital Products, Data Integration, and Programs & Evaluation</h6>

Heading 6

Use the <h6> tag for semantic hierarchy or the .h6 class for visual styling.

Brief overviews of NYC Opportunity's programmatic focus areas are below, and more information can also be found under "Special Initiatives".

Programs identified as "Current Portfolio" are actively managed and/or funded by NYC Opportunity as of May 2017. Programs without this label may be active in the City, but are no longer funded or managed by NYC Opportunity, or they may have been discontinued with lessons incorporated into ongoing work.
<div><p>Brief overviews of NYC Opportunity's programmatic focus areas are below, and more information can also be found under "Special Initiatives".</p><small class="small">Programs identified as "Current Portfolio" are actively managed and/or funded by NYC Opportunity as of May 2017. Programs without this label may be active in the City, but are no longer funded or managed by NYC Opportunity, or they may have been discontinued with lessons incorporated into ongoing work.</small></div>

Small

The <small> tag is used to define text that is smaller than the body font. Use the <small> tag or the .small class for visual styling.

Finding services in my area is difficult

— Research Participant,Red Hook
<blockquote class="blockquote"><p> Finding services in my area is difficult</p><footer>— Research Participant,<cite>Red Hook</cite></footer></blockquote>

Blockquote

The <blockquote> tag is used to indicate the quotation of a large section of text from another source. Use the <blockquote> tag or the .blockquote class for visual styling.

The Mayor’s Office for Economic Opportunity helps the City use evidence and innovation to reduce poverty and increase equity.

<h1 class="jumbo">The Mayor’s Office for Economic Opportunity helps the City use evidence and innovation to reduce poverty and increase equity.</h1>

Jumbo

The .jumbo class is the largest heading size reserved for emphasized headings. Use the class for visual styling.