1
1
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Congratulations!</title>
</head>
<body style="font-family:sans-serif; max-width:600px; line-height:22px; font-
size:14px; background-color:#e8e8e8; margin:0 auto; background-color:white;">
<!-----Header Grafik----->
<div style="max-width:100%;">
<a href="{completeUrl}"><img
src="https://coyote.golead7.co.uk/media/adresseManager/microSiteImg/429/
banner,uk,harrypotter.jpg" alt="header-img" width="100%" style="vertical-align:
bottom;" class="container"/></a>
</div>
<!-----Header Grafik----->
<!------Gratulation------>
<div style="margin-top:35px;" class="box">
<div style="padding:30px 30px 0px 30px;border:1px solid #d3d3d3;">
<h2 style="padding: 0; margin: 0;font-family: Verdana, Verdana, Geneva,
sans-serif; color: #034F73; font-size: 20px; margin-bottom:45px; font-weight:
normal; text-transform: uppercase;">Congratulations!</h2>
<!------Gratulation------>
<!-------Salutation------>
<h3 style="color:#858485; font-size:15px;">$salutation_de_gender</h3>
<!-------Salutation------>
<!---------Text1--------->
<div style="color:#858485;font-size:13px;">
<p>Congratulations! Your E-mail address has been chosen to participate in
our raffle! You have the chance to win the <strong>LEGO Harry Potter Hogwarts
Castle</strong>! Your participation is 100% free.</p>
<p>Hurry up – the offer ends as soon as all the winners have been chosen!
</p>
</div>
</div>
<!---------Text2--------->
<div style="padding:20px 30px 60px 30px;margin-top:45px;border:1px solid
#d3d3d3;">
<div class=boxcentent2>
<div style="color:#858485;font-size:13px;">
<p>To participate in the competition, click on the link and fill in your
details. The competition is only for people living in the UK and who are over 18
years old. </p>
</div>
</div>
<!---------Text2--------->
<!-----Call to Action---->
<div style="margin-top:50px;text-align:center;">
<a style="display: inline-block;text-align: center;vertical-align:
middle;padding: 12px 34px;border: 1px solid #034F73;border-radius: 15px;background:
#034F73;background: -webkit-gradient(linear, left top, left bottom, from(#034F73),
to(#034F73));background: -moz-linear-gradient(top, #034F73, #034F73);background:
linear-gradient(to bottom, #034F73, #034F73);font: normal normal bold 20px
arial;color: #ffffff;text-decoration: none; margin:0 auto;"
href="{completeUrl}">Yes, I want to participate</a></div>
</div>
<!-----Call to Action---->
<!---------Footer-------->
<div style="padding:20px 30px 0px 30px;margin-top:45px;
text-align:center; font-family:Arial, Helvetica, sans-serif; color:
#c2c2c2; font-size: 13px;">
<p>INSERT FOOTER HERE</p>
</div>
<!---------Footer-------->
<style>
@media only screen and (max-width: 500px) {
.box { text-align: center;}
}
</style>
</body>
</html>