<base href="http://go.pardot.com" >
 <meta charset="utf-8"/>
 <meta name="description" content="%%description%%"/>
 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 <title>%%title%%</title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="https://use.typekit.net/pbv6abr.css">
 <style>

 /* --------------------------------------------------------------
 FORM STYLES
 ----------------------------------------------------------------- */
 /* Bebas Neue */
 html, body { 
 font-family: 'Bebas Neue', serif;
 font-weight: 400;
 }
 /* Brandon Grotesque */
 html, body { 
 font-family: 'Brandon Grotesque', sans-serif;
 font-weight: bold;
 } 
 body {
 background-color: #fff;
 }
 
 /* --------------------------------------------------------------
 RESPONSIVE
 ----------------------------------------------------------------- */
 /* xs */
 @media(max-width:767px){
 h1 {
 color: #206ef6;
 font-family: 'Bebas Neue', serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: center;
 
 }
 h2 {
 color: #dd2834;
 font-family: 'Bebas Neue', serif;
 font-size: 90px;
 line-height: 96px;
 font-weight: normal;
 text-align:center;


 }
			img {
 margin:auto;
 display: block;

 }
 p {
 color: #fffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 24px;
 line-height: 28px;
 font-weight: normal;
 text-align: left;

 }
 
 }
 /* sm */
 @media (max-width:768px){ 
 h1 {
 color: #206ef6;
 font-family: 'Bebas Neue', serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: center;
 }
 h2 {
 color: #dd2834;
 font-family: 'Bebas Neue', serif;
 font-size: 90px;
 line-height: 96px;
 font-weight: normal;
 text-align: center;
 }
 p {
 color: #fffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 24px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}/* md */
 @media(max-width:1199px){
			 h1 {
 color: #206ef6;
 font-family: 'Bebas Neue', serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: center;
 }
 h2 {
 color: #dd2834;
 font-family: 'Bebas Neue', serif;
 font-size: 90px;
 line-height: 96px;
 font-weight: normal;
 text-align: center;
 }
 img {
 margin:auto;
 display: block; 
 }
 p {
 color: #fffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 24px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}
 /* lg */
 @media(min-width:1200px){
 h1 {
 color: #206ef6;
 font-family: 'Bebas Neue', serif;
 font-size: 60px;
 line-height: 64px;
 font-weight: normal;
 text-align: left;
 
 }
 h2 {
 color: #dd2834;
 font-family: 'Bebas Neue', serif;
 font-size: 190px;
 line-height: 195px;
 font-weight: normal; 
 text-align: left;
 
 }
 	img {
 float: left; 
 margin: 0px 0px 0px 0px; 
 }
 p {
 color: #fffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 35px;
 line-height: 38px;
 font-weight: normal;
 text-align: left; 
 }}

 }

<base href="http://go.pardot.com" >
 <meta charset="utf-8"/>
 <meta name="description" content="%%description%%"/>
 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 <title>%%title%%</title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="https://use.typekit.net/pbv6abr.css">
 <style>

 /* --------------------------------------------------------------
 FORM STYLES
 ----------------------------------------------------------------- */
 /* Bebas Neue */
 html, body { 
 font-family: 'Bebas Neue', serif;
 font-weight: 400;
 }
 /* Brandon Grotesque */
 html, body { 
 font-family: 'Brandon Grotesque', sans-serif;
 font-weight: bold;
 } 
 body {
 background-color: #fff;
 }
 
 /* --------------------------------------------------------------
 RESPONSIVE
 ----------------------------------------------------------------- */
 /* xs */
 @media(max-width:767px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 75px;
 line-height: 60px;
 font-weight: normal;
 text-align:center;


 }
			img {
 margin:auto;
 display: block;

 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }
 
 }
 /* sm */
 @media (max-width:768px){ 
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 75px;
 line-height: 60px;
 font-weight: normal;
 text-align:center;
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}/* md */
 @media(max-width:1199px){
			 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size:75px;
 line-height: 60px;
 font-weight: normal;
 text-align:center;
 }
 img {
 margin:auto;
 display: block; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }}
 /* lg */
 @media(min-width:1200px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 85px;
 line-height: 75px;
 font-weight: normal;
 text-align:left;
 }
 	img {
 float: left; 
 margin: 0px 5px 5px 45px; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: left;
 padding-left: 0px; 
 padding-right: 0px; 
 }}

 }

<h1>Donate this Holiday Season</h1>

<base href="http://go.pardot.com" >
 <meta charset="utf-8"/>
 <meta name="description" content="%%description%%"/>
 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 <title>%%title%%</title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="https://use.typekit.net/pbv6abr.css">
 <style>

 /* --------------------------------------------------------------
 FORM STYLES
 ----------------------------------------------------------------- */
 /* Bebas Neue */
 html, body { 
 font-family: 'Bebas Neue', serif;
 font-weight: 400;
 }
 /* Brandon Grotesque */
 html, body { 
 font-family: 'Brandon Grotesque', sans-serif;
 font-weight: bold;
 } 
 body {
 background-color: #fff;
 }
 
 /* --------------------------------------------------------------
 RESPONSIVE
 ----------------------------------------------------------------- */
 /* xs */
 @media(max-width:767px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:center;


 }
			img {
 margin:auto;
 display: block;

 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }
 
 }
 /* sm */
 @media (max-width:768px){ 
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:center;
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}/* md */
 @media(max-width:1199px){
			 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:center;
 }
 img {
 margin:auto;
 display: block; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }}
 /* lg */
 @media(min-width:1200px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:left;
 }
 	img {
 float: left; 
 margin: 0px 5px 5px 45px; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: left;
 padding-left: 0px; 
 padding-right: 0px; 
 }}

 }

Your gift can bring hope and joy to pets in need when they need it most.

<h2>Why Your Support Matters</h2>

<span style="color: var(--theme-color__text-general); font-family: var(--classy-font__font-family--roboto); font-size: 20px; font-weight: var(--theme-font__paragraph-md--font-weight); line-height: var(--theme-font__paragraph-md--line-height)">Every 38 seconds, an adoption takes place at a PetSmart store. Your gift helps pets find their forever homes so they can enjoy the warmth and care of a loving family.

<h1>Become A Champion</h1>

<span style="color: rgb(255, 255, 255); font-family: var(--classy-font__font-family--roboto); font-size: 20px; font-weight: var(--theme-font__paragraph-md--font-weight); line-height: var(--theme-font__paragraph-md--line-height)">Give the gift of year-round support by becoming a monthly donor.

Donate this
Holiday Season

Why Your Support Matters

Become A Champion

Your monthly gift makes a lasting impact

Frequently asked questions

Is my donation secure?

Do I get a receipt?

Do you sell or share my contact information?

What is PetSmart Charities tax ID number?

Where can I mail my donation?