<!DOCTYPE html>
<html>
  <head>
    <title>Newsletter
    </title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style type="text/css">
      /* CLIENT-SPECIFIC STYLES */
      body, table, td, a{
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
      }
      /* Prevent WebKit and Windows mobile changing default text sizes */
      table, td{
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
      }
      /* Remove spacing between tables in Outlook 2007 and up */
      img{
        -ms-interpolation-mode: bicubic;
      }
      /* Allow smoother rendering of resized image in Internet Explorer */
      /* RESET STYLES */
      img{
        border: 0;
        height: auto;
        line-height: 100%;
        outline: none;
        text-decoration: none;
      }
      table{
        border-collapse: collapse !important;
      }
      body{
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
      }
      /* iOS BLUE LINKS */
      a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
      }
      /* MOBILE STYLES */
      @media screen and (max-width: 525px) {
        /* ALLOWS FOR FLUID TABLES */
        .wrapper {
          width: 100% !important;
          max-width: 100% !important;
        }
        /* ADJUSTS LAYOUT OF LOGO IMAGE */
        .logo img {
          margin: 0 auto !important;
        }
        /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
        .mobile-hide {
          display: none !important;
        }
        .img-max {
          max-width: 100% !important;
          width: 100% !important;
          height: auto !important;
        }
        /* FULL-WIDTH TABLES */
        .responsive-table {
          width: 100% !important;
        }
        /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
        .padding-meta {
          padding: 30px 5% 0px 5% !important;
          text-align: center;
        }
        .padding-copy {
          padding: 10px 5% 10px 5% !important;
          text-align: center;
        }
        .no-padding {
          padding: 0 !important;
        }
        .section-padding {
          padding: 50px 15px 50px 15px !important;
        }
        /* ADJUST BUTTONS ON MOBILE */
        .mobile-button-container {
          margin: 0 auto;
          width: 100% !important;
        }
        .mobile-button {
          padding: 15px !important;
          border: 0 !important;
          font-size: 16px !important;
          display: block !important;
        }
      }
      /* ANDROID CENTER FIX */
      div[style*="margin: 16px 0;"] {
        margin: 0 !important;
      }
    </style>
  </head>
  <body style="margin: 0 !important; padding: 0 !important;">
    <!-- HEADER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td bgcolor="#ffffff" align="center" style="padding: 20px 15px 70px 15px;" class="section-padding">
          <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="750">
<tr>
<td align="center" valign="top" width="750">
<![endif]-->
          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 750px;" class="responsive-table">
            <tr>
              <td>
                <!-- HERO IMAGE -->
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td>
                      <!-- COPY -->
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="left" style="padding: 5px 0 0 0; font-size: 16px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666;" class="padding">
                            <span style="font-size: 25px; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #666666; font-weight: bold;">Complete the survey to win a barbecue!
                            </span>
                        </center>
                        <br>
                        <br>
                        Dear City Dweller,
                        <br>
                        <br>
                        We are interested to find out more about your outdoor habits in the UAE: do you own a barbecue or need one? do you go camping and use tents? do you picnic and use coolers?
                        <br>
                        <br>
                        We're about to launch a new and exciting brand of barbecues, coolers and tents... 
                        <br>
                        <br>
                        Help us do it right by answering our questions on SurveyMonkey at the link below for your chance to win a barbecue.
                        <br>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td align="left" style="padding-top: 25px;" class="padding">
                              <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                <tr>
                                  <td align="center" style="border-radius: 3px;" bgcolor="#3b9f33">
                                    <a href="https://www.surveymonkey.com/r/outdoorUAE" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #3b9f33; display: inline-block;" class="mobile-button">PARTICIPATE NOW</a></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                        <br>
                        <center>
                          <span style="font-size: 11px; color: #858585; font-family: Helvetica, Arial, sans-serif; text-decoration: none;">
                            <i>Outdoor Living Research UAE © 2017.
                              </span>
                            <br>
                            <a href="http://email.designerleb.com/tracking/unsubscribe?msgid=_gbTMH4FesuyYdYO8Zbjzw2" style="font-size: 11px; color: #858585; font-family: Helvetica, Arial, sans-serif; text-decoration: underline;">Unsubscribe</a> 
                            <span style="font-size: 11px; color: #858585; font-family: Helvetica, Arial, sans-serif; text-decoration: none;">from future communications.
                            </span>
                            <br>
                            <div style="display: none; font-size: 1px; color: #858585; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
                              UAE UAE, Outdoor 2017
                            </div>
                            </center>
                          <br>
                          <br>
                          </td>
                        </tr>
                </table>
                  </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
    </td>
  </tr>
</table>
<img src="http://email.designerleb.com/tracking/open?msgid=_gbTMH4FesuyYdYO8Zbjzw2" style="width:1px;height:1px" alt="" /></body>
</html>