Scribd
Upload
31 views7 pages

Creative 24011 BHTML

Uploaded by

omar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
31 views7 pages

Creative 24011 BHTML

Uploaded by

omar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 7

<html xmlns:v="urn:schemas-microsoft-com:vml" style="font-family: Arial, Helvetica,

sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; margin: 0px;


padding: 0px;"><!-- HTML HEAD including style definitions --><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-
scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css" media="all">
.headline ~ br:first-of-type {
display: none;
}
.headline ~ br:nth-of-type(2) {
display: none;
}
.mobile_only {
display: none !important;
}
@media screen and (max-width: 600px) {
/* Media Queries COMMON START */
html {
font-size: 16px !important;
}

img {
max-width: 320px !important;
}

.container {
width: 320px !important;
max-width: 320px !important;
}

.br_mobile_only {
display: block !important;
}

.img_switcher {
display: block;
background-position: center !important;
}
.mobile_only {
display:inline !important;
max-width: 330px !important;
}
/* .desktop_only {
display: none !important;
} */
.img-wrapper {
display: block;
overflow: hidden;
max-width: 320px;
}

/* Media Queries COMMON END */


/* Media Queries HEADER START */
.header_smalltext {
font-size: 0.688em !important;
line-height: 14px;
}

.header_socialtable {
width: 100%;
}

/* Media Queries HEADER END */


/* Media Queries FOOTER START */
.footer_socialtable {
margin: 0 auto;
}

.footer_socialtable td {
float: left !important;
text-align: center !important;
width: 100% !important;
white-space: normal !important;
}

.footer_followus {
padding-bottom: 10px;
}

.footer_socialbuttons {
width: 100%;
}

.footer_socialbuttons td {
width: auto !important;
float: none !important;
}

.footer_gmailtable {
text-align: center !important;
width: 100% !important;
}

.footer_legaltable {
text-align: center !important;
width: 100% !important;
}

.footer_evenbuttonstable,
.footer_oddbuttonstable {
text-align: center !important;
width: 100% !important;
}

.footer_evenbuttonstable td {
padding-right: 0 !important;
margin-bottom: 5px !important;
width: 50% !important;
float: left !important;
}

.footer_evenbutton {
width: 155px !important;
padding-right: 0 !important;
padding-left: 0 !important;
display: block !important;
margin: auto !important;
}

.footer_oddbuttonstable td {
padding-right: 0 !important;
margin-bottom: 5px !important;
width: 100% !important;
float: left !important;
}

.footer_oddbutton {
width: 268px !important;
height: auto !important;
display: inline-block !important;
padding: 10px !important;
}

/* Media Queries FOOTER END */


/* Media Queries Variants COMMON START */
.heading {
font-size: 18px !important;
font-weight: bold !important;
line-height: 18px !important;
}
.text-content {
font-size: 14px !important;
}
.cta_button {
width: 100% !important;
height: auto !important;
display: inline-block !important;
}

.listimg {
width: 75px !important;
height: 75px !important;
}

/* Media Queries Variants COMMON END */


/***INSERT VARIANTS' SPECIFIC CSS HERE ***/
}
</style>
</head>
<body style="margin: 0;padding: 0;background-color: #000000;height: 100% !
important;width: 100% !important;-ms-text-size-adjust: 100%;-webkit-text-size-
adjust: 100%;line-height: 1.6;">
<style type="text/css">
div.preheader {
display: none !important;
}
</style>
<div class="preheader" style="font-size: 1px; display: none !important;"></div>
<table class="body" style="background-color: #000000;" border="0"
cellspacing="0" cellpadding="0" bgcolor="#E9E8E7" width="100%">
<tbody>
<tr>
<td style="vertical-align: top;" valign="top">

<table class="container" style="max-width: 600px; width: 600px;


margin: 0 auto !important; padding: 0;" border="0" cellspacing="0" cellpadding="0"
width="600">
<tbody>
<tr>
<td style="padding: 0;">
<table style="width: 100%; max-width: 600px; margin: 0 auto;"
width="100%">
<tbody>
<tr>
<td style="padding: 0px; padding-bottom: 15px;"></td>
</tr>
</tbody>
</table>
<table class="variant_container" style="width: 100%; margin:
0 auto; padding-top: 0; padding-bottom: 0;" border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td class="wrapper" bgcolor="#FFFFFF">

