Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

<body style="min-width:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;width:100% !important">
  <div class="preheader" style="visibility:hidden;opacity:0;color:transparent;height:0;width:0;font-size:0px;mso-hide:all;display:none !important">A day-to-day itinerary of things to do</div>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <style data-roadie-ignore="" data-immutable="true" type="text/css">
    /*Light*/

    @font-face {
      font-family: 'Cereal';
      font-style: normal;
      font-weight: 200;
      src: url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Lt-61d38480cfdf1dfc73d6bd0f459b3e10.eot");
      src: url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Lt-61d38480cfdf1dfc73d6bd0f459b3e10.eot?#") format("eot"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Lt-4f51497e2f6db6e72599a1f2f484eb7e.woff") format("woff"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Lt-919ae0b65de2f8c6204ec57daeceb9e9.woff2") format("woff2"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Lt-ef243dd05072c5987d3abcbe00581224.ttf") format("truetype");
    }

    /*Regular*/

    @font-face {
      font-family: 'Cereal';
      font-style: normal;
      font-weight: 300;
      src: url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Rg-909a75677f1cbf6e66c8811e6d39441a.eot");
      src: url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Rg-909a75677f1cbf6e66c8811e6d39441a.eot?#") format("eot"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Rg-391ee76d399e20117aade2ce1f7e196e.woff") format("woff"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Rg-3ff4006ded0500d605d6eff88ccc59f8.woff2") format("woff2"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Rg-190a6e02b3b3d6cfaf3bbe887349adad.ttf") format("truetype");
    }

    /*Medium*/

    @font-face {
      font-family: 'Cereal';
      font-style: normal;
      font-weight: 500;
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Md-ff8747694c95295917ef4c60c2bb6bce.eot");
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Md-ff8747694c95295917ef4c60c2bb6bce.eot?#") format("eot"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Md-b9bb7e6d20007be4b0caa86ea7fbd906.woff") format("woff"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Md-dec1db4a099dd1761f19bbe3088de0c8.woff2") format("woff2"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Md-2f25e87279c9c202ebf384fae79ac376.ttf") format("truetype");
    }

    /*Bold*/

    @font-face {
      font-family: 'Cereal';
      font-style: normal;
      font-weight: 700;
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bd-7b4c5f071be2fb695c04a1af3a1e0616.eot");
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bd-7b4c5f071be2fb695c04a1af3a1e0616.eot?#") format("eot"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bd-20d7bff68cfbfa449bd9601275d29996.woff") format("woff"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bd-32afa6b67d060b665623bbc48ce00187.woff2") format("woff2"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bd-943ebbaff21543f9115cf46427213a47.ttf") format("truetype");
    }

    /*XBold*/

    @font-face {
      font-family: 'Cereal';
      font-style: normal;
      font-weight: 800;
      src: url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_XBd-170530db17719eb719c2f03f8ac2a94d.eot");
      src: url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_XBd-170530db17719eb719c2f03f8ac2a94d.eot?#") format("eot"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_XBd-3aea49864b40db534f43dc271460baba.woff") format("woff"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_XBd-66f244ea0cd79026250a9ba89a47a7aa.woff2") format("woff2"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_XBd-5d879965b6ea4ac2a31b41647c283433.ttf") format("truetype");
    }

    /*Black*/

    @font-face {
      font-family: 'Cereal';
      font-style: normal;
      font-weight: 900;
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-5e8fbee9505fc68a77d714aa35aee405.eot");
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-5e8fbee9505fc68a77d714aa35aee405.eot?#") format("eot"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-36f3fbaecfd0e0f82e83f28a466ce425.woff") format("woff"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-eed38b780704d1a3acbdb4ed930f6cdf.woff2") format("woff2"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-a7f958b92f5a7555e9a6d5755e026c6b.ttf") format("truetype");
    }

    @font-face {
      font-family: 'Cereal Black';
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-5e8fbee9505fc68a77d714aa35aee405.eot");
      src: url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-5e8fbee9505fc68a77d714aa35aee405.eot?#") format("eot"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-36f3fbaecfd0e0f82e83f28a466ce425.woff") format("woff"),
      url("https://a1.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-eed38b780704d1a3acbdb4ed930f6cdf.woff2") format("woff2"),
      url("https://a0.muscache.com/airbnb/rookery/fonts/Cereal/Cereal_W_Bk-a7f958b92f5a7555e9a6d5755e026c6b.ttf") format("truetype");
    }
  </style>

  <style data-roadie-ignore="" data-immutable="true">
    @media only screen and (max-width: 596px) {
      .small-float-center {
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
      }
      .small-text-center {
        text-align: center !important;
      }
      .small-text-left {
        text-align: left !important;
      }
      .small-text-right {
        text-align: right !important;
      }
    }

    @media only screen and (max-width: 596px) {
      table.body table.container .hide-for-large {
        display: block !important;
        width: auto !important;
        overflow: visible !important;
        max-height: none !important;
      }
    }

    @media only screen and (max-width: 596px) {
      table.body table.container .row.hide-for-large,
      table.body table.container .row.hide-for-large {
        display: table !important;
        width: 100% !important;
      }
    }

    @media only screen and (max-width: 596px) {
      table.body table.container .show-for-large {
        display: none !important;
        width: 0;
        mso-hide: all;
        overflow: hidden;
      }
    }

    @media only screen and (max-width: 596px) {
      table.body img {
        width: auto !important;
        height: auto !important;
      }
      table.body center {
        min-width: 0 !important;
      }
      table.body .container {
        width: 95% !important;
      }
      table.body .columns,
      table.body .column {
        height: auto !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      table.body .columns .column,
      table.body .columns .columns,
      table.body .column .column,
      table.body .column .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .columns .column.nested,
      table.body .columns .columns.nested,
      table.body .column .column.nested,
      table.body .column .columns.nested {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      table.body .collapse .columns,
      table.body .collapse .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      td.small-1,
      th.small-1 {
        display: inline-block !important;
        width: 8.33333% !important;
      }
      td.small-2,
      th.small-2 {
        display: inline-block !important;
        width: 16.66667% !important;
      }
      td.small-3,
      th.small-3 {
        display: inline-block !important;
        width: 25% !important;
      }
      td.small-4,
      th.small-4 {
        display: inline-block !important;
        width: 33.33333% !important;
      }
      td.small-5,
      th.small-5 {
        display: inline-block !important;
        width: 41.66667% !important;
      }
      td.small-6,
      th.small-6 {
        display: inline-block !important;
        width: 50% !important;
      }
      td.small-7,
      th.small-7 {
        display: inline-block !important;
        width: 58.33333% !important;
      }
      td.small-8,
      th.small-8 {
        display: inline-block !important;
        width: 66.66667% !important;
      }
      td.small-9,
      th.small-9 {
        display: inline-block !important;
        width: 75% !important;
      }
      td.small-10,
      th.small-10 {
        display: inline-block !important;
        width: 83.33333% !important;
      }
      td.small-11,
      th.small-11 {
        display: inline-block !important;
        width: 91.66667% !important;
      }
      td.small-12,
      th.small-12 {
        display: inline-block !important;
        width: 100% !important;
      }
      .columns td.small-12,
      .column td.small-12,
      .columns th.small-12,
      .column th.small-12 {
        display: block !important;
        width: 100% !important;
      }
      .body .columns td.small-1,
      .body .column td.small-1,
      td.small-1 center,
      .body .columns th.small-1,
      .body .column th.small-1,
      th.small-1 center {
        display: inline-block !important;
        width: 8.33333% !important;
      }
      .body .columns td.small-2,
      .body .column td.small-2,
      td.small-2 center,
      .body .columns th.small-2,
      .body .column th.small-2,
      th.small-2 center {
        display: inline-block !important;
        width: 16.66667% !important;
      }
      .body .columns td.small-3,
      .body .column td.small-3,
      td.small-3 center,
      .body .columns th.small-3,
      .body .column th.small-3,
      th.small-3 center {
        display: inline-block !important;
        width: 25% !important;
      }
      .body .columns td.small-4,
      .body .column td.small-4,
      td.small-4 center,
      .body .columns th.small-4,
      .body .column th.small-4,
      th.small-4 center {
        display: inline-block !important;
        width: 33.33333% !important;
      }
      .body .columns td.small-5,
      .body .column td.small-5,
      td.small-5 center,
      .body .columns th.small-5,
      .body .column th.small-5,
      th.small-5 center {
        display: inline-block !important;
        width: 41.66667% !important;
      }
      .body .columns td.small-6,
      .body .column td.small-6,
      td.small-6 center,
      .body .columns th.small-6,
      .body .column th.small-6,
      th.small-6 center {
        display: inline-block !important;
        width: 50% !important;
      }
      .body .columns td.small-7,
      .body .column td.small-7,
      td.small-7 center,
      .body .columns th.small-7,
      .body .column th.small-7,
      th.small-7 center {
        display: inline-block !important;
        width: 58.33333% !important;
      }
      .body .columns td.small-8,
      .body .column td.small-8,
      td.small-8 center,
      .body .columns th.small-8,
      .body .column th.small-8,
      th.small-8 center {
        display: inline-block !important;
        width: 66.66667% !important;
      }
      .body .columns td.small-9,
      .body .column td.small-9,
      td.small-9 center,
      .body .columns th.small-9,
      .body .column th.small-9,
      th.small-9 center {
        display: inline-block !important;
        width: 75% !important;
      }
      .body .columns td.small-10,
      .body .column td.small-10,
      td.small-10 center,
      .body .columns th.small-10,
      .body .column th.small-10,
      th.small-10 center {
        display: inline-block !important;
        width: 83.33333% !important;
      }
      .body .columns td.small-11,
      .body .column td.small-11,
      td.small-11 center,
      .body .columns th.small-11,
      .body .column th.small-11,
      th.small-11 center {
        display: inline-block !important;
        width: 91.66667% !important;
      }
      table.body td.small-offset-1,
      table.body th.small-offset-1 {
        margin-left: 8.33333% !important;
        Margin-left: 8.33333% !important;
      }
      table.body td.small-offset-2,
      table.body th.small-offset-2 {
        margin-left: 16.66667% !important;
        Margin-left: 16.66667% !important;
      }
      table.body td.small-offset-3,
      table.body th.small-offset-3 {
        margin-left: 25% !important;
        Margin-left: 25% !important;
      }
      table.body td.small-offset-4,
      table.body th.small-offset-4 {
        margin-left: 33.33333% !important;
        Margin-left: 33.33333% !important;
      }
      table.body td.small-offset-5,
      table.body th.small-offset-5 {
        margin-left: 41.66667% !important;
        Margin-left: 41.66667% !important;
      }
      table.body td.small-offset-6,
      table.body th.small-offset-6 {
        margin-left: 50% !important;
        Margin-left: 50% !important;
      }
      table.body td.small-offset-7,
      table.body th.small-offset-7 {
        margin-left: 58.33333% !important;
        Margin-left: 58.33333% !important;
      }
      table.body td.small-offset-8,
      table.body th.small-offset-8 {
        margin-left: 66.66667% !important;
        Margin-left: 66.66667% !important;
      }
      table.body td.small-offset-9,
      table.body th.small-offset-9 {
        margin-left: 75% !important;
        Margin-left: 75% !important;
      }
      table.body td.small-offset-10,
      table.body th.small-offset-10 {
        margin-left: 83.33333% !important;
        Margin-left: 83.33333% !important;
      }
      table.body td.small-offset-11,
      table.body th.small-offset-11 {
        margin-left: 91.66667% !important;
        Margin-left: 91.66667% !important;
      }
      table.body table.columns td.expander,
      table.body table.columns th.expander {
        display: none !important;
      }
      table.body .right-text-pad,
      table.body .text-pad-right {
        padding-left: 10px !important;
      }
      table.body .left-text-pad,
      table.body .text-pad-left {
        padding-right: 10px !important;
      }
      table.menu {
        width: 100% !important;
      }
      table.menu td,
      table.menu th {
        width: auto !important;
        display: inline-block !important;
      }
      table.menu.vertical td,
      table.menu.vertical th,
      table.menu.small-vertical td,
      table.menu.small-vertical th {
        display: block !important;
      }
      table.menu[align="center"] {
        width: auto !important;
      }
      table.button.expand {
        width: 100% !important;
      }
    }

    @media only screen and (max-width: 596px) {
      .day-box {
        padding-top: 2vw !important;
        width: 14vw !important;
        height: 14vw !important;
      }
      .icon {
        margin-right: 0.5vw;
        width: 8px !important;
      }
      .icon-container {
        height: 25%;
      }
      .exp-day-label {
        margin-top: 0% !important;
        font-size: 15px;
      }
      .exp-calendar-content {
        min-width: 320px;
        height: 14vw;
      }
    }

    @media only screen and (min-width: 596px) {
      .exp-calendar-content {
        margin-left: auto;
        margin-right: auto;
        width: 78 * 7 + 8;
        height: 78;
      }
      .icon-container {
        height: 35px;
      }
    }

    @media only screen and (max-width: 596px) {
      .calendar-content {
        padding: 0px !important;
        width: 288px !important;
      }

      .not-available-day,
      .calendar-today,
      .available-day {
        height: 40px !important;
        width: 40px !important;
      }

      .day-label {
        margin-left: 10% !important;
        margin-top: 0% !important;
        font-size: 15px;
      }
    }

    .gmailfix {
      display: none;
      display: none !important;
    }
  </style>
  <meta name="filler" content="        _      _           _      ">
  <meta name="filler" content="       (_)    | |         | |     ">
  <meta name="filler" content="   __ _ _ _ __| |__  _ __ | |__   ">
  <meta name="filler" content="  / _' | | '__| '_ \| '_ \| '_ \  ">
  <meta name="filler" content=" | (_| | | |  | |_) | | | | |_) | ">
  <meta name="filler" content="  \__,_|_|_|  |_.__/|_| |_|_.__/  ">
  <meta name="filler" content="                                  ">

  <img class="tracking" src="https://www.airbnb.com/tracking/pixel/email_opened/1529506362?rookery_uuid=d930f192-8798-501b-c196-a2a47c8edc54" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;display:none">
  <img class="tracking" src="https://pixel.monitor1.returnpath.net/pixel.gif?r=d18944536895e922f0e7423fe24e51aff6f2b008" width="1" height="1" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block">
  <table class="body" style="border-spacing:0;border-collapse:collapse;vertical-align:top;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;background:#f3f3f3;height:100%;width:100%;color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;margin-bottom:0px !important;background-color: white">
    <tbody>
      <tr style="padding:0;vertical-align:top;text-align:left">
        <td class="center" align="center" valign="top" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;vertical-align:top;color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;border-collapse:collapse !important">
          <center style="width:100%;min-width:580px">
            <!--[if mso]>
              <table class="container" width="580">
            <![endif]-->
            <!--[if !mso]> <!-- -->
            <table class="container" style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;background:#fefefe;width:580px;margin:0 auto;text-align:inherit;max-width:580px;">
              <!-- <![endif]-->
              <tbody>
                <tr style="padding:0;vertical-align:top;text-align:left">
                  <td style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;vertical-align:top;color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;border-collapse:collapse !important">
                    <div>
                      <table style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left;width: 100%">
                        <tbody>
                          <tr style="padding:0;vertical-align:top;text-align:left">
                            <td background="https://a0.muscache.com/airbnb/rookery/experiences/engagement/ontrip/cities/ontrip_generic@2x-3c7808cd07efc6e173a3c6df94a50d3b.png" class="background-image-wrapper" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;vertical-align:top;color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;margin:0;text-align:left;font-size:16px;line-height:19px;background-color:#484848;background-position:center center;background-size:cover;height:auto;max-width:600px;padding:0;width:100%;border-collapse:collapse !important;background-image: url(https://a0.muscache.com/airbnb/rookery/experiences/engagement/ontrip/cities/ontrip_generic@2x-3c7808cd07efc6e173a3c6df94a50d3b.png)">
                              <div style="padding: 0 16px">
                                <div style="padding: 0 16px 16px 16px">
                                  <a href="https://www.airbnb.ca?eal_exp=1532098362&amp;eal_sig=cbff2101a81179738786e194e23c26bbecce5d2dea743c6ba7bcb5493afe206f&amp;eal_uid=7659027&amp;eluid=0&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                    target="_blank">
<img align="center" alt="" class="center standard-header centered" height="30" src="https://a0.muscache.com/airbnb/rookery/dls/logo_only_center_standard_contrast_2x-e0e5589312b9f944fc7b02286cf217b9.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;padding-bottom:16px;padding-top:48px;height:44px;margin-left:auto;margin-right:auto;max-height:44px">          </a>
                                </div>
                                <table class="row" style="border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;position:relative;display:table">
                                  <tbody>
                                    <tr style="padding:0;vertical-align:top;text-align:left">
                                      <td class="columns first last small-12 large-12 text-center" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;vertical-align:top;color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;width:564px;text-align:center;padding-left:16px;padding-right:16px;border-collapse:collapse !important;padding-bottom: 0px; letter-spacing: 4px">
                                        <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                          <div class="body headline-tag 500" style="color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #FFFFFF;font-size: px !important;font-size: px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                            WELCOME TO
                                          </div>
                                        </div>
                                      </td>
                                    </tr>
                                  </tbody>
                                </table>
                                <div class="" style="padding: 0 16px 16px 16px;">
                                  <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                    target="_blank">
                                    <p class="headline headline-hero  heavy contrast text-center" style="padding:0;margin:0;font-weight:700;word-break:normal;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-family:&quot;Cereal Black&quot;, Tahoma, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-size:68px;text-align:center;color:white;margin-bottom:0 !important;letter-spacing:-2px !important;line-height:1 !important;color: #FFFFFF;text-transform: uppercase">
                                      ALVOR </p>
                                  </a>
                                </div>
                                <div class="" style="padding: 0 16px 16px 16px;">
                                  <div style="padding-left: 24px; padding-right: 24px">
                                    <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                      target="_blank">
                                      <p class="body  body-lg body-lg-important body-link-rausch light text-center contrast  " style="padding:0;margin:0;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;text-align:center;color:white;margin-bottom:0px !important;max-width: 100%;margin-left: auto;margin-right: auto">
                                        Not sure how to spend your time in Alvor? We’ve created a day-by-day itinerary just for you. So you can spend less time planning and more time exploring. </p>
                                    </a>
                                  </div>
                                </div>
                                <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                  target="_blank">
                                  <div class="" style="padding-bottom:64px">
                                  </div>
                                </a>
                                <div class="" style="padding-bottom:40px">
                                </div>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <div class="" style="padding-bottom:16px">
                      </div>
                    </div>
                    <div>
                      <div>
                        <table style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left">
                          <tbody>
                            <tr class="columns" style="padding:0;vertical-align:top;text-align:left">
                              <th class="large-1 show-for-large itinerary-column" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;overflow:hidden;padding-top:24px;position:relative;padding-left:8px;padding-right:8px;width:8.33333%;background-image: url(https://a1.muscache.com/airbnb/rookery/dls/line@2x-96b21e4cd6a244836d059be4504d920b.png);background-position: 50% 30px;background-repeat: no-repeat;background-size: 50% 100%">
                                <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-23&amp;checkout=2018-06-23&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                  target="_blank">
                                  <div class="itinerary-date" style="background-color:white;color:#484848;font-size:24px;font-weight:lighter;line-height:1.1;padding-bottom:16px;text-align:center">
                                    Jun 23
                                  </div>
                                </a>
                              </th>
                              <th class="large-11 small-12" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;padding-left:8px;padding-right:8px;width:91.66667%">
                                <div class="" style="padding-bottom:24px">
                                </div>
                                <div class="row-pad-bot-0" style="padding-bottom:0 !important;padding: 0 16px 16px 16px;">
                                  <p class="headline headline-lg  heavy" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:700;color:#484848;word-break:normal;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:32px;line-height:1.3;margin-bottom:0 !important;">
                                    Saturday
                                  </p>
                                </div>
                                <div class="" style="padding: 0 16px 16px 16px;">
                                  <p class="body  body-lg body-lg-important body-link-rausch light text-left   " style="padding:0;margin:0;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;text-align:left;margin-bottom:0px !important;">
                                    Your first full day of exploration! You won’t want to miss the landmarks, but you can make those visits even more special with a local as your guide.
                                  </p>
                                </div>
                                <div class="" style="padding-bottom:8px">
                                </div>
                                <table class="row" style="border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;position:relative;display:table">
                                  <tbody>
                                    <tr style="padding:0;vertical-align:top;text-align:left">
                                      <th class="columns large-6  first  small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-left:16px;width:50% !important;padding-right:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/217417?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #83611D">
                                            <img alt="79148a47-5fc6-4813-85b9-c59a4c3d8779" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/79148a47-5fc6-4813-85b9-c59a4c3d8779.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2 row-pad-bot-2" style="padding-top:16px;padding-bottom:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #83611D;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                10:00 AM - 12:00 PM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Lagos Kayak Cave Excursion
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                7.9 kilometres away
                                              </p>
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <img alt="5.0" src="https://a0.muscache.com/airbnb/rookery/dls/experience_stars/5.0-25875c0b54f99b30ca9add0efb857b88.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;display: inline-block;height: 12px !important;line-height: 1.3;margin-right: 5px;vertical-align: middle;">                                              <span style="color: #484848;display: inline-block;font-size: small;font-weight: 300;line-height: 1.3;vertical-align: middle;">
                      5 reviews
                    </span>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                      <th class="columns large-6 last   small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-right:16px;width:50% !important;padding-left:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/247915?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #D13505">
                                            <img alt="4403d6fa-f2e0-40c2-a719-632c956ee23e" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/4403d6fa-f2e0-40c2-a719-632c956ee23e.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2 row-pad-bot-2" style="padding-top:16px;padding-bottom:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #D13505;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                9:00 AM - 11:00 AM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Explore Wild Beaches &amp; Caves kayaking
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                20.0 kilometres away
                                              </p>
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <img alt="4.5" src="https://a1.muscache.com/airbnb/rookery/dls/experience_stars/4.5-4aca5bda171960cddbc4614e6caa8098.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;display: inline-block;height: 12px !important;line-height: 1.3;margin-right: 5px;vertical-align: middle;">                                              <span style="color: #484848;display: inline-block;font-size: small;font-weight: 300;line-height: 1.3;vertical-align: middle;">
                      10 reviews
                    </span>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                    </tr>
                                  </tbody>
                                </table>
                                <table class="row" style="border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;position:relative;display:table">
                                  <tbody>
                                    <tr style="padding:0;vertical-align:top;text-align:left">
                                      <th class="columns large-6  first  small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-left:16px;width:50% !important;padding-right:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/242777?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #2675A2">
                                            <img alt="16fbfb39-0106-4723-9218-fab734becfee" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/16fbfb39-0106-4723-9218-fab734becfee.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2" style="padding-top:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #2675A2;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                9:00 AM - 1:00 PM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Albufeira Jeep Safari - Half Day Tour
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                38.9 kilometres away
                                              </p>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                      <th class="columns large-6 last   small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-right:16px;width:50% !important;padding-left:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/247911?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #823522">
                                            <img alt="5c058574-66db-412c-97bb-581b617cc5b8" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/5c058574-66db-412c-97bb-581b617cc5b8.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2" style="padding-top:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #823522;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                4:00 PM - 6:00 PM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Stand Up Paddle along Hidden Caves
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                19.8 kilometres away
                                              </p>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                    </tr>
                                  </tbody>
                                </table>
                              </th>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                    <div>
                      <div class="" style="padding-bottom:24px">
                      </div>
                      <div style="padding: 0 16px;">
                        <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-23&amp;checkout=2018-06-23&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" class="btn-primary btn-md btn-white btn-with-shadow" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none;-webkit-border-radius:4px;border-radius:4px;display:inline-block;background-color:#ffffff;padding:12px 24px 12px 24px;background-image: url(https://a0.muscache.com/airbnb/rookery/dls/btn_with_shadow@2x-bf0428d148a67de293b1160d09bc1aa0.png) !important;background-size: 100% 100%;background-repeat: no-repeat;display: block !important;padding: 20px 24px 20px 24px !important;"
                          target="_blank">
                          <p class="text-center text-black" style="font-weight:normal;padding:0;margin:0;text-align:center;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;color:black;font-size:18px;line-height:26px;margin-bottom:0px !important;color: #008489 !important;font-weight: bold;">
                            Show all
                          </p>
                        </a>
                      </div>
                      <div class="" style="padding-bottom:24px">
                      </div>
                    </div>
                    <div>
                      <div>
                        <table style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left">
                          <tbody>
                            <tr class="columns" style="padding:0;vertical-align:top;text-align:left">
                              <th class="large-1 show-for-large itinerary-column" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;overflow:hidden;padding-top:24px;position:relative;padding-left:8px;padding-right:8px;width:8.33333%;background-image: url(https://a1.muscache.com/airbnb/rookery/dls/line@2x-96b21e4cd6a244836d059be4504d920b.png);background-position: 50% 30px;background-repeat: no-repeat;background-size: 50% 100%">
                                <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-24&amp;checkout=2018-06-24&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                  target="_blank">
                                  <div class="itinerary-date" style="background-color:white;color:#484848;font-size:24px;font-weight:lighter;line-height:1.1;padding-bottom:16px;text-align:center">
                                    Jun 24
                                  </div>
                                </a>
                              </th>
                              <th class="large-11 small-12" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;font-size:16px;line-height:19px;padding-left:8px;padding-right:8px;width:91.66667%">
                                <div class="" style="padding-bottom:24px">
                                </div>
                                <div class="row-pad-bot-0" style="padding-bottom:0 !important;padding: 0 16px 16px 16px;">
                                  <p class="headline headline-lg  heavy" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:700;color:#484848;word-break:normal;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:32px;line-height:1.3;margin-bottom:0 !important;">
                                    Sunday
                                  </p>
                                </div>
                                <div class="" style="padding: 0 16px 16px 16px;">
                                  <p class="body  body-lg body-lg-important body-link-rausch light text-left   " style="padding:0;margin:0;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;text-align:left;margin-bottom:0px !important;">
                                    After you’ve seen the sights, your next stop will be the city’s local hot spots. Discover how the locals live with one right by your side.
                                  </p>
                                </div>
                                <div class="" style="padding-bottom:8px">
                                </div>
                                <table class="row" style="border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;position:relative;display:table">
                                  <tbody>
                                    <tr style="padding:0;vertical-align:top;text-align:left">
                                      <th class="columns large-6  first  small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-left:16px;width:50% !important;padding-right:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/242911?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #2071A0">
                                            <img alt="A7213cfc-2f25-47ad-9526-09c253a18f13" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/a7213cfc-2f25-47ad-9526-09c253a18f13.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2 row-pad-bot-2" style="padding-top:16px;padding-bottom:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #2071A0;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                6:00 AM - 9:00 AM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Sunrise SUP into Caves &amp; Grottos
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                8.4 kilometres away
                                              </p>
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <img alt="5.0" src="https://a0.muscache.com/airbnb/rookery/dls/experience_stars/5.0-25875c0b54f99b30ca9add0efb857b88.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;display: inline-block;height: 12px !important;line-height: 1.3;margin-right: 5px;vertical-align: middle;">                                              <span style="color: #484848;display: inline-block;font-size: small;font-weight: 300;line-height: 1.3;vertical-align: middle;">
                      60 reviews
                    </span>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                      <th class="columns large-6 last   small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-right:16px;width:50% !important;padding-left:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/228501?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #0468AA">
                                            <img alt="53872a3e-a231-41a2-ad80-bb58b402ecf4" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/53872a3e-a231-41a2-ad80-bb58b402ecf4.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2 row-pad-bot-2" style="padding-top:16px;padding-bottom:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #0468AA;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                9:30 AM - 11:30 AM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Algarve Style Photo Shoot
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                28.0 kilometres away
                                              </p>
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <img alt="4.0" src="https://a1.muscache.com/airbnb/rookery/dls/experience_stars/4.0-03491f43cb04ee3a12581c99b2e51696.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;display: inline-block;height: 12px !important;line-height: 1.3;margin-right: 5px;vertical-align: middle;">                                              <span style="color: #484848;display: inline-block;font-size: small;font-weight: 300;line-height: 1.3;vertical-align: middle;">
                      1 review
                    </span>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                    </tr>
                                  </tbody>
                                </table>
                                <table class="row" style="border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;position:relative;display:table">
                                  <tbody>
                                    <tr style="padding:0;vertical-align:top;text-align:left">
                                      <th class="columns large-6  first  small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-left:16px;width:50% !important;padding-right:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/249551?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #9E581A">
                                            <img alt="D05f45a6-e036-4724-ac90-191f94a7731e" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/d05f45a6-e036-4724-ac90-191f94a7731e.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2" style="padding-top:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #9E581A;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                3:00 PM - 4:30 PM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              Capoeira with Cuban Master
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                48.5 kilometres away
                                              </p>
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <img alt="4.0" src="https://a1.muscache.com/airbnb/rookery/dls/experience_stars/4.0-03491f43cb04ee3a12581c99b2e51696.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;display: inline-block;height: 12px !important;line-height: 1.3;margin-right: 5px;vertical-align: middle;">                                              <span style="color: #484848;display: inline-block;font-size: small;font-weight: 300;line-height: 1.3;vertical-align: middle;">
                      1 review
                    </span>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                      <th class="columns large-6 last   small-6 two-columns-on-mobile" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;padding-right:16px;width:50% !important;padding-left:8px !important">
                                        <a href="https://www.airbnb.ca/experiences/254943?checkin=2018-06-22&amp;checkout=2018-06-29&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none"
                                          target="_blank">
                                          <div class="aspect-ratio-3-2 round-image" style="border-radius:4px;overflow:hidden;position:relative;padding-bottom:66%;width:100%;height:0 !important;max-height:0 !important;background-color: #95630D">
                                            <img alt="D49197a0-9343-4ede-a260-87d04280e6d4" class="round-image" src="https://a0.muscache.com/4ea/air/v2/pictures/d49197a0-9343-4ede-a260-87d04280e6d4.jpg?t=c:w3-h2-go,r:w400-h267-sfill,e:fjpg-c70" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;display:block;border:none;border-radius:4px;top:0;left:0;width:100%;max-height: 267px">                                            </div>
                                          <div class="row-pad-top-2" style="padding-top:16px">
                                            <div class="row-pad-bot-1-condensed" style="padding-bottom:4px !important">
                                              <div class="body headline-tag heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;margin-bottom:0px !important;color: #95630D;font-size: 12px !important;font-size: 12px;line-height: 1.2;padding-bottom: 4px;text-transform: uppercase">
                                                6:00 PM - 9:00 PM
                                              </div>
                                            </div>
                                            <div class="body body-lg heavy" style="font-weight:700;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2;">
                                              SUP Lake Bravura
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <p class="body body-lg light" style="padding:0;margin:0;text-align:left;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;font-weight:300;color:#484848;hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;font-size:18px;line-height:1.4;margin-bottom:0px !important;line-height: 1.2">
                                                8.8 kilometres away
                                              </p>
                                            </div>
                                            <div class="row-pad-top-1-condensed" style="padding-top:4px">
                                              <img alt="5.0" src="https://a0.muscache.com/airbnb/rookery/dls/experience_stars/5.0-25875c0b54f99b30ca9add0efb857b88.png" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;border:none;display: inline-block;height: 12px !important;line-height: 1.3;margin-right: 5px;vertical-align: middle;">                                              <span style="color: #484848;display: inline-block;font-size: small;font-weight: 300;line-height: 1.3;vertical-align: middle;">
                      2 reviews
                    </span>
                                            </div>
                                          </div>
                                        </a>
                                      </th>
                                    </tr>
                                  </tbody>
                                </table>
                              </th>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                    <div>
                      <div class="" style="padding-bottom:24px">
                      </div>
                      <div style="padding: 0 16px;">
                        <a href="https://www.airbnb.ca/s/Algarve/experiences?checkin=2018-06-24&amp;checkout=2018-06-24&amp;euid=d930f192-8798-501b-c196-a2a47c8edc54&amp;src=post_home_booking_v1r_action" class="btn-primary btn-md btn-white btn-with-shadow" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;margin:0;text-align:left;line-height:1.3;color:#2199e8;text-decoration:none;-webkit-border-radius:4px;border-radius:4px;display:inline-block;background-color:#ffffff;padding:12px 24px 12px 24px;background-image: url(https://a0.muscache.com/airbnb/rookery/dls/btn_with_shadow@2x-bf0428d148a67de293b1160d09bc1aa0.png) !important;background-size: 100% 100%;background-repeat: no-repeat;display: block !important;padding: 20px 24px 20px 24px !important;"
                          target="_blank">
                          <p class="text-center text-black" style="font-weight:normal;padding:0;margin:0;text-align:center;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;color:black;font-size:18px;line-height:26px;margin-bottom:0px !important;color: #008489 !important;font-weight: bold;">
                            Show all
                          </p>
                        </a>
                      </div>
                      <div class="" style="padding-bottom:24px">
                      </div>
                    </div>
                    <div>
                      <div class="" style="padding-bottom:40px">
                      </div>
                      <table class="row" style="border-spacing:0;border-collapse:collapse;vertical-align:top;text-align:left;padding:0;width:100%;position:relative;display:table">
                        <tbody>
                          <tr class="" style="padding:0;vertical-align:top;text-align:left">
                            <th class="columns first large-12 last small-12 standard-footer-padding" style="color:#0a0a0a;font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:16px;line-height:19px;margin:0 auto;padding-bottom:16px;width:564px;padding-left:16px;padding-right:16px">
                              <div class="">
                                <hr class="standard-footer-hr" style="max-width:580px;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;clear:both;background-color:#dbdbdb;height:2px;width:100%;border:none;margin:auto">
                                <div class="row-pad-bot-4" style="padding-bottom:32px">
                                </div>
                                <p class="standard-footer-text center " style="padding:0;margin:0;text-align:left;margin-bottom:10px;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;color:#9ca299;font-size:14px;text-shadow:0 1px #fff;font-weight:300;line-height:1.4">
                                  Sent with ♥ from Airbnb
                                </p>
                                <p class="standard-footer-text " style="padding:0;margin:0;text-align:left;margin-bottom:10px;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;color:#9ca299;font-size:14px;text-shadow:0 1px #fff;font-weight:300;line-height:1.4">
                                  ‌A‌i‌r‌b‌n‌b‌,‌ ‌I‌n‌c‌.‌,‌ ‌8‌8‌8‌ ‌B‌r‌a‌n‌n‌a‌n‌ ‌S‌t‌,‌ ‌S‌a‌n‌ ‌F‌r‌a‌n‌c‌i‌s‌c‌o‌,‌ ‌C‌A‌ ‌9‌4‌1‌0‌3‌ </p>
                                <p class="standard-footer-text " style="padding:0;margin:0;text-align:left;margin-bottom:10px;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;color:#9ca299;font-size:14px;text-shadow:0 1px #fff;font-weight:300;line-height:1.4">
                                  <a class="muted" href="#" style="font-family:'Cereal', Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;text-align:left;line-height:1.3;color:#9ca299;text-decoration:underline"
                                    target="_blank">
  Unsubscribe
</a>
                                </p>
                                <p class="standard-footer-text " style="padding:0;margin:0;text-align:left;margin-bottom:10px;font-family:&quot;Cereal&quot;, &quot;Helvetica&quot;, Helvetica, Arial, sans-serif;color:#9ca299;font-size:14px;text-shadow:0 1px #fff;font-weight:300;line-height:1.4">
                                </p>
                              </div>
                            </th>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </center>
        </td>
      </tr>
    </tbody>
  </table>
  <!-- Gmail on iOS will automatically increase font-size for readability -->
  <!-- http://freshinbox.com/blog/gmail-supports-displaynone-and-gmail-ios-font-fix-update/ -->
  <div class="gmailfix" style="white-space:nowrap; font:15px courier; line-height:0; color:white;">
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  </div>

</body>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console