Skip to content

Instantly share code, notes, and snippets.

@methodik
Last active August 17, 2016 14:41
Show Gist options
  • Save methodik/de3fac1b112f64cddef88b55a29e255c to your computer and use it in GitHub Desktop.
Save methodik/de3fac1b112f64cddef88b55a29e255c to your computer and use it in GitHub Desktop.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/app.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title>Welcome to hevnly</title>
</head>
<body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">
<style>
@media only screen {
html {
min-height:100%;
background:#fff
}
}
@media only screen and (max-width:596px){
.small-float-center{
margin:0 auto!important;
float:none!important;
text-align:center!important
}
.small-text-center{
text-align:center!important
}
.small-text-left{
text-align:left!important
}
.small-text-right{
text-align:right!important
}
}
@media only screen and (max-width:596px){
.hide-for-large{
display:block!important;
width:auto!important;
overflow:visible!important;
max-height:none!important;
font-size:inherit!important;
line-height:inherit!important
}
}
@media only screen and (max-width:596px){
table.body table.container .hide-for-large,
table.body table.container .row.hide-for-large{
display:table!important;
width:100%!important
}
}
@media only screen and (max-width:596px){
table.body table.container .callout-inner.hide-for-large{
display:table-cell!important;
width:100%!important}
}
@media only screen and (max-width:596px){
table.body table.container .show-for-large{
display:none!important;
width:0;
mso-hide:all;
overflow:hidden
}
}
@media only screen and (max-width:596px){
table.body img{
width:auto;
height:auto
}
table.body center{
min-width:0!important
}
table.body .container{
width:95%!important
}
table.body .column,table.body .columns{
height:auto!important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:16px!important;
padding-right:16px!important
}
table.body .column .column,
table.body .column .columns,
table.body .columns .column,
table.body .columns .columns{
padding-left:0!important;
padding-right:0!important
}
table.body .collapse .column,
table.body .collapse .columns{
padding-left:0!important;
padding-right:0!important
}
td.small-1,th.small-1{
display:inline-block!important;
width:8.33333%!important
}
td.small-2,th.small-2{
display:inline-block!important;
width:16.66667%!important
}
td.small-3,th.small-3{
display:inline-block!important;
width:25%!important
}
td.small-4,
th.small-4{
display:inline-block!important;
width:33.33333%!important
}
td.small-5,
th.small-5{
display:inline-block!important;
width:41.66667%!important
}
td.small-6,
th.small-6{
display:inline-block!important;
width:50%!important
}
td.small-7,
th.small-7{
display:inline-block!important;
width:58.33333%!important
}
td.small-8,
th.small-8{
display:inline-block!important;
width:66.66667%!important
}
td.small-9,
th.small-9{
display:inline-block!important;
width:75%!important
}
td.small-10,
th.small-10{
display:inline-block!important;
width:83.33333%!important
}
td.small-11,
th.small-11{
display:inline-block!important;
width:91.66667%!important
}
td.small-12,
th.small-12{
display:inline-block!important;
width:100%!important
}
.column td.small-12,
.column th.small-12,
.columns td.small-12,
.columns th.small-12{
display:block!important;
width:100%!important
}
table.body td.small-offset-1,
table.body th.small-offset-1{
margin-left:8.33333%!important;
Margin-left:8.33333%!important
}
table.body td.small-offset-2,
table.body th.small-offset-2{
margin-left:16.66667%!important;
Margin-left:16.66667%!important
}
table.body td.small-offset-3,
table.body th.small-offset-3{
margin-left:25%!important;
Margin-left:25%!important
}
table.body td.small-offset-4,
table.body th.small-offset-4{
margin-left:33.33333%!important;
Margin-left:33.33333%!important
}
table.body td.small-offset-5,
table.body th.small-offset-5{
margin-left:41.66667%!important;
Margin-left:41.66667%!important
}
table.body td.small-offset-6,
table.body th.small-offset-6{
margin-left:50%!important;
Margin-left:50%!important
}
table.body td.small-offset-7,
table.body th.small-offset-7{
margin-left:58.33333%!important;
Margin-left:58.33333%!important
}
table.body td.small-offset-8,
table.body th.small-offset-8{
margin-left:66.66667%!important;
Margin-left:66.66667%!important
}
table.body td.small-offset-9,
table.body th.small-offset-9{
margin-left:75%!important;
Margin-left:75%!important
}
table.body td.small-offset-10,
table.body th.small-offset-10{
margin-left:83.33333%!important;
Margin-left:83.33333%!important
}
table.body td.small-offset-11,
table.body th.small-offset-11{
margin-left:91.66667%!important;
Margin-left:91.66667%!important
}
table.body table.columns td.expander,
table.body table.columns th.expander{
display:none!important
}
table.body .right-text-pad,
table.body .text-pad-right{
padding-left:10px!important
}
table.body .left-text-pad,
table.body .text-pad-left{
padding-right:10px!important
}
table.menu{
width:100%!important
}
table.menu td,
table.menu th{
width:auto!important;
display:inline-block!important
}
table.menu.small-vertical td,
table.menu.small-vertical th,
table.menu.vertical td,
table.menu.vertical th{
display:block!important
}
table.menu[align=center]{
width:auto!important
}
table.button.small-expand,
table.button.small-expanded{
width:100%!important
}
table.button.small-expand table,
table.button.small-expanded table{
width:100%
}
table.button.small-expand table a,
table.button.small-expanded table a{
text-align:center!important;
width:100%!important;
padding-left:0!important;
padding-right:0!important
}
table.button.small-expand center,
table.button.small-expanded center{
min-width:0
}
}
@media only screen and (max-width:596px){
.ml-logotype{
width:54px!important
}
.header .wrapper-inner{
padding:20px 0 20px 0!important
}
.ml-social-facebook{
padding-right:20px!important
}
}
@media only screen and (max-width:596px){
.ml-onboarding-tile-text p{
font-size:10px!important;
padding:0 12px 5px 12px!important;
margin-bottom:0!important
}
.ml-onboarding-tile-text h6{
font-size:60%!important
}
}
@media only screen and (min-width:596px){
.ml-onboarding-tile-image,
.ml-onboarding-tile-text{
width:290px!important
}
}
</style>
<span class="preheader" style="color:#fff;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden"></span>
<table class="body" style="Margin:0;background:#fff;border-collapse:collapse;border-spacing:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<td class="center" align="center" valign="top" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<center data-parsed="" style="min-width:580px;width:100%">
<!-- header - grey -->
<table style="Margin:0 auto;background:#F6F6F6;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%" align="center" class="wrapper header ml-header-onboarding float-center">
<tr style="padding:0;text-align:left;vertical-align:top">
<td class="wrapper-inner" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:20px;text-align:left;vertical-align:top;word-wrap:break-word">
<table align="center" class="container" style="Margin:0 auto;background:#F6F6F6;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:580px">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:16px;padding-right:16px;text-align:left;width:564px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<a href="http://hevnly.com/" target="_BLANK" style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left;text-decoration:none">
<center data-parsed="" style="min-width:532px;width:100%">
<img class="ml-logotype float-center" src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/1712f2b1-0b20-451f-8438-972ff6039819.png" alt="Discover and shop from an elite selection of designers and labels." align="center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:67px">
</center>
</a>
</th>
<th class="expander" style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<!-- header - grey -->
<!-- main section -->
<table style="Margin:0 auto;background:#F6F6F6;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%" align="center" class="wrapper ml-onboarding-hero float-center">
<tr style="padding:0;text-align:left;vertical-align:top">
<td class="wrapper-inner" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<!-- hero section -->
<table style="Margin:0 auto;background:#F6F6F6;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:580px" align="center" class="container">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="background:#F6F6F6;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%" class="row">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last" valign="middle" style="Margin:0 auto;background:#F6F6F6;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0!important;padding-bottom:16px;padding-left:16px;padding-right:16px;text-align:left;width:564px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<center style="background:#F6F6F6;min-width:532px;width:100%" data-parsed="">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/46ef1739-2624-4bab-8d56-2a9fbe034335.png" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto" alt="You're amongst the first to join - now you get access to new collections, seasonal events, and exclusive content. " align="center" class="float-center">
</center>
</th>
<th class="expander" style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--// hero section -->
<table style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;margin:0 auto;margin-top:0!important;padding:0;padding-top:0!important;text-align:inherit;vertical-align:top;width:580px" align="center" class="container ml-onboarding-main">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="border-collapse:collapse;border-spacing:0;display:table;margin-top:0!important;padding:0;padding-top:0!important;position:relative;text-align:left;vertical-align:top;width:100%" class="row collapse">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;margin-top:0!important;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;padding-top:0!important;text-align:left;width:588px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>
</tr>
</tbody>
</table>
<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>
</tr>
</tbody>
</table>
<h4 class="text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0;text-align:center;word-wrap:normal">what to expect from hevnly</h4>
</th>
<th class="expander" style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="ml-onboarding-tile-text small-6 large-6 columns first" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<h6 class="ml-uppercase-spacedout text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:80%;font-weight:400;letter-spacing:4px;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center;text-transform:uppercase;word-wrap:normal">Magazine</h6>
<p class="text-center" style="Margin:0;Margin-bottom:10px;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center">Get the latest collections and updates from design, art, and culture.</p>
</th>
</tr>
</table>
</th>
<th class="ml-onboarding-tile-image small-6 large-6 columns last" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/4238e3cd-9131-419f-b8ba-607d51f7079e.png" alt="Complimentary shipping on all orders made from the UK. " style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto">
</th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="ml-onboarding-tile-image small-6 large-6 columns first" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/8fc1881a-6ecb-4f20-a912-3b48ec93c14d.png" alt="Complimentary shipping on all orders made from the UK. " style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto">
</th>
</tr>
</table>
</th>
<th class="ml-onboarding-tile-text small-6 large-6 columns last" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<h6 class="ml-uppercase-spacedout text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:80%;font-weight:400;letter-spacing:4px;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center;text-transform:uppercase;word-wrap:normal">Fashion</h6>
<p class="text-center" style="Margin:0;Margin-bottom:10px;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center">Discover and shop from an elite collection of designers and labels.</p>
</th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="ml-onboarding-tile-text small-6 large-6 columns first" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<h6 class="ml-uppercase-spacedout text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:80%;font-weight:400;letter-spacing:4px;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center;text-transform:uppercase;word-wrap:normal">Events</h6>
<p class="text-center" style="Margin:0;Margin-bottom:10px;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center">Join the collective for private viewings, product launches, and brand showcases.</p>
</th>
</tr>
</table>
</th>
<th class="ml-onboarding-tile-image small-6 large-6 columns last" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/d71c2b85-17ae-4774-9ee8-55a009e39abc.png" alt="Complimentary shipping on all orders made from the UK. " class="ml-onboarding-tile-image" style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto">
</th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="ml-onboarding-tile-image small-6 large-6 columns first" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/685350f7-764f-44f8-9ba6-5465a9ccf8cd.png" alt="Complimentary shipping on all orders made from the UK. " style="-ms-interpolation-mode:bicubic;clear:both;display:block;max-width:100%;outline:0;padding-bottom:0;text-decoration:none;width:auto" class="ml-onboarding-tile-image">
</th>
</tr>
</table>
</th>
<th class="ml-onboarding-tile-text small-6 large-6 columns last" valign="middle" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:290px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<h6 class="ml-uppercase-spacedout text-center" style="Margin:0;Margin-bottom:10px;color:inherit;font-family:Helvetica,Arial,sans-serif;font-size:80%;font-weight:400;letter-spacing:4px;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center;text-transform:uppercase;word-wrap:normal">Free Shipping</h6>
<p class="text-center" style="Margin:0;Margin-bottom:10px;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0 20px 0 20px!important;text-align:center">Complimentary shipping on all orders made from the UK.</p>
</th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>
</tr>
</tbody>
</table>
<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<table style="Margin:0 auto;background:#F6F6F6;border-collapse:collapse;border-spacing:0;float:none;margin:0 auto;padding:0;text-align:center;vertical-align:top;width:100%" align="center" class="wrapper float-center">
<tr style="padding:0;text-align:left;vertical-align:top">
<td class="wrapper-inner" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<table style="Margin:0 auto;background:#f6f6f6;border-collapse:collapse;border-spacing:0;margin:0 auto;padding:0;text-align:inherit;vertical-align:top;width:580px" align="center" class="container">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:1.5;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">
<!-- TITLE - APP STORE -->
<table style="border-collapse:collapse;border-spacing:0;display:table;line-height:0;margin-top:16px;padding:0;position:relative;text-align:left;vertical-align:top;width:100%" class="row collapse ml-section-title">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:0;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:588px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:532px;width:100%">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/8d59d218-acba-4640-b975-1a6af189355a.png" alt="Discover and shop from an elite collection of designers and labels on hevnly. " width="588" height="" border="0" align="center" class="float-center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;clear:both;display:block;float:none;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto">
</center>
</th>
<th class="expander" style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="row collapse" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;width:588px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:532px;width:100%">
<a href="https://appsto.re/gb/p0am_.i" target="_BLANK" style="Margin:0;color:#2199e8;display:block;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left;text-decoration:none" align="center" class="float-center">
<img src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/a1a02443-fab8-4910-97dc-8453beb33d25.png" alt="Download hevnly for iOS now. " width="588" height="auto" style="-ms-interpolation-mode:bicubic;border:none;clear:both;display:block;max-width:100%;outline:0;text-decoration:none;width:auto">
</a>
</center>
</th>
<th class="expander" style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table style="background:#131313;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%" mc:edit="footer" class="row collapse">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-1 large-2 columns first" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:104.67px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left"></th>
</tr>
</table>
</th>
<th class="small-10 large-8 columns" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:24px;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:386.67px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<center data-parsed="" style="min-width:338.67px;width:100%">
<p class="text-center ml-text-small float-center" style="Margin:0;Margin-bottom:10px;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:80%!important;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0;padding-left:20px;padding-right:20px;text-align:center" align="center">hevnly, 0&#8203;8&#8203;0&#8203;9&#8203;5&#8203;6&#8203;6&#8203;7, 32-40 Tontine Street Folkestone, Kent, CT20 1JU</p>
</center>
</th>
</tr>
</table>
</th>
<th class="small-1 large-2 columns last" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:104.67px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table style="background:#131313;border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%" class="row collapse">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-4 large-5 columns first" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:249.67px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left"></th>
</tr>
</table>
</th>
<th class="small-2 large-1 columns" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:48.33px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<a href="https://www.instagram.com/curatedbyhevnly/" target="_BLANK" style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left;text-decoration:none">
<center data-parsed="" style="min-width:.33px;width:100%">
<img class="ml-social float-center" width="16" height="16" src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/739d730d-3efc-4588-a7a6-491cee0c7bcd.png" alt="" align="center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;height:16px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto">
</center>
</a>
</th>
</tr>
</table>
</th>
<th class="small-2 large-1 columns" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:48.33px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<a href="https://www.facebook.com/hevnlyholygrail" target="_BLANK" style="Margin:0;color:#2199e8;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left;text-decoration:none">
<center data-parsed="" style="min-width:.33px;width:100%">
<img class="ml-social float-center" width="16" height="16" src="https://gallery.mailchimp.com/828cd948c173c0bfda62c3d16/images/f0637abe-3a2d-4e2c-a455-922fdea1639f.png" alt="" align="center" style="-ms-interpolation-mode:bicubic;Margin:0 auto;border:none;clear:both;display:block;float:none;height:16px;margin:0 auto;max-width:100%;outline:0;text-align:center;text-decoration:none;width:auto">
</center>
</a>
</th>
</tr>
</table>
</th>
<th class="small-4 large-5 columns last" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:249.67px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table style="background:#131313;border-collapse:collapse;border-spacing:0;display:table;margin-bottom:24px;padding:0;position:relative;text-align:left;vertical-align:top;width:100%" class="row collapse">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<th class="small-12 large-12 columns first last" style="Margin:0 auto;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0 auto;padding:0;padding-bottom:16px;padding-left:0;padding-right:0;text-align:left;width:588px">
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tr style="padding:0;text-align:left;vertical-align:top">
<th style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;text-align:left">
<p class="text-center ml-text-small" style="Margin:0;Margin-bottom:10px;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:80%!important;font-weight:400;line-height:1.5;margin:0;margin-bottom:10px;padding:0;text-align:center">
<a href="http://app.hevnly.com/settings" class="text-center;" style="Margin:0;color:#787878;font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0;padding-bottom:24px;text-align:left;text-decoration:underline" target="_BLANK">unsubscribe</a>
</p>
</th>
<th class="expander" style="Margin:0;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0!important;text-align:left;visibility:hidden;width:0"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>
</tr>
</tbody>
</table>
<table class="spacer" style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
<tbody>
<tr style="padding:0;text-align:left;vertical-align:top">
<td height="16px" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;hyphens:auto;line-height:16px;margin:0;mso-line-height-rule:exactly;padding:0;text-align:left;vertical-align:top;word-wrap:break-word">&#xA0;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<!-- prevent Gmail on iOS font size manipulation -->
<div style="display:none;white-space:nowrap;font:15px courier;line-height:0">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment