New Victory Patterns Page

TNEW Headers

This is a Level 1 Heading

Avenir LT W01 95 Black - weight: 700, size: 24px, lh: 28px, #000000

<h1 class="header-one">This is a Level 1 Heading</h1>

This is a Level 2 Heading

Avenir LT W01 95 Black - w: 700, sz: 21px, lh: 30px, #000000

<h2 class="header-two">This is a Level 2 Heading</h2>

This is a Level 3 Heading

Avenir LT W01 95 Black - w: 700, sz: 18px, lh: 32px, #000000

<h3 class="header-three">This is a Level 3 Heading</h3>

Header 4 looks like this line

Avenir LT W01 55 Roman - w: 400, sz: 18px, lh: 32px, #000000

<h4 class="header-four">This is a Level 4 Heading</h4>

TNEW Colors

  • Black
    #000000
  • Dark Gray
    #888888
  • Gray
    #bbbbbb
  • Green
    #1FB25A
  • Blue
    #007DC3
  • Yellow
    #FFD204
  • Red
    #F15E48

TNEW Paragraphs

This is a Lead In P Tag

Avenir LT W01 55 Roman - weight: 400, size: 16px, lh: 24px, #000000

<p class="leadin">This is a Lead In P Tag</p>

This is body copy

Avenir LT W01 55 Roman - w: 400, sz: 16px, lh: 24px, #000000

<p class="body-copy">This is body copy</p>

This is bold body copy

Avenir LT W01 55 Roman - w: 400, sz: 16px, lh: 24px, #000000

<p class="body-copy-bold">This is bold body copy</p>

Body copy italic line

Avenir LT W01 55 Roman - w: 400, sz: 16px, lh: 24px, #000000

<p class="body-copy"><em>This is bold body copy<em></p>

This is small body copy

Avenir LT W01 95 Black - w: 700, sz: 14px, lh: 24px, #000000

<p class="body-copy-small">This is small body copy</p>

This is tiny body copy

Avenir LT W01 55 Roman - w: 400, sz: 12px, lh: 15px, #000000

<p class="body-copy-tiny">This is tiny body copy</p>

Buttons

Primary Button

Primary Button

Primary Button Hover

Hover Colors

<a class="primaryButton" href="#">Primary Button</a>

Secondary Button

Secondary Button

Secondary Button Hover

Hover Colors

<a class="secondaryButton" href="#">Secondary Button</a>

Small Button

Small Button

Small Button Hover

Hover Colors

<a class="smallButton" href="#">Small Button</a>

Tertiary Button

Tertiary Button

Tertiary Button Hover

Hover Colors

<a class="tertiaryButton" href="#">Tertiary Button</a>

Columns

Join Victory Circle

VICTORY CIRCLE is a group of like-minded parents who value the arts for their kids, who support The New Victory Theater financially at the $1,000 level or higher and receive unique invitations to theater and social events.

Learn about Corporate Giving Options

Corporate partners support the award-winning New Victory Education Programs and the New Victory Usher Corps, while enjoying heightened recognition and season-long benefits for employees.

Support The New 42nd Annual Fund

Make a fully tax-deductible contribution to The New 42nd Street, supporting the performing arts and jobs for youth in a BIG way.


<div class="wrapper community">
    <p>
		<a href="#=">
			<img alt="Join Victory Circle" src="http://staging.newvictory.org/Victory/media/Images/Support/1718_Support/1718_SupportUs_VictoryCircleCommunityHeader.jpg" style="width:100%">
		</a>
	</p>
	<p>VICTORY CIRCLE is a group of like-minded parents who value the arts for their kids, who support The New Victory Theater financially at the $1,000 level or higher and receive unique invitations to theater and social events.</p>
	<p class="button-link-wrapper">
		<a href="#">Join Now</a>
	</p>
	<div class="gm-row gl-row">
		<div class="gcm-half gcl-half">
			<p>
				<a href="#">
					<img alt="Learn about Corporate Giving Options" src="http://www.newvictory.org/Victory/media/Images/Support/CorporateGiving.jpg">
				</a>
			</p>
			<p>Corporate partners support the award-winning New Victory Education Programs and the New Victory Usher Corps, while enjoying heightened recognition and season-long benefits for employees.</p>
			<p class="button-link-wrapper">
				<a href="#" class="button-link">View Corporate Benefits</a>
			</p>
		</div>
		<div class="gcm-half gcl-half">
			<p>
				<a href="#">
					<img alt="Support The New 42nd Annual Fund" src="http://www.newvictory.org/Victory/media/Images/Support/SupportUs_Thumbnail.jpg">
				</a>
			</p>
			<p>Make a fully tax-deductible contribution to The New 42nd Street, supporting the performing arts and jobs for youth in a BIG way.</p>
			<p class="button-link-wrapper">
				<a href="#" class="button-link">Make a Gift</a>
			</p>
		</div>
	</div>
	        

Quarter Column / Three Quarters Column

Take the family to see a show.

Send your favorite family to a show at the New Vic and they can make a day of it with events before and after the show and discounts to local businesses. An excellent gift for the holidays!

Age recommendations for shows playing in The New Victory Theater start at 5 years old.


	        	<div class="gs-row gm-row gl-row">
		        	<div class="gcs-quarter gcm-quarter gcl-quarter">
		        		<img src="https://www.newvictory.org/Victory/media/Images/BoxOffice_VisitorInfo/GiftCard_FamilyOuting.png" alt="Take the family to see a show.">
		        	</div>
		        	<div class="gcs-three-quarters gcm-three-quarters gcl-three-quarters">
		        		<p class="contained-content">Send your favorite family to a show at the New Vic and they can make a day of it with events before and after the show and discounts to local businesses. An excellent gift for the holidays!</p>
		        		<p class="contained-content">Age recommendations for shows playing in The New Victory Theater start at 5 years old.</p>
		        	</div>
		        </div>
	        	

Reveal Group

$1,000 ($900 tax-deductible)

  • Invitations to a Season Launch Cocktail Party and Pop-Up Salons throughout the year
  • Complimentary tickets for your whole family to attend a New Victory performance
  • VIP ticketing throughout the season
  • Opportunity to purchase tickets at a Victory Circle discounted price to The New 42nd Street Gala
  • Recognition in the New Vic Bill

<div class="reveal-group">
  <h3 class="group-header"><h3>$1,000</strong> ($900 tax-deductible)</h3>
  <button type="button" class="js-tabs group-button" data-reveal="one-thousand" data-reveal-group="victory-circle">Show Details</button>
  <div id="one-thousand" class="reveal__target">
    <ul  class="group-list">
      <div>Invitations to a Season Launch Cocktail Party and Pop-Up Salons throughout the year</li>
      <div>Complimentary tickets for your whole family to attend a New Victory performance</li>
      <div>VIP ticketing throughout the season</li>
      <div>Opportunity to purchase tickets at a Victory Circle discounted price to The New 42nd Street Gala</li>
      <div>Recognition in the New Vic Bill</li>
    </ul>
  </div>
</div>