<!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" />
<title>Screwfix</title>
<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: Verdana, "Arial", sans-serif;
color: #fff;
}
.top-text{
font-size: 12px;
padding: 10px 0px;
}
.logo {
max-width: 80%;
margin-top: 20px;
margin-bottom: 30px;
max-height: 60px;
}
.title-para {
font-size: 22px;
margin-top: 20px;
text-transform: uppercase;
background: url(https://storage.googleapis.com/bertacanada/MauraPantaleon.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: 0px 13px;
}
.title-para span{
font-weight: bold;
color: #F08C23;
}
.product-name {
font-size: 36px;
font-weight: bold;
}
.feature-para {
max-width: 90%;
margin-bottom: 30px;
font-size: 14px;
margin-top: 10px;
}
.feature-img {
max-width: 75%;
max-height: 260px;
margin-top: 20px;
}
.cta {
background-color: #0e6d5a;
display: inline-block;
padding: 16px;
min-width: 200px;
font-size: 20px;
text-decoration: none;
color: #fff;
margin-top: 180px;
font-weight: bold;
box-shadow: 2px 3px 7px rgb(0 0 0 / 45%);
}
@media only screen and (max-width: 480px) {
.wrapper .section {
width: 100%;
}
.wrapper .column {
width: 100%;
display: block;
}
.top-text {
max-width: 90%;
}
.title-para {
margin-top: 0px;
}
.title-para span{
display: block;
}
.product-name {
font-size: 24px;
}
.cta {
margin-top: 85px;
}
.feature-para {
font-size: 13px;
margin-bottom: 15px;
margin-top: 20px;
}
}
</style>
</head>
<body style="background-color: #efefef;padding-top:30px;">
<table width="100%">
<tbody>
<tr>
<td class="wrapper" width="550" align="center">
<table class="section header" bgcolor="#000" align="center">
<tbody>
<tr>
<td bgcolor="#007156" class="column" width="550" align="center">
<p class="top-text">It will take you only a minute to receive this fantastic prize. <span style="color:#F08C23">170 Piece Stanley Tool Set</span></p>
</td>
</tr>
<tr>
<td class="column" width="550" align="center">
<img border="0" src="" alt="logo" class="logo"/>
</td>
</tr>
<tr>
<td align="center" bgcolor="#000" background="https://storage.googleapis.com/bertacanada/IulianaChenaniah.png" style="background-repeat:no-repeat;background-size: 110%;-webkit-text-size-adjust: 100%;background-position: top center;">
<table class="column" width="550" cellpadding="" cellspacing="" align="center">
<tbody>
<tr>
<td data="image_bg" background="https://storage.googleapis.com/bertacanada/GrigoriiValentin.png" style="background-repeat:no-repeat;background-size: 100%;-webkit-text-size-adjust: 100%;">
<table>
<tbody>
<tr align="center">
<td data="image_bg" background="https://storage.googleapis.com/bertacanada/MauraPantaleon.png" style="background-size: contain; background-position: center; background-repeat: no-repeat">
<p class="title-para"><span>ANSWER & WIN:</span> A Brand New</p>
</td>
</tr>
<tr>
<td width="550" align="center">
<p class="product-name" >170 Piece Stanley Tool Set</p>
<a href="https://storage.googleapis.com/bertacanada/gitalottie.html" class="cta">GET STARTED NOW</a>
</td>
</tr>
<tr>
<td width="550" align="center">
<img border="0" src="https://storage.googleapis.com/bertacanada/LennyFarhana.png" class="feature-img" alt="product">
</td>
</tr>
<tr>
<td width="550" align="center">
<h1>Congratulations!</h1>
<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>
</tbody>
</table>
</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;padding: 0">
If you no longer wish to receive these emails, you may unsubscribe by <a href="https://storage.googleapis.com/bertacanada/outgitalottie.html" style="color:#666;text-decoration:none;">clicking here</a> or by writing to </p>
</td>
</tr>
<tr>
<td height="20" background="https://storage.googleapis.com/bertacanada/ReginaRiina.png" style="background-size: contain;background-repeat: no-repeat;background-position: center;"></td>
</tr>
<tr>
<td height="35" style="line-height: 35px;"> </td>
</tr>
</tbody>
</table>
</body>
</html>
<!-- START FOOTER -->
<div class="footer">
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="content-block">
<font style="color:#060606; font-weight: bold; font-size: 10px;"><a style="color:#060606; font-weight: bold; font-size: 9px;" href="https://storage.googleapis.com/bertacanada/unsgitalottie.html">If you wish to unsubscribe, click here</a><br></font>
</td>
</tr>
</table>
</div>
<!-- END FOOTER -->
</div>
</td>
<td> </td>
</tr>
</table>
</body>
</html>