<a class="img-wrapper"
href="https://www.paragongourmet.com/8KWTQDH/25WBQF3W/?creative_id=24011"
target="_blank" style="display: block;">
<!-- <span style="background:
url('https://i.imgur.com/Zf1lsdM.png') 320px;

background-size: cover;

width: 320px !important;

height: 220px !important;

background-repeat: no-repeat;

font-size: 0; line-height: 0;" class="img_switcher"> -->


<!-- <img class="mobile_only"
src="https://i.imgur.com/sPJPTP3.png'" style="vertical-align: top; height: 220px !
important;" alt="" width="330"> -->
<img class="desktop_only"
src="https://i.imgur.com/Zf1lsdM.png'" style="vertical-align: top;" alt=""
width="600">
<!-- </span> -->
</a>
<table class="headline" style="margin: 0 auto;
width: 90%; padding-top: 25px; padding-bottom: 10px;" border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td class="heading" style="font-family:
Arial, Helvetica, sans-serif;font-size: 24px;font-weight: bold;line-height:
25px;color: #1e2447;word-break: break-word;" valign="top" align="center">Belangrijk
bericht over uw energiekosten</td>
</tr>
</tbody>
</table>
<br><br><br><table class="bodycopy" style="margin:
0 auto;width: 90%;padding-bottom: 30px;" border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td class="text-content" style="font-family:
Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; word-break: break-
word;" valign="top" align="left">

<br>
Beste {Name},
<br><br>
U komt mogelijk in aanmerking voor een lager én vast energietarief. <br><br> Hoe
werkt dit? Wij vergelijken de tarieven en voorwaarden van verschillende
energieleveranciers en zullen u de beste en goedkoopste optie aanbieden. U hoeft
dus niet zelf al het werk hiervoor te doen. <br><br> De energietarieven die wij
aanbieden liggen altijd ver onder het prijsplafond. Dat is belangrijk want experts
waarschuwen voor mogelijke prijsstijgingen deze winter vanwege situaties in
Oekraïne en Israël.

<tr><td class="text-content" style="font-family: Arial, Helvetica, sans-serif;


font-size: 1em; color: #000000; word-break: break-word;" valign="top" align="left">

<br>

<a href="https://www.paragongourmet.com/8KWTQDH/25WBQF3W/?creative_id=24011"
target="_blank"> >> Ontdek uw besparingsmogelijkheden met onze gratis
Tariefchecker</a>

<br><br>

<br> Wij zijn een coalitie van energie-experts met één doel: u financieel
voorbereiden op de winter door het beste energietarief te bieden.
<br><br> Waarom wachten? Profiteer van deze unieke kans en bespaar op uw
energierekening voordat de tarieven stijgen.

</td>

</tr></tbody>
</table>

<br>

<table style="margin: 0 auto;width: 90%;padding-


bottom: 40px;" border="0" cellspacing="0" cellpadding="0">
<tbody>

<tr>
<td valign="top" align="center">

<a class="cta_button"
href="https://www.paragongourmet.com/8KWTQDH/25WBQF3W/?creative_id=24011"
target="_blank" style="
background-
color: #F86D16;
font-family:
Arial, Helvetica, sans-serif;
font-size:
24px;
color: white;
width: 415px;
border-radius:
0;
padding-top:
13px;
padding-bottom:
13px;
text-align:
center;
display: table-
cell;
vertical-align:
middle;
text-
decoration: none;
word-break:
break-word;
box-shadow: 0px
0px 19px #00000061;
mso-hide:all;
" width="224">
<strong>JA, ik wil een lager
energietarief</strong>
</a>
<br>
<br>

<hr style="border-top: 1px solid #000;


margin: 20px 0;">

<i>"De tarieven die energieleveranciers rekenen voor nieuwe klanten verschillen


behoorlijk. Niet alleen tussen de energieleveranciers onderling, maar ook tussen de
verschillende contracten bij dezelfde leverancier. Overstappen kan honderden euro's
schelen".
<br><br>Bron: RTL Nieuws </i>

</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>

</body></html>

You might also like