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.

            
              <head></head>

<body>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">

  <title>Hotel Drisco - Your Upcoming Stay</title>

  <style type="text/css">
    body {
      background-color: #ffffff;
      margin: 0;
      padding: 0;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    table {
      border-collapse: collapse;
      margin: 0px auto;
    }

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

    .ReadMsgBody {
      width: 100%;
      background-color: #ffffff;
    }

    .ExternalClass,
    .ExternalClass* {
      width: 100%;
      background-color: #ffffff;
      line-height: 100%;
    }

    td.hyperlinks1 a {
      color: #222222 !important;
    }

    td.hyperlinks2 a {
      color: #ffffff !important;
    }

    @media only screen and (max-width: 620px) {
      .container {
        min-width: 100% !important;
        width: 100% !important;
      }
      .deviceWidth {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0px;
        display: -moz-inline-stack;
      }
      .center {
        text-align: center !important;
      }
      .clearpadding {
        padding: 0px 0px !important
      }
      .paddingadjust {
        padding: 10px 20px 20px 20px !important
      }
      .adjustpadding {
        padding: 20px 20px 10px 20px !important
      }
      .addpaddingbottom {
        padding: 0px 0px 20px 0px !important;
      }
      .hide {
        display: none;
      }
      td.imagecontainer img {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
      }
    }
  </style>

  <div style="font-family: Helvetica, Arial, sans-serif; background-color: #ffffff;" yahoo="fix" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">

    <!--[if gte mso 9]>
<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
<v:fill type="tile" src="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_PreArrival_Background2.jpg" color="#f9f5ec"/>
</v:background>
<![endif]-->

    <!--======== WRAPPER ===========-->
    <table class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
      <tbody>
        <tr>
          <td background="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_PreArrival_Background2.jpg" valign="top" width="100%">

            <!-- Header -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr>
                  <td>

                    <!-- Container -->
                    <table class="deviceWidth" style="width: 600px; min-width: 600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                      <tbody>
                        <tr>
                          <td width="100%">

                            <!-- Content -->
                            <table class="deviceWidth" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                              <tbody>
                                <tr>
                                  <td width="100%">

                                    <!-- Email Intro Text -->
                                    <table class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0" width="425">
                                      <tbody>
                                        <tr>
                                          <td class="center" style="padding: 10px 0px; text-align: center; color: #222222; line-height: 20px; font-family: times, times new roman, serif; font-size: 12px; vertical-align: middle;" width="425">

                                            Hotel Drisco Reservations</td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <!-- End Email Intro Text -->

                                    <!-- End Nav -->
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <!-- End content -->

                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- End Container -->

                  </td>
                </tr>
              </tbody>
            </table>
            <!-- End Header -->

            <!-- Main Content Section -->
            <table class="container" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr>
                  <td style="padding: 0px 0px;">

                    <!-- Container -->
                    <table class="deviceWidth" style="width: 600px; min-width: 600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                      <tbody>
                        <tr>
                          <td width="100%">

                            <!-- Content -->
                            <table class="deviceWidth" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                              <tbody>

                                <!----------------------------- LOGO BAR ------------------------------------>
                                <tr>
                                  <td>

                                    <!-- Logo -->
                                    <table class="deviceWidth" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="600">
                                      <tbody>
                                        <tr>
                                          <td class="center" style="padding: 10px 0px; text-align: center;" valign="top" width="600">

                                            <a href="https://hoteldrisco.com/?ContactID=41288359004" target="_blank"><img alt="Logo" src="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_UpdatedLogo.png" border="0" width="125"></a>

                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <!-- End Logo -->

                                  </td>
                                </tr>
                                <!----------------------------- END LOGO BAR ------------------------------------>

                                <!----------------------------- FULL WIDTH IMAGE ------------------------------------>
                                <tr>
                                  <td style="padding-top: 2px;" class="imagecontainer" bgcolor="#ffffff" width="100%">

                                    <p style="mso-table-lspace:0;mso-table-rspace:0; margin:0">
                                      <a href="https://hoteldrisco.com/?ContactID=41288359004" target="_blank">
<img style="width: 600px; display: block; max-width: 100%;" alt="" src="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_PreArrival_MainImageUpdated2.jpg" border="0" width="600"></a>
                                    </p>

                                  </td>
                                </tr>
                                <!----------------------------- END FULL WIDTH IMAGE------------------------------------>

                                <tr>
                                  <td class="devicewidth" align="center" bgcolor="#ffffff" valign="top" width="600">

                                    <img src="https://www.thenavisway.com/Narrowcast/imagelibrary/14831/TMR_bottomshadow.png" alt="" style="width: 600px;" class="devicewidth" border="0" width="600">

                                  </td>
                                </tr>

                                <!----------------------------- HEADLINE BAR ------------------------------------>
                                <tr>
                                  <td bgcolor="#ffffff" class="paddingadjust1" style="text-decoration: none; text-align:center; font-size: 20px; color: #69923A; letter-spacing: 1px; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 20px 30px 10px 30px; font-weight: bold; ">WE ARE LOOKING FORWARD TO SEEING YOU!
                                  </td>
                                </tr>
                                <!----------------------------- END HEADLINE BAR ------------------------------------>

                                <!----------------------------- SPACER ------------------------------------>
                                <tr>
                                  <td style="padding: 0px 0px 0px 0px;" bgcolor="#ffffff">

                                    <table border="0" cellpadding="0" cellspacing="0" width="500" class="devicewidth">
                                      <tbody>
                                        <tr>
                                          <td style="line-height: 1px; font-size: 1px;" height="1" width="20">&nbsp;</td>
                                          <td style="line-height: 1px; font-size: 1px;" height="1" bgcolor="#dddddd">&nbsp;</td>
                                          <td style="line-height: 1px; font-size: 1px;" height="1" width="20">&nbsp;</td>
                                        </tr>
                                      </tbody>
                                    </table>

                                  </td>
                                </tr>
                                <!----------------------------- END SPACER ------------------------------------>

                                <!----------------------------- ONE COLUMN TEXT ------------------------------------>
                                <tr>
                                  <td bgcolor="#FFFFFF">
                                    <table style="width: 500px;" class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0" width="500">
                                      <tbody>
                                        <tr>
                                          <td style="padding: 20px 20px 30px; text-align: left; color: #222222; line-height: 22px; font-family: times, times new roman, serif; font-size: 15px; font-weight: normal; vertical-align: top;" bgcolor="#ffffff">

                                            Dear Smiles Davis,<br><br> It's almost time for your stay at the Hotel Drisco! In advance of your arrival, our concierge team would be pleased to answer any questions you have, recommend activities and make dining
                                            reservations for your upcoming stay. Email us at <a href="mailto:concierge@hoteldrisco.com" style=" color: #69923A; font-weight: bold;" target="_blank">concierge@hoteldrisco.com</a> or call us at <a href="tel:4153462880"
                                              style=" color: #222222; text-decoration: none;" target="_blank">(415) 346-2880</a> and we would be happy to assist.

                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>

                                <tr>
                                  <td bgcolor="#FFFFFF">
                                    <table style="width: 500px;" class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0" width="500">
                                      <tbody>
                                        <tr>
                                          <td bgcolor="#f2f2f2" class="center" style="font-size: 24px; line-height: 24px; color: #69923A; letter-spacing: 1px; font-weight: bold; text-align: center; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; vertical-align: top; padding:30px 40px 10px 40px;">
                                            RESERVATION DETAILS
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>

                                <tr>
                                  <td bgcolor="#FFFFFF" style="padding: 0px 0px 0px 0px;" width="500">

                                    <table class="devicewidth" align="center" bgcolor="#efeeea" border="0" cellpadding="0" cellspacing="0" width="500">
                                      <tbody>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="#ffffff" width="200"><strong>Reservation Number:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="#ffffff" width="400">65000500
                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="#f2f2f2" width="200"><strong>Guest Name:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="#f2f2f2" width="400">Smiles Davis
                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="#ffffff" width="200"><strong>Arrival Date:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="#ffffff" width="400">Tuesday, May 08, 2018
                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="#f2f2f2" width="200"><strong>Departure Date:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="#f2f2f2" width="400">Friday, May 11, 2018
                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="#ffffff" width="200"><strong>Number of Nights:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="#ffffff" width="400">3<br></td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="f2f2f2" width="200"><strong>Number of Adults:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="f2f2f2" width="400">1
                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; padding: 5px 20px 5px 20px;" bgcolor="#ffffff" width="200"><strong>Number of Children:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="#ffffff" width="400">0
                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; width: 200px; line-height: 22px; vertical-align: top; padding: 5px 20px 5px 20px;" bgcolor="f2f2f2"
                                            width="200"><strong>Rate Conditions:</strong></td>
                                          <td style="font-size: 14px; color: #222222; font-weight: regular; text-align: left; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; padding: 5px 20px 5px 0px; line-height: 22px;" bgcolor="f2f2f2" width="400">Cancellations made within 24 hours of arrival are subject to a fee of the first night room rate and tax.
                                          </td>
                                        </tr>

                                      </tbody>
                                    </table>

                                  </td>
                                </tr>

                                <tr>
                                  <td bgcolor="#FFFFFF">
                                    <table style="width: 500px;" class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0" width="500">
                                      <tbody>
                                        <tr>
                                          <td style="text-decoration: none; line-height: 16px; font-size: 12px; font-style: italic; color: #222222; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; text-align: center; vertical-align: top; padding:10px 20px 30px 20px;" bgcolor="#ffffff">This reservation is guaranteed for late arrival.
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>

                                <tr>
                                  <td bgcolor="#FFFFFF">

                                    <table class="devicewidth" align="center" border="0" cellpadding="0" cellspacing="0" width="500">
                                      <tbody>

                                        <tr>
                                          <td align="center" valign="top" class="imagecontainer" width="323">

                                            <a target="_blank" href="https://hoteldrisco.com/neighborhood?ContactID=41288359004"><img src="https://www.thenavisway.com/Narrowcast/imagelibrary/15467/Drisco_PreArrival_AmenitiesImage.jpg" alt="" style="width: 500px;" border="0" width="500"></a>
                                          </td>
                                        </tr>

                                        <tr>
                                          <td bgcolor="#f2f2f2" class="center" style="text-decoration: none; font-size: 20px; color: #69923A; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; letter-spacing: 1px; text-align: center; line-height: 22px; font-weight: bold; vertical-align: bottom; padding:20px 0px 10px 0px;"
                                            height="30">Amenities
                                          </td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#f2f2f2" style="font-size: 15px; color: #222222; font-weight: normal; text-align: center; font-family: times, times new roman, serif; vertical-align: top; padding:0px 20px 10px 20px; line-height: 22px;">
                                            Hotel Drisco offers a gourmet extended continental breakfast each morning as well as an evening wine reception with artisan cheeses, charcuterie, fruit and hot hors d'oeuvres. Coffee and tea are available 24 hours a day in the Sitting Room, with handmade
                                            biscotti served at 3pm.
                                          </td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#f2f2f2" style="text-align:left; padding: 0px 0px 10px 0px;" align="center">

                                            <table class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0">
                                              <tbody>
                                                <tr>
                                                  <td style=" text-align:center; padding: 10px 0px 20px 0px; vertical-align: top;">

                                                    <!-- EXPANDABLE BUTTON START -->
                                                    <table style="height:25px;" height="25" align="center" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody>
                                                        <tr>
                                                          <td style="border-radius:5px; height:25px;" height="25" align="center" bgcolor="#263F6A">

                                                            <a target="_blank" href="https://hoteldrisco.com/services-and-amenities?ContactID=41288359004" style="color:#ffffff; display:inline-block; line-height:25px; height:25px; font-size:14px; text-align:center; text-decoration:none; text-align: center; font-family: times, times new roman, serif; font-weight:bold;">

&nbsp;&nbsp;&nbsp;&nbsp;CLICK TO EXPLORE&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;
</a>
                                                          </td>
                                                        </tr>
                                                      </tbody>
                                                    </table>
                                                    <!-- EXPANDABLE BUTTON END -->

                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

                                          </td>
                                        </tr>

                                        <tr>
                                          <td align="center" valign="top" style="padding-top: 20px;" class="imagecontainer" width="323">

                                            <a target="_blank" href="https://hoteldrisco.com/neighborhood?ContactID=41288359004"><img src="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_PreArrival_NeighborhoodImage2.jpg" alt="" style="width: 500px;" border="0" width="500"></a>
                                          </td>
                                        </tr>

                                        <tr>
                                          <td bgcolor="#f2f2f2" class="center" style="text-decoration: none; font-size: 20px; color: #69923A; font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; letter-spacing: 1px; text-align: center; line-height: 22px; font-weight: bold; vertical-align: bottom; padding:20px 0px 10px 0px;"
                                            height="30">Explore the Neighborhood
                                          </td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#f2f2f2" style="font-size: 15px; color: #222222; font-weight: normal; text-align: center; font-family: times, times new roman, serif; vertical-align: top; padding:0px 20px 10px 20px; line-height: 22px;">
                                            Pacific Heights is known as one of San Francisco's most charming neighborhoods. Attractions, shopping, and dining await you in the nearby districts.
                                          </td>
                                        </tr>
                                        <tr>
                                          <td bgcolor="#f2f2f2" style="text-align:left; padding: 0px 0px 10px 0px;" align="center">

                                            <table class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0">
                                              <tbody>
                                                <tr>
                                                  <td style=" text-align:center; padding: 10px 0px 0px 0px; vertical-align: top;">

                                                    <!-- EXPANDABLE BUTTON START -->
                                                    <table style="height:25px;" height="25" align="center" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody>
                                                        <tr>
                                                          <td style="border-radius:5px; height:25px;" height="25" align="center" bgcolor="#263F6A">

                                                            <a target="_blank" href="https://hoteldrisco.com/neighborhood?ContactID=41288359004" style="color:#ffffff; display:inline-block; line-height:25px; height:25px; font-size:14px; text-align:center; text-decoration:none; text-align: center; font-family: times, times new roman, serif; font-weight:bold;">

&nbsp;&nbsp;&nbsp;&nbsp;CLICK TO EXPLORE&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;
</a>
                                                          </td>
                                                        </tr>
                                                      </tbody>
                                                    </table>
                                                    <!-- EXPANDABLE BUTTON END -->

                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

                                          </td>
                                        </tr>

                                        <tr>
                                          <td bgcolor="#f2f2f2" style="text-align:left; padding: 0px 0px 10px 0px;" align="center">

                                            <table class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0">
                                              <tbody>
                                                <tr>
                                                  <td style=" text-align:center; padding: 0px 0px 10px 0px; vertical-align: top;">

                                                    <!-- EXPANDABLE BUTTON START -->
                                                    <table style="height:25px;" height="25" align="center" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody>
                                                        <tr>
                                                          <td style="border-radius:5px; height:25px;" height="25" align="center" bgcolor="#f2f2f2">

                                                            <a target="_blank" href="http://be478d95e8aa404656c1-d983ce57e4c84901daded0f67d5a004f.r11.cf1.rackcdn.com/hotel-drisco-pacific-heights/media/Hotel%20Drisco%20Introduction%20Guide%20081117-598e398c8db98.pdf?ContactID=41288359004" style="color:#69923A; display:inline-block; line-height:25px; height:25px; font-size:14px; text-align:center; text-decoration:none; text-align: center; font-family: times, times new roman, serif; font-weight:bold;">&nbsp;&nbsp;&nbsp;&nbsp;DOWNLOAD OUR EXPERIENCE GUIDE&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                                          </td>
                                                        </tr>
                                                      </tbody>
                                                    </table>
                                                    <!-- EXPANDABLE BUTTON END -->

                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>

                                          </td>
                                        </tr>

                                        <tr>
                                          <td style="padding:20px 0px 0px 0px;" bgcolor="#ffffff">

                                            <table class="devicewidth" align="center" border="0" cellpadding="0" cellspacing="0" width="500">
                                              <tbody>

                                                <tr>
                                                  <td bgcolor="#ffffff" style="text-align:left; padding: 0px 0px 0px 0px; background-position: center; background-repeat: no-repeat;" align="center" background="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_PreArrival_GettingHereImage3.jpg"
                                                    valign="middle" width="48%">

                                                    <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:240px;height:200px;vertical-align: middle;">
        <v:fill type="tile" src="https://www.thenavisway.com/Narrowcast/imagelibrary/15467/Drisco_PreArrival_GettingHere_Image.jpg"/>
        <v:textbox inset="0,0,0,0">
      <![endif]-->
                                                    <div>

                                                      <table height="200" class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0">
                                                        <tbody>
                                                          <tr>
                                                            <td valign="middle" style="text-align:center; padding: 0px 0px 0px 0px; vertical-align: middle; height: 200px;" height="200">

                                                              <!-- EXPANDABLE BUTTON START -->
                                                              <table align="center" style=" vert" border="0" cellpadding="0" cellspacing="0">
                                                                <tbody>
                                                                  <tr>
                                                                    <td valign="middle" style="border-radius:5px; padding: 8px; vertical-align:middle;" align="center" bgcolor="#263F6A">

                                                                      <a target="_blank" href="https://hoteldrisco.com/hotel/getting-here?ContactID=41288359004" style="color:#ffffff; display:inline-block; line-height:12px; font-size:14px; text-align:center; text-decoration:none; font-family: times, times new roman, serif; font-weight:bold;">

&nbsp;&nbsp;&nbsp;&nbsp;GETTING HERE&nbsp;&nbsp;&nbsp;&nbsp;
</a>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                                                              </table>
                                                              <!-- EXPANDABLE BUTTON END -->

                                                            </td>
                                                          </tr>
                                                        </tbody>
                                                      </table>

                                                    </div>

                                                    <!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->

                                                  </td>

                                                  <!-- End Image -->

                                                  <td width="4%">&nbsp;
                                                  </td>

                                                  <!-- Image -->

                                                  <td bgcolor="#ffffff" style="text-align:left; padding: 0px 0px 0px 0px; background-position: center; background-repeat: no-repeat;" align="center" background="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_SC_PreArrival_WeatherImage2.jpeg"
                                                    valign="middle" width="48%">

                                                    <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:240px;height:200px;vertical-align: middle;">
        <v:fill type="tile" src="https://www.thenavisway.com/Narrowcast/imagelibrary/15467/Drisco_PreArrival_Weather_Image.jpg"/>
        <v:textbox inset="0,0,0,0">
      <![endif]-->
                                                    <div>

                                                      <table height="200" class="deviceWidth" align="center" border="0" cellpadding="0" cellspacing="0">
                                                        <tbody>
                                                          <tr>
                                                            <td style="text-align:center; height: 200px; padding: 0px 0px 0px 0px; vertical-align: middle;" height="200">

                                                              <!-- EXPANDABLE BUTTON START -->
                                                              <table align="center" border="0" cellpadding="0" cellspacing="0">
                                                                <tbody>
                                                                  <tr>
                                                                    <td style="border-radius:5px; padding: 8px;" align="center" bgcolor="#263F6A">

                                                                      <a target="_blank" href="https://weather.com/weather/today/l/94115:4:US?ContactID=41288359004" style="color:#ffffff; display:inline-block; line-height:12px; font-size:14px; text-align:center; text-decoration:none; font-family: times, times new roman, serif; font-weight:bold;">

&nbsp;&nbsp;&nbsp;WEATHER&nbsp;&nbsp;&nbsp;
</a>
                                                                    </td>
                                                                  </tr>
                                                                </tbody>
                                                              </table>
                                                              <!-- EXPANDABLE BUTTON END -->

                                                            </td>
                                                          </tr>
                                                        </tbody>
                                                      </table>

                                                    </div>

                                                    <!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->

                                                  </td>
                                                </tr>

                                                <!-- End Image -->

                                              </tbody>
                                            </table>

                                          </td>
                                        </tr>

                                        <tr>
                                          <td>
                                            <table class="devicewidth" align="center" border="0" cellpadding="0" cellspacing="0" width="500">
                                              <tbody>

                                                <!----------------------------- END 2 IMAGES & TEXT SIDE BY SIDE ------------------------------------>

                                                <tr>
                                                  <td style="padding: 30px 20px 0px 20px; text-align: left; color: #222222; line-height: 22px; font-family: times, times new roman, serif; font-size: 15px; font-weight: normal; vertical-align: top;" bgcolor="#FFFFFF">
                                                    Please do not hesitate to let us know how we may enhance your San Francisco experience. Simply call us at <a href="tel:4153462880" style="text-decoration: none; color: #222222;" target="_blank">(415) 346-2880</a>,
                                                    or email us at <a href="mailto:reservations@hoteldrisco.com" style=" color: #69923A; font-weight: bold;" target="_blank">reservations@hoteldrisco.com</a>.<br><br> Kind regards,

                                                  </td>
                                                </tr>

                                                <tr>
                                                  <td bgcolor="#ffffff" style="font-size: 14px; line-height: 24px; color: #333333; font-weight: normal; text-align: left; font-family:Arial, sans-serif; vertical-align: top; padding:10px 0px 5px 20px;">
                                                    <img src="https://www.thenavisway.com/Narrowcast/ImageLibrary/15466/Drisco_SC_JohnSpear_Signature.png" width="130" alt="" style="width:130">
                                                  </td>
                                                </tr>

                                                <tr>
                                                  <td bgcolor="#ffffff" style="font-size: 15px; line-height: 22px; color: #222222; font-weight: normal; text-align: left; font-family: times, times new roman, serif; vertical-align: top; padding:0px 20px 50px 20px;">
                                                    John Spear<br> General Manager<br><br> Hotel Drisco<br> 2901 Pacific Avenue<br> San Francisco, CA 94115
                                                  </td>
                                                </tr>

                                                <!----------------------------- END ONE COLUMN TEXT ------------------------------------>

                                              </tbody>
                                            </table>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>

                                  </td>
                                </tr>

                                <!----------------------------- FOOTER ------------------------------------>
                                <tr>
                                  <td bgcolor="#263F6A">

                                    <table class="deviceWidth" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
                                      <tbody>
                                        <tr>
                                          <td class="center" style="padding: 25px 0px 0px 20px ; text-align: left; color: #333333; line-height: 26px; font-family: Century Gothic, Arial, sans-serif; font-size: 16px; font-weight: normal; vertical-align: top;" valign="top" width="600">

                                            <a href="https://hoteldrisco.com/?ContactID=41288359004" target="_blank"><img alt="Alt Text" src="https://www.thenavisway.com/Narrowcast/imagelibrary/15467/HotelDrisco_Logo2.png" border="0" width="150"></a>

                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>

                                    <!-- SM & Logo -->
                                    <table class="deviceWidth" align="right" border="0" cellpadding="0" cellspacing="0" width="290">
                                      <tbody>
                                        <tr>
                                          <td class="center" style="padding: 15px 20px 15px 20px; text-align: right; color: #333333; line-height: 20px; font-family: times, times new roman, serif; font-size: 16px; font-weight: normal; vertical-align: top;" valign="top" width="600">

                                            <a href="https://www.facebook.com/pages/Hotel-Drisco/95880922917?ref=sgm&amp;ContactID=41288359004" target="_blank"><img src="https://www.thenavisway.com/Narrowcast/imagelibrary/14831/facebookicon.png" alt="" height="25" border="0" width="25"></a>&nbsp;
                                            <a href="https://plus.google.com/110474429338183426855?ContactID=41288359004" target="_blank"><img src="https://www.thenavisway.com/Narrowcast/ImageLibrary/15467/Drisco_GoogleIcon.png" alt="" height="25" border="0" width="25"></a>&nbsp;
                                            <a href="https://twitter.com/HotelDrisco?ContactID=41288359004" target="_blank"><img src="https://www.thenavisway.com/Narrowcast/imagelibrary/14831/twittericon.png" alt="" height="25" border="0" width="25"></a>

                                            <br>
                                            <span style="color: #ffffff; line-height: 16px; font-size: 11px;"><a style="color: #ffffff; text-decoration: none;" href="https://hoteldrisco.com/?ContactID=41288359004" target="_blank"> www.hoteldrisco.com</a><br>(800) 634-7277

</span>

                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <!-- End SM & Logo -->

                                  </td>
                                </tr>
                                <!----------------------------- END FOOTER ------------------------------------>

                                <!----------------------------- END ONE COLUMN TEXT ------------------------------------>

                                <tr>
                                  <td class="devicewidth" align="center" valign="top" width="270">

                                    <img src="https://www.thenavisway.com/Narrowcast/imagelibrary/14831/TMR_bottomshadow.png" class="devicewidth" alt="" style="width: 600px;" border="0" width="600">

                                  </td>
                                </tr>

                                <!----------------------------- END 2 IMAGES & TEXT SIDE BY SIDE ------------------------------------>

                              </tbody>
                            </table>
                            <!-- End content -->

                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- End Container -->

                  </td>
                </tr>
              </tbody>
            </table>
            <!-- End Main Content Section -->

            <!-- Footer -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr>
                  <td>

                    <!-- Container -->
                    <table class="deviceWidth" style="width: 600px; min-width: 600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                      <tbody>
                        <tr>
                          <td width="100%">

                            <!-- Content -->
                            <table class="deviceWidth" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                              <tbody>
                                <tr>
                                  <td style="padding: 10px 20px 20px; text-align: center; color: #222222; font-family: times, times new roman, serif; font-size: 12px; text-decoration: none;" width="100%">This email was sent to: hello@SmilesDavis.yeah<br><br>

                                    <a style="color: #222222;" href="#" target="_blank">Unsubscribe</a>                                    |
                                    <a style="color: #222222;" href="#" target="_blank">Update Profile</a><br>                                    This email was sent by: Hotel Drisco<br> 2901 Pacific Avenue San Francisco, CA United States 94115
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <!-- End content -->

                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- End Container -->

                  </td>
                </tr>
              </tbody>
            </table>
            <!-- End Footer -->

          </td>
        </tr>
      </tbody>
    </table>
    <!--======== END WRAPPER ===========-->
  </div>

</body>
            
          
!
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