<!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>Email</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: #fff;
}
.logo {
width: 220px;
padding: 20px 0px;
}
.ribbon {
display: inline-block;
font-size: 12px;
font-weight: bold;
margin-top: 50px;
padding: 8px 20px;
background-color: #f8c126;
color: #1f2c42;
border-radius: 50px;
margin-bottom: 10px;
text-transform: uppercase;
}
.intro {
font-size: 40px;
font-weight: bold;
max-width: 90%;
color: #1f2c42;
}
.feature-img{
width: 200px;
margin-right: 40px;
}
.title-para {
color: #ff7400;
font-size: 18px;
margin-top: 240px;
}
.title {
font-size: 30px;
font-weight: bold;
max-width: 90%;
margin-bottom: 30px;
}
.cta {
display: inline-block;
min-width: 280px;
font-size: 26px;
background-color: #0038ff;
padding: 18px 30px;
text-decoration: none;
color: #fff;
font-weight: bold;
border-radius: 10px;
margin-top: 40px;
margin-bottom: 40px;
text-transform: uppercase;
}
.feature-para {
max-width: 80%;
font-size: 17px;
text-align: left;
margin-top: 10px;
}
.bullet {
width: 24px;
vertical-align: middle;
margin-right: 10px;
float: left;
}
@media only screen and (max-width: 480px) {
.wrapper .section {
width: 100%;
}
.wrapper .column {
width: 100%;
display: block;
}
.ribbon{
margin-top: 20px;
font-size: 11px;
}
.intro {
font-size: 24px;
}
.feature-img {
width: 160px;
margin-right: 90px;
margin-top: 170px;
}
.title-para {
font-size: 14px;
margin-top: 20px;
max-width: 90%;
}
.title {
font-size: 24px;
font-weight: bold;
}
.feature-para {
max-width: 90%;
font-size: 14px;
}
.bullet{
margin-bottom: 10px;
}
.cta {
font-size: 18px;
padding: 18px;
}
.white-text {
font-size: 18px;
}
}
</style>
</head>
<body style="background-color: #dcdcdd;padding-top:30px;">
<table width="100%">
<tbody>
<tr>
<td class="wrapper" width="600" align="center">
<table class="section header" cellpadding="" cellspacing="" align="center">
<tbody>
<tr>
<td width="600" valign="top" align="center" bgcolor="#fff"> <a href="https://take-it.today/PRO1017898565255DF78RE45FD7FD454F5D2X44GD5G4C2X4G4D5/RY0K07779564458785412002145454545787RE45FD78RE45G7RE845FD7RE845FD"><img border="0" src="https://www.zupimages.net/up/24/13/953v.png" alt="logo" class="logo" /></a> </td>
</tr>
<tr>
<td align="center" bgcolor="#141618" width="600" class="column" background="https://www.zupimages.net/up/24/13/n4v1.jpg" style="background-repeat:no-repeat;background-size: 100%;-webkit-text-size-adjust: 100%;mso-line-height-rule: exactly;"> <p class="ribbon">Sicheres Internet Überall</p> <p class="intro">Ryoko mobiles WLAN – bleiben Sie auf der ganzen Welt in Verbindung</p> <a href="https://take-it.today/PRO1017898565255DF78RE45FD7FD454F5D2X44GD5G4C2X4G4D5/RY0K07779564458785412002145454545787RE45FD78RE45G7RE845FD7RE845FD" style="display:block;text-align:right;"><img border="0" src="https://www.zupimages.net/up/24/13/0pob.png" class="feature-img" /></a> <p class="title-para">Genießen Sie die Internetverbindung von Ryoko in 112 Ländern.</p> <p class="title">Ihr Tragbarer Internetbegleiter, Von Lokal Bis Global</p> <p class="feature-para"> <img border="0" src="https://www.zupimages.net/up/24/13/2w48.png" alt="bullet" class="bullet" /><strong>Privates Internet in Ihrer Tasche</strong> - kein unsicheres und langsames öffentliches WLAN mehr </p> <p class="feature-para"> <img border="0" src="https://www.zupimages.net/up/24/13/2w48.png" alt="bullet" class="bullet" /><strong>Erschwinglich und im Voraus bezahlt</strong> - seien Sie frei von hohen Roaming-Gebühren</p> <p class="feature-para"> <img border="0" src="https://www.zupimages.net/up/24/13/2w48.png" alt="bullet" class="bullet" /><strong>Es ist kein Vertrag erforderlich</strong> – jederzeit kündbar </p> <a href="https://take-it.today/PRO1017898565255DF78RE45FD7FD454F5D2X44GD5G4C2X4G4D5/RY0K07779564458785412002145454545787RE45FD78RE45G7RE845FD7RE845FD" class="cta">Erhalten Sie -70 % Rabatt</a> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td height="15" style="line-height: 15px;"> </td>
</tr>
<tr>
</tr>
<tr>
<td height="35" style="line-height: 35px;"> </td>
</tr>
</tbody>
</table>
</body>
</html>