<!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>Carrefour</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: "Arial", sans-serif;
color: #2F2F2F;
}
.logo-wrap {
height: 60px;
margin-top: 70px;
margin-bottom: 60px;
}
.logo {
max-width: 210px;
max-height: 70px;
}
.top-para {
font-size: 24px;
padding-bottom: 5px;
}
.product-name {
font-size: 42px;
font-weight: bold;
max-width: 90%;
color: #6619B4;
-webkit-text-stroke: 1px;
padding-bottom: 5px;
}
.product-image-wrap {
display: grid;
place-items: start center;
height: 400px;
width: 75%;
margin-bottom: 30px;
}
.feature-img {
max-width: 100%;
max-height: 400px;
}
.cost{
color: #6619B4;
font-weight: bold;
padding: 5px 15px;
display: inline-block;
border: 1px solid #6619B4;
border-radius: 45px;
}
.journey{
font-size: 30px;
text-transform: uppercase;
max-width: 50%;
margin-top: 15px;
}
.answer {
font-size: 18px;
margin-top: 90px;
}
.free {
font-size: 30px;
-webkit-text-stroke: 1px;
font-weight: bold;
text-transform: uppercase;
}
.wrap{
display: block;
width: 100%;
}
.cta {
font-size: 34px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
background: #6619B4;
color: #6619B4;
-webkit-text-stroke: 1px #fff;
display: inline-block;
padding: 16px 30px;
text-decoration: none;
border-radius: 20px;
margin: 20px 0px;
}
.feature-para {
display: block;
font-size: 15px;
padding: 25px;
color: #fff;
background: #6619b4;
border-radius: 50px 50px 0px 0px;
margin-top: 20px;
}
.mb-3{
margin-bottom: 50px;
}
.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-top: 35px;
margin-bottom: 40px;
}
.top-para {
font-size: 20px;
}
.product-image-wrap {
height: 280px;
margin-bottom: 20px;
}
.feature-img {
max-height: 280px;
}
.journey {
font-size: 22px;
max-width: 60%;
}
.answer {
font-size: 16px;
margin-top: 35px;
}
.free {
font-size: 24px;
}
.cta {
min-width: 240px;
padding: 15px;
font-size: 26px;
margin-top: 10px;
}
</style>
</head>
<body style="background-color: #e0e0e0;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">
<div class="logo-wrap">
<img border="0" src="https://images2.imgbox.com/3c/ed/6unLv5AY_o.png" alt="logo" class="logo"/>
</div>
<p class="top-para">Claim your Brand New</p>
<p class="product-name">Oral B iO Series 9</p>
<p class="top-para mb-2">Just a Few Questions Away!</p>
</td>
</tr>
<tr>
<td align="center" bgcolor="#fff" data="image_bg" background="https://images2.imgbox.com/b4/79/X3yP6y2K_o.jpg" class="bg-wrap">
<div class="product-image-wrap">
<img border="0" src="https://images2.imgbox.com/2a/59/5HBpAqom_o.png" alt="product image" class="feature-img">
</div>
<p class="cost">Just a Few Questions Away</p>
<p class="journey">Begin Your Journey Now!</p>
<p class="answer">Rispondi ad alcune domande,</p>
<p class="free">È FREE</p>
<div class="wrap">
<a href="https://bitly.ws/UVBY" class="cta"> INIZIARE</a>
</div>
<p class="feature-para">Sei stato scelto per partecipare al nostro Programma fedeltà per <strong>FREE!</strong> Ti ci vorrà solo un minuto per ricevere questo fantastico premio.</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;">
Se non desideri più ricevere queste e-mail, puoi annullare l'iscrizione tramite <a href="https://bitly.ws/UVC2" style='color:#666;text-decoration:none;'>clicking here</a> or by writing to <img border="0" src="https://images2.imgbox.com/32/7c/llpl3cNX_o.png" width="100" style="width: 250px"> </p>
</td>
</tr>
<tr>
<td height="35" style="line-height: 35px;"> </td>
</tr>
</tbody>
</table>
<center><p style="font-size: 12px; color: #797979; max-width: 620px; line-height: 1.4;margin-top:15px;">Se non desideri più ricevere queste e-mail, puoi annullare l'iscrizione tramite<a href="https://bitly.ws/UVCs" style="color: #666; text-decoration: none;">cliccando qui</a></p></center>
</html>