Email Standards

{header-image}

FULL HEADER URLs - for viewing purposes

email-houseofair-boy-bouncing.png

email-houseofair-boy-bouncing.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-boy-bouncing.png

email-houseofair-dave-grab.png

email-houseofair-dave-grab.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-dave-grab.png

email-houseofair-dodgeball-girl.png

email-houseofair-dodgeball-girl.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-dodgeball-girl.png

email-houseofair-girl-backflip-v2.png

email-houseofair-dodgeball-girl.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-girl-backflip-v2.png

email-houseofair-girl-split-flip.png

email-houseofair-girl-split-flip.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-kid-backflip.png

email-houseofair-kid-backflip.png

email-houseofair-kid-backflip.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-kid-backflip.png

email-houseofair-mini-kid-backflip.png

email-houseofair-mini-kid-backflip.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-mini-kid-backflip.png

email-houseofair-tg-girl-wall.png

email-houseofair-tg-girl-wall.png

AWS URL

  • https://d2vgrig53oyigc.cloudfront.net/email/header/email-houseofair-tg-girl-wall.png

{header-image-link}

Enter in the header image URL. If referencing a LaunchPad link, be sure to associate the location variable with the correct location

Example

Campaign Tracking

In salesmanago you only need to enter in the Google Campaign UTM code. This can just be a named string with no spaces

Example

{header-background-color-hex}

Core colors - House of Air

Secondary colors - House of Air

{header-background-color-rgb}

Not currently in use. Listed for end-users information.

Core colors - House of Air

Secondary colors - House of Air

Example - 2 Column HTML

		
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
	<tr>
	<td align="left" valign="top" width="70%">
<![endif]-->
<div style="display:inline-block; max-width:70%; min-width:65%; vertical-align:top;" class="full-width">
    <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%;" width="100%" class="full-width">
        <tr>
            <td align="left" style="font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 16px; color: rgb(81, 81, 81); line-height: 24px;">
                <h2 style="line-height: 32px;">Header 2</h2>
                <h3>Header 3</h3>
                <ul>
                    <li>List Item #1</li>
                    <li>List Item #2</li>
                    <li>List Item #3</li>
                </ul>
            </td>
        </tr>
    </table>
	</div>

<!--[if (gte mso 9)|(IE)]>
</td>
<td width="25" style="font-size: 1px;"> </td>
<td align="left" valign="top" width="29%">
<![endif]-->

<div style="display:inline-block; max-width:29%; vertical-align:top;" class="full-width">
    <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="full-width">
        <tr>
            <td align="left" style="padding: 30px 30px 0 30px;">
                <a href="https://houseofair.secure.force.com/BookingPass?location=carlsbad" target="_blank"><img class="img-responsive" alt="House of Air Dodgeball" border="0" src="https://d2vgrig53oyigc.cloudfront.net/wp-content/uploads/2017/10/girl-dodgeball-500w.png" /></a>
            </td>
        </tr>
    </table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full-width">
    <tr>
        <td align="center" style="padding: 15px 0 50px 0;"><a href="https://houseofair.secure.force.com/BookingPass?location=carlsbad" target="_blank" style="font-size: 24px; font-weight: bold; font-family: 'Teko', Helvetica, Arial, sans-serif; line-height: 24px; color: rgb(255, 255, 255); text-transform: uppercase; background-color:rgb(255,121,0); color:#ffffff; text-decoration: none; background-color:#ff7900; border-top: 15px solid #ff7900; border-bottom: 15px solid #ff7900; border-left: 25px solid #ff7900; border-right: 25px solid #ff7900; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" class="mobile-button">
                                <span style="font-family: 'Teko', Helvetica; font-weight: normal;">BUY PARK ACCESS TICKETS</span>
                            </a>
        </td>
    </tr>
</table>