123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>🌘 The perfect spots for August’s total solar eclipse 🌒</title><link rel="SHORTCUT ICON" href="/e/ref.ico" />
        
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title> The perfect spots for August’s total solar eclipse </title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- These styles get inlined-->
        <!-- These styles get embedded in the <head><title>🌘 The perfect spots for August’s total solar eclipse 🌒</title><link rel="SHORTCUT ICON" href="/e/ref.ico" />-->
        <style>
            /* Hack for clients that block custom fonts */

            [style*="Roboto"] {
                font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
            }
            /* CLIENT-SPECIFIC STYLES */

            body,
            table,
            td,
            a {
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
            }

            table,
            td {
                mso-table-lspace: 0pt;
                mso-table-rspace: 0pt;
            }

            img {
                -ms-interpolation-mode: bicubic;
            }
            /* RESET STYLES */

            img {
                border: 0;
                height: auto;
                line-height: 100%;
                outline: none;
                text-decoration: none;
            }

            table {
                border-collapse: collapse !important;
            }

            body {
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
            }
            /* iOS BLUE LINKS */

            a[x-apple-data-detectors] {
                color: inherit !important;
                text-decoration: none !important;
                font-size: inherit !important;
                font-family: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
            }
            /* ANDROID CENTER FIX */

            div[style*="margin: 16px 0;"] {
                margin: 0 !important;
            }
        </style>
        <style>
            @charset "UTF-8";
            @media (max-width: 480px) {
                .visible-xs-down {
                    display: block !important;
                    height: auto !important;
                    overflow: visible !important;
                    visibility: visible !important;
                    border: none !important;
                    max-height: none!important
                }
                .visible-xs-down img {
                    display: block !important;
                    max-height: auto !important;
                    overflow: visible !important
                }
                .visible-sm-up {
                    display: none !important;
                    mso-hide: all;
                    height: 0 !important;
                    max-height: 0!important;
                    visibility: hidden !important;
                    overflow: hidden !important
                }
                .visible-sm-up img {
                    display: none !important;
                    max-height: 0 !important;
                    overflow: hidden !important
                }
                .btn table {
                    width: 100% !important
                }
                .card>table {
                    width: 95% !important
                }
                .row .col-sm-3,
                .row .col-sm-4,
                .row .col-sm-8,
                .row .col-sm-6 {
                    display: block !important;
                    width: 100% !important
                }
                .row .col-sm-3 .img-responsive,
                .row .col-sm-4 .img-responsive,
                .row .col-sm-8 .img-responsive,
                .row .col-sm-6 .img-responsive {
                    width: 100% !important
                }
                .row .col-xs-6 {
                    vertical-align: top !important;
                    width: 50% !important;
                    display: table-cell !important
                }
                .header th {
                    display: block !important;
                    width: 100% !important;
                    text-align: center !important;
                    padding: 0
                }
                .header th .brand-logo table {
                    width: 100% !important
                }
                .header th:nth-of-type(1) {
                    padding: 10px 0 !important
                }
                .header th:nth-of-type(2) {
                    padding-bottom: 10px !important
                }
                .footer .social>table {
                    width: 90% !important
                }
                .footer .social .social-icon {
                    padding: 0 10px !important
                }
                .links-container>table {
                    width: 100% !important
                }
                .links-container .link-content {
                    background-color: #E1E1E1 !important;
                    border-bottom: 10px solid #F6F6F6 !important;
                    display: block !important;
                    font-size: 15px !important;
                    padding: 15px 0 !important;
                    text-align: center !important;
                    width: 100% !important
                }
                .links-container .link-content a {
                    color: #606060 !important;
                    display: block !important;
                    text-decoration: none !important
                }
                .destinations {
                    padding: 0 !important
                }
                .destinations .destination {
                    display: block !important;
                    padding: 0 10px 10px !important
                }
                .destinations .dest-image {
                    padding: 10px 10px 15px !important
                }
                .dest-image {
                    padding-top: 20px !important
                }
            }
        </style>
        <style>
            @charset "UTF-8";
            @media (max-width: 500px) {
                .visible-md-up {
                    display: none !important;
                    mso-hide: all;
                    height: 0 !important;
                    max-height: 0!important;
                    visibility: hidden !important;
                    overflow: hidden !important
                }
                .visible-md-up img {
                    display: none !important;
                    max-height: 0 !important;
                    overflow: hidden !important
                }
                .row .col-md-3,
                .row .col-md-4,
                .row .col-md-8,
                .row .col-md-6 {
                    display: block !important;
                    width: 100% !important
                }
                .row .col-md-3 .img-responsive,
                .row .col-md-4 .img-responsive,
                .row .col-md-8 .img-responsive,
                .row .col-md-6 .img-responsive {
                    width: 100% !important
                }
            }
        </style>
        <style>
            @charset "UTF-8"
        </style>
        <!-- These styles remain as they are  -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:500,300,300italic">
        <!--[if lte mso 12]>
    <style>
