This commit is contained in:
2020-06-02 22:40:17 +02:00
parent 0c3de96530
commit f12202e7ec
8 changed files with 486 additions and 4 deletions

353
housesof-confirmation.html Normal file
View File

@@ -0,0 +1,353 @@
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Houses Of — Confirm your subscription</title>
<!--[if !mso]><!-- -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style type="text/css">
#outlook a {
padding: 0;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
.ExternalClass * {
line-height: 100%;
}
body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table,
td {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
p {
display: block;
margin: 13px 0;
}
</style>
<!--[if !mso]><!-->
<style type="text/css">
@media only screen and (max-width:480px) {
@-ms-viewport {
width: 320px;
}
@viewport {
width: 320px;
}
}
</style>
<!--<![endif]-->
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.outlook-group-fix { width:100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://static.housesof.world/fonts/webfont-sans.css" rel="stylesheet" type="text/css">
<link href="https://static.housesof.world/fonts/webfont-serif.css" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(https://static.housesof.world/fonts/webfont-sans.css);
@import url(https://static.housesof.world/fonts/webfont-serif.css);
</style>
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:480px) {
.mj-column-per-100 {
width: 100% !important;
max-width: 100%;
}
}
</style>
<style type="text/css">
@media only screen and (max-width:480px) {
table.full-width-mobile {
width: 100% !important;
}
td.full-width-mobile {
width: auto !important;
}
}
</style>
<style type="text/css">
.footer-link {
color: #9D729D;
text-decoration: underline;
}
.footer-link:hover {
color: #C7AEC7;
}
</style><!-- Font families -->
<!-- CSS classes (usually for links) -->
</head>
<body style="background-color:#2D0458;">
<div style="background-color:#2D0458;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="background:#3C0576;background-color:#3C0576;Margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="background:#3C0576;background-color:#3C0576;width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="Margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="width:100%;">
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;padding-bottom:96px;text-align:center;vertical-align:top;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 outlook-group-fix"
style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation" style="vertical-align:top;" width="100%">
<tr>
<td align="center"
style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation"
style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td style="width:600px;"><img alt=""
height="auto" src="https://static.housesof.world/emails/title-houses.png"
style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;"
width="600"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="background:#3C0576;background-color:#3C0576;Margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="background:#3C0576;background-color:#3C0576;width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:0 24px;text-align:center;vertical-align:top;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:552px;" width="552" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div
style="background:#ffffff;background-color:#ffffff;Margin:0px auto;border-radius:6px;max-width:552px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="background:#ffffff;background-color:#ffffff;width:100%;border-radius:6px;">
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:13% 0;text-align:center;vertical-align:top;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:552px;" ><![endif]-->
<div class="mj-column-per-100 outlook-group-fix"
style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation" style="vertical-align:top;" width="100%">
<!-- New Photos -->
<tr>
<td align="center"
style="font-size:0px;padding:0 8% 10%;word-break:break-word;">
<div
style="font-family:HOW-Serif;font-size:32px;font-weight:200;line-height:1;text-align:center;color:#FF6C89;">
Thanks for dropping by!</div>
</td>
</tr>
<tr>
<td align="center"
style="font-size:0px;padding:0 10%;padding-bottom:32px;word-break:break-word;">
<div
style="font-family:HOW-Sans;font-size:18px;font-weight:300;line-height:32px;text-align:center;color:#333333;">
In order to receive fresh photos and locations via
the Houses Of newsletter, please click below to
confirm your subscription.</div>
</td>
</tr>
<tr>
<td align="center" vertical-align="middle"
style="font-size:0px;padding:16px 0 0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation"
style="border-collapse:separate;line-height:100%;">
<tr>
<td align="center" bgcolor="#FF6C89"
role="presentation"
style="border:none;border-radius:24px;cursor:auto;height:48px;padding:0 24px;background:#FF6C89;"
valign="middle">
<a href="{{ doubleoptin }}" style="background:#FF6C89;color:#ffffff;font-family:HOW-Sans;font-size:18px;font-weight:600;line-height:120%;Margin:0;text-decoration:none;text-transform:none;" target="_blank">
Confirm my subscription
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
<!-- Footer -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="background:#3C0576;background-color:#3C0576;Margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="background:#3C0576;background-color:#3C0576;width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:13% 0 6%;text-align:center;vertical-align:top;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
<div style="Margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="width:100%;">
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 outlook-group-fix"
style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation" style="vertical-align:top;" width="100%">
<tr>
<td align="center"
style="font-size:0px;padding:0 0 16px;word-break:break-word;">
<div
style="font-family:HOW-Sans;font-size:16px;font-weight:300;line-height:1;text-align:center;color:#ffffff;">
&copy; Houses Of 2020</div>
</td>
</tr>
<tr>
<td align="center"
style="font-size:0px;padding:16px 0 12px;word-break:break-word;">
<div
style="font-family:HOW-Sans;font-size:16px;font-weight:300;line-height:1;text-align:center;color:#ffffff;">
A project by</div>
</td>
</tr>
<tr>
<td align="center"
style="font-size:0px;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0"
role="presentation"
style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td style="width:140px;"><a href="https://cetrucflotte.com"
target="_blank"><img
alt="Cetrucflotte logo"
height="auto"
src="https://static.housesof.world/emails/logo-cetrucflotte.png"
style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;"
width="140"></a></td>
</tr>
</tbody>
</table>
</td>
</tr><!-- Links -->
<tr>
<td align="center"
style="font-size:0px;padding:4px 0;padding-top:48px;word-break:break-word;">
<div
style="font-family:HOW-Sans;font-size:14px;font-weight:300;line-height:18px;text-align:center;color:#9D729D;">
<a href="{{ update_profile }}" class="footer-link">Manage subscribe
preferences</a></div>
</td>
</tr>
<tr>
<td align="center"
style="font-size:0px;padding:4px 0;word-break:break-word;">
<div
style="font-family:HOW-Sans;font-size:14px;font-weight:300;line-height:18px;text-align:center;color:#9D729D;">
<a href="{{ unsubscribe }}" class="footer-link">Unsubscribe</a>
</div>
</td>
</tr>
<tr>
<td align="center"
style="font-size:0px;padding:4px 0;word-break:break-word;">
<div
style="font-family:HOW-Sans;font-size:14px;font-weight:300;line-height:18px;text-align:center;color:#9D729D;">
See this email as a <a href="{{ mirror }}"
class="footer-link">web page</a>.</div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
</body>
</html>