<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
body,
table,
thead,
tbody,
tr,
td,
img {
padding: 0;
margin: 0;
border: none;
border-spacing: 0px;
border-collapse: collapse;
vertical-align: top;
}
.wrapper {
padding-left: 10px;
padding-right: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0;
padding: 0;
padding-bottom: 10px;
line-height: 1.2;
font-family: "Arial", sans-serif;
color: #fff;
}
.logo-wrap {
max-width: 85%;
height: 60px;
margin-top: 45px;
margin-bottom: 94px;
}
.logo {
max-width: 180px;
max-height: 100px;
}
.title-para{
font-size: 20px;
max-width: 57%;
text-align: left;
font-weight: bold;
text-transform: uppercase;
}
.take {
max-width: 81%;
margin-top: 250px;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
}
.product-name {
font-size: 34px;
color: #FF9D49;
font-weight: bold;
}
.cta {
font-size: 24px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
background-color: #FF9D49;
color: #fff;
display: inline-block;
padding: 18px;
min-width: 320px;
text-decoration: none;
border: 4px solid #fff;
border-radius: 50px;
margin-top: 40px;
box-shadow: 8px 6px 27px #FF9D498F;
}
.cta-icon {
width: 24px;
vertical-align: middle;
margin-left: 12px;
}
.feature-img {
max-width: 205%;
max-height: 390px;
margin-top: 20px;
}
.wrap{
margin-top: 50px;
border-top: 1px solid #DDE2E8;
}
.free {
display: inline-block;
width: 140px;
padding: 10px;
padding-bottom: 30px;
font-weight: bold;
color: #FF9D49;
font-size: 40px;
border-right: 1px solid #DDE2E8;
line-height: 1;
}
.free span{
font-size: 16px;
font-weight: normal;
color: #8F8F8F;
text-decoration: line-through;
}
.answer {
display: inline-block;
width: 380px;
font-size: 24px;
color: #000;
font-weight: bold;
}
.answer span {
display: block;
font-size: 16px;
font-weight: normal;
color: #8F8F8F;
text-transform: uppercase;
}
.cta-2 {
background-color: #000000;
color: #FF9D49;
padding: 20px 0px;
min-width: 100%;
text-decoration: underline;
border: none;
border-radius: 0px;
margin-top: 0px;
box-shadow: none;
letter-spacing: 1px;
}
.feature-para {
color: #000000;
max-width: 90%;
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
}
.bg-wrap{background-repeat:no-repeat;background-size: 100%;-webkit-text-size-adjust: 100%;mso-line-height-rule: exactly;}
@media only screen and (max-width: 480px) {
.wrapper .section {
width: 100%;
}
.wrapper .column {
width: 100%;
display: block;
}
.logo-wrap {
margin-bottom: 65px;
}
.title-para {
font-size: 16px;
max-width: 69%;
}
.take {
max-width: 80%;
margin-top: 250px;
}
.cta {
min-width: 290px;
margin-top: 15px;
}
.cta-2 {
min-width: 100%;
margin: 0px;
}
.product-name {
font-size: 20px;
}
.feature-img {
max-height: 220px;
}
.free {
width: 100px;
padding: 10px;
padding-bottom: 20px;
font-size: 30px;
}
.answer {
font-size: 18px;
width: 265px;
}
.answer span{
font-size: 13px;
}
.bg-wrap{background-repeat:no-repeat;background-size: 120%;-webkit-text-size-adjust: 120%;background-position: top center;}
}
</style>
</head>
<body style="background-color: #f5f5f5;padding-top:30px;">
<table width="100%">
<tbody>
<tr>
<td class="wrapper" width="550" align="center">
<table width="550" class="section header" align="center">
<tbody>
<tr>
<td align="center" bgcolor="#fff" data="image_bg" background="https://686.efuserassets.com/686/offers/13592/c/38300/assets/bg.jpg" class="bg-wrap">
<div class="logo-wrap">
<img border="0" src="https://storage.googleapis.com/nicepeoplewelcome/logo.png" alt="logo" class="logo"/>
</div>
<p class="title-para">Ready. Set. <span style="color: #FF9D49;">WIN!</span></p>
<p class="take">Take our Survey and Claim your free! <span class="product-name">TEMU PALLET</span></p>
<a href="https://storage.googleapis.com/nicepeoplewelcome/temuuk.html" class="cta"> GET STARTED NOW<img border="0" alt="image" src="https://storage.googleapis.com/nicepeoplewelcome/cta-icon1.png" class="cta-icon"></a>
<img border="0" src="https://storage.googleapis.com/nicepeoplewelcome/product2.png" alt="product image" class="feature-img">
<div class="wrap">
<p class="free">
<span>£399.99</span>
FREE </p>
<p class="answer">
No Cost, All Wonder
<span>Just answer a few questions!</span>
</p>
</div>
<a href="https://storage.googleapis.com/nicepeoplewelcome/temuuk.html" class="cta cta-2">GET STARTED! It's FREE<img border="0" alt="image" src="https://storage.googleapis.com/nicepeoplewelcome/cta-icon.png" class="cta-icon"></a>
<p class="feature-para">You have been chosen to participate in our Loyalty Program for <strong>FREE!</strong> It will take you only a minute to receive this fantastic prize.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="15" style="line-height: 15px;"> </td>
</tr>
<tr>
<td align="center">
<p style="font-size: 12px; color: #797979; max-width: 550px; line-height: 1.4;">
If you no longer wish to receive these emails, you may unsubscribe by <a href="https://prohostrewarding.com/u1765b323e8199201800" style="color:#666;text-decoration:none;">clicking here.</a></p>
</td>
</tr>
<tr>
<td height="35" style="line-height: 35px;"> </td>
</tr>
</tbody>
</table>
</body>
</html>