.hero img {width: 600px !important;}
.destination img {width: 270px !important;}

</style><![endif]-->
    </head>
<body style="background-color: #f1f1f1;">



    
    
        <span class="hidden" style="display: none !important; mso-hide: all; height: 0; max-height: 0; visibility: hidden; overflow: hidden;">Book a rental with the perfect view for the upcoming eclipse</span>
        <table class="body" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #f1f1f1; font-family: Helvetica, Arial, sans-serif, 'Roboto'; width: 100%;">
            <tr>
                <!--spacer-->
                <td class="spacer-left">&nbsp;</td>
                <!--main wrapper-->
                <td width="600">
                    <table class="homeaway_us page" cellpadding="0" cellspacing="0" border="0" width="100%">
                        <!-- HEADER-->
                        <tr>
                            <td>
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr class="header">
                                        <th align="left" style="padding: 10px 20px;">
                                            <a class="brand-logo" href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=147588&elqTrackId=9201e055f77f49eabccae949e4d9fa62&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                <table cellpadding="0" cellspacing="0" border="0">
                                                    <tr>
                                                        <td align="center">
                                                            <img src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/logos/homeaway_us.png" alt="HomeAway" width="165" style="border: none;">
                                                        </td>
                                                    </tr>
                                                </table>
                                            </a>
                                        </th>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!-- HERO IMAGE-->
                        <tr>
                            <td class="hero">
                                <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=147588&elqTrackId=3412b6057fa54019953f2d0d907e1baa&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                    <img class="img-600 img-responsive" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/eclipses-B/hero.gif" alt="" width="600" style="border: none; display: block; width: 100%;">
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <td class="card" align="center" style="background-color: white; border-bottom: 1px solid #E2E2E2; padding: 20px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" style="width: 90%;">
                                    <tr>
                                        <td class="text-center h3 eclipse-h3" style="text-align: center; color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 24px; font-weight: 600; line-height: 33px; padding-bottom: 10px;">Dire omen or great excuse to travel?</td>
                                    </tr>
                                    <tr>
                                        <td class="text-center p" style="text-align: center; color: #353E44; font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 16px; line-height: 22px; font-weight: 300;">On August 21, the first coast-to-coast total solar eclipse in 99 years will cut a diagonal path through the country. Book a spot with the best view now, or risk having to wait seven years for the next one.</td>
                                    </tr>
                                    <tr>
                                        <td class="text-center p" style="text-align: center; color: #353E44; font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 16px; line-height: 22px; font-weight: 300;"></td>
                                    </tr>
                                    <tr>
                                        <td class="btn btn-primary" align="center" style="width: 100%; padding-top: 20px;">
                                            <table cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td style="text-align: center; vertical-align: middle; display: block; font-size: 16px; font-weight: 500; line-height: 21px; min-height: 40px; border-radius: 50px; background-color: #ff8a00;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=147588&elqTrackId=e0a96114922740f898faca620d78308f&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none; padding: 10px 35px; display: block; border-radius: 50px; color: white; background-color: #ff8a00; border: 1px solid #ff8a00;">See all rentals</a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="spacer" style="padding-bottom: 5px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="card eclipse-title" align="center" style="background-color: white; border-bottom: 0px; padding: 20px 0; padding-bottom: 10px;">
                                <table cellpadding="0" cellspacing="0" border="0" style="width: 90%;">
                                    <tr>
                                        <td class="text-center h3" style="text-align: center; color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 24px; font-weight: 600; line-height: 33px;">Cities expecting to have a cloud-free view:</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="container-fluid destinations eclipse-dest" align="center" bgcolor="#ffffff" style="padding: 0px 10px 10px 10px; border-bottom: 1px solid #E2E2E2;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr>
                                        <th class="destination dest-image" valign="top" style="padding: 10px;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                <tr>
                                                    <td class="dest-title-eclipses" style="text-align: center; padding: 20px 0;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163539&elqTrackId=f989b462d7e14480ab598f7535ac70c9&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none; color: #2a6ebb;">St. Louis, MO &rsaquo;</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163539&elqTrackId=ad8a903a63f948808425eb4cfa8f5372&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                            <img class="img-responsive" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/eclipses-B/image-1.jpg" alt="Property thumbnail" width="270" style="border: none; display: block; width: 100%;">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </th>
                                        <th class="destination dest-image" valign="top" style="padding: 10px;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                <tr>
                                                    <td class="dest-title-eclipses" style="text-align: center; padding: 20px 0;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163538&elqTrackId=0fc42742bbb9450d91e7f6b0ebaf1d16&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none; color: #2a6ebb;">Boise, ID &rsaquo;</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163538&elqTrackId=2a631190b6d540c98167f6305cc30038&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                            <img class="img-responsive" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/eclipses-B/image-2.jpg" alt="Property thumbnail" width="270" style="border: none; display: block; width: 100%;">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </th>
                                    </tr>
                                    <tr>
                                        <th class="destination dest-image" valign="top" style="padding: 10px;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                <tr>
                                                    <td class="dest-title-eclipses" style="text-align: center; padding: 20px 0;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163537&elqTrackId=948112e77dce453cb4854dabbf8b129d&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none; color: #2a6ebb;">Chattanooga, TN &rsaquo;</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163537&elqTrackId=34cde17286e4436f8e87a6796477c3c6&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                            <img class="img-responsive" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/eclipses-B/image-3.jpg" alt="Property thumbnail" width="270" style="border: none; display: block; width: 100%;">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </th>
                                        <th class="destination dest-image" valign="top" style="padding: 10px;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                <tr>
                                                    <td class="dest-title-eclipses" style="text-align: center; padding: 20px 0;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163536&elqTrackId=affec63383f243d2adbf29d30e8ac081&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none; color: #2a6ebb;">Kansas City, MO &rsaquo;</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=163536&elqTrackId=8369edee4d2b4f73bece54eb7bcdf846&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                            <img class="img-responsive" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/eclipses-B/image-4.jpg" alt="Property thumbnail" width="270" style="border: none; display: block; width: 100%;">
                                                        </a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </th>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="spacer" style="padding-bottom: 5px;">&nbsp;</td>
                        </tr>
                        <!--Footer-->
                        <tr>
                            <td class="footer" align="center" style="padding: 0 20px 20px;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <!-- Social Links-->
                                    <tr>
                                        <td class="social" align="center">
                                            <table cellpadding="0" cellspacing="0" border="0" style="width: 50%;">
                                                <tr>
                                                    <td class="h4" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; line-height: 28px; color: #72787C; font-size: 16px; font-weight: 600; text-align: center;">Let's get social</td>
                                                </tr>
                                                <tr>
                                                    <td class="social-links" align="center" style="padding: 10px 0 20px;">
                                                        <table cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed;">
                                                            <tr>
                                                                <td class="social-icon" style="padding: 0 20px;">
                                                                    <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=8352&elqTrackId=e730c57cfdad43d6ba7356d845611410&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                                        <img class="facebook" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/social/facebook.png" alt="" width="11" style="border: none;">
                                                                    </a>
                                                                </td>
                                                                <td class="social-icon" style="padding: 0 20px;">
                                                                    <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=160736&elqTrackId=a5cd1213a1df4ab4ac15ba19c13c4d69&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                                        <img class="pinterest" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/social/pinterest.png" alt="" width="19" style="border: none;">
                                                                    </a>
                                                                </td>
                                                                <td class="social-icon" style="padding: 0 20px;">
                                                                    <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=85993&elqTrackId=7c7ad9bb18d84c7d80badb1cb9284603&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                                        <img class="twitter" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/social/twitter.png" alt="" width="24" style="border: none;">
                                                                    </a>
                                                                </td>
                                                                <td class="social-icon" style="padding: 0 20px;">
                                                                    <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=81137&elqTrackId=7fced1b2fe6e40ea8d27c9aedd31f5be&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                                        <img class="instagram" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/social/instagram.png" alt="" width="19" style="border: none;">
                                                                    </a>
                                                                </td>
                                                                <td class="social-icon" style="padding: 0 20px;">
                                                                    <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=160735&elqTrackId=9d66449e0cf344189326b0a072c2e55d&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                                        <img class="youtube" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/social/youtube.png" alt="" width="27" style="border: none;">
                                                                    </a>
                                                                </td>
                                                                <td class="social-icon" style="padding: 0 20px;">
                                                                    <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=149002&elqTrackId=dffaeeebfe324612a77cff2bb4a6f82c&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: none;">
                                                                        <img class="blog" src="https://s3.amazonaws.com/ha-design/campaign/2017/us/email/trv/postcard/07-july-week-345/social/blog.png" alt="" width="23" style="border: none;">
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="p small" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 12px; line-height: 17px; font-weight: 300; text-align: center; padding-bottom: 20px; color: #72787C;">
                                            <strong>&copy; 2017 HomeAway. All rights reserved.</strong>
                                            <br>HomeAway and the HomeAway logos are trademarks of HomeAway.com, Inc.
                                            <br>HomeAway.com, Inc. is located at 1011 West Fifth Street, Suite 300, Austin, Texas, 78703.</td>
                                    </tr>
                                    <tr>
                                        <td class="p small" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 12px; line-height: 17px; font-weight: 300; text-align: center; padding-bottom: 20px; color: #72787C;">This email was sent to
                                            coreyallan01@gmail.com. Please add us to your address book to ensure that you continue receiving HomeAway emails. This message may include advertisements.</td>
                                    </tr>
                                    <!-- LINKS-->
                                    <tr>
                                        <td class="links-container" align="center" style="padding-bottom: 20px;">
                                            <table cellpadding="0" border="0" cellspacing="0">
                                                <tr>
                                                    <th class="link-content" style="font-weight: 200; font-size: 12px;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=867&elqTrackId=1f9429d6846d4cd5aaeb321d2a2b5db6&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: underline;">View our Privacy Statement</a>
                                                    </th>
                                                    <th class="visible-sm-up" style="font-weight: 300; font-size: 12px;">&nbsp;|&nbsp;</th>
                                                    <th class="link-content" style="font-weight: 200; font-size: 12px;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=146816&elqTrackId=cf8b5af6815f4e47bc6c9cea1727adc0&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: underline;">FAQs &amp; Contact Us</a>
                                                    </th>
                                                    <th class="visible-sm-up" style="font-weight: 300; font-size: 12px;">&nbsp;|&nbsp;</th>
                                                    <th class="link-content" style="font-weight: 200; font-size: 12px;">
                                                        <a href="#" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: underline;">Unsubscribe</a>
                                                    </th>
                                                    <th class="visible-sm-up" style="font-weight: 300; font-size: 12px;">&nbsp;|&nbsp;</th>
                                                    <th class="link-content" style="font-weight: 200; font-size: 12px;">
                                                        <a href="http://app.mailaway.homeaway.com/e/er?s=225508597&lid=868&elqTrackId=9089221e8f93402f9acef2f1c95e067f&elq=07877f007f784834bd1a49a827a5da49&elqaid=35034&elqat=1&utm_campaign=HAUS_TRV_35389_ACQ_REC_%20ABT1564%28B%29_OTH_1707&utm_medium=email&utm_source=Adhoc&haExternalSourceId=07877f007f784834bd1a49a827a5da49" target="_blank" style="color: #2a6ebb; font-family: Helvetica, Arial, sans-serif, 'Roboto'; text-decoration: underline;">Terms &amp; Conditions</a>
                                                    </th>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="p small" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; font-size: 12px; line-height: 17px; font-weight: 300; text-align: center; padding-bottom: 20px; color: #72787C;">If this email does not display correctly, please
                                            <a href="#" style="font-family: Helvetica, Arial, sans-serif, 'Roboto'; color: #2a6ebb; text-decoration: underline;">click&nbsp;here</a>.</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
                <!--spacer-->
                <td class="spacer-right">&nbsp;</td>
            </tr>
        </table>
    


            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console