mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-25 01:36:06 +08:00
304 lines
10 KiB
HTML
304 lines
10 KiB
HTML
|
<!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" dir="ltr">
|
||
|
|
<head>
|
||
|
|
<title>Fitty Mi Supper Club</title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta name="description" content="Fitty Mi Supper Club Email Forms">
|
||
|
|
<meta name="keywords" content="Fitty Mi Supper Club">
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
body{
|
||
|
|
font:14px/20px 'Helvetica', Arial, sans-serif;
|
||
|
|
margin:0;
|
||
|
|
padding:75px 0 0 0;
|
||
|
|
text-align:center;
|
||
|
|
-webkit-text-size-adjust:none;
|
||
|
|
}
|
||
|
|
p{
|
||
|
|
padding:0 0 10px 0;
|
||
|
|
}
|
||
|
|
h1 img{
|
||
|
|
max-width:100%;
|
||
|
|
height:auto !important;
|
||
|
|
vertical-align:bottom;
|
||
|
|
}
|
||
|
|
h2{
|
||
|
|
font-size:22px;
|
||
|
|
line-height:28px;
|
||
|
|
margin:0 0 12px 0;
|
||
|
|
}
|
||
|
|
h3{
|
||
|
|
margin:0 0 12px 0;
|
||
|
|
}
|
||
|
|
.headerBar{
|
||
|
|
background:none;
|
||
|
|
padding:0;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
.wrapper{
|
||
|
|
width:600px;
|
||
|
|
margin:0 auto 10px auto;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
input.button{
|
||
|
|
border:none !important;
|
||
|
|
}
|
||
|
|
.button{
|
||
|
|
display:inline-block;
|
||
|
|
font-weight:500;
|
||
|
|
font-size:16px;
|
||
|
|
line-height:42px;
|
||
|
|
font-family:'Helvetica', Arial, sans-serif;
|
||
|
|
width:auto;
|
||
|
|
white-space:nowrap;
|
||
|
|
height:42px;
|
||
|
|
margin:12px 5px 12px 0;
|
||
|
|
padding:0 22px;
|
||
|
|
text-decoration:none;
|
||
|
|
text-align:center;
|
||
|
|
cursor:pointer;
|
||
|
|
border:0;
|
||
|
|
border-radius:3px;
|
||
|
|
vertical-align:top;
|
||
|
|
}
|
||
|
|
.button span{
|
||
|
|
display:inline;
|
||
|
|
font-family:'Helvetica', Arial, sans-serif;
|
||
|
|
text-decoration:none;
|
||
|
|
font-weight:500;
|
||
|
|
font-style:normal;
|
||
|
|
font-size:16px;
|
||
|
|
line-height:42px;
|
||
|
|
cursor:pointer;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
.rounded6{
|
||
|
|
border-radius:6px;
|
||
|
|
}
|
||
|
|
.poweredWrapper{
|
||
|
|
padding:20px 0;
|
||
|
|
width:560px;
|
||
|
|
margin:0 auto;
|
||
|
|
}
|
||
|
|
.poweredBy{
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
span.or{
|
||
|
|
display:inline-block;
|
||
|
|
height:32px;
|
||
|
|
line-height:32px;
|
||
|
|
padding:0 5px;
|
||
|
|
margin:5px 5px 0 0;
|
||
|
|
}
|
||
|
|
.clear{
|
||
|
|
clear:both;
|
||
|
|
}
|
||
|
|
.profile-list{
|
||
|
|
display:block;
|
||
|
|
margin:15px 20px;
|
||
|
|
padding:0;
|
||
|
|
list-style:none;
|
||
|
|
border-top:1px solid #eee;
|
||
|
|
}
|
||
|
|
.profile-list li{
|
||
|
|
display:block;
|
||
|
|
margin:0;
|
||
|
|
padding:5px 0;
|
||
|
|
border-bottom:1px solid #eee;
|
||
|
|
}
|
||
|
|
html[dir=rtl] .wrapper,html[dir=rtl] .container,html[dir=rtl] label{
|
||
|
|
text-align:right !important;
|
||
|
|
}
|
||
|
|
html[dir=rtl] ul.interestgroup_field label{
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
html[dir=rtl] ul.interestgroup_field input{
|
||
|
|
margin-left:5px;
|
||
|
|
}
|
||
|
|
html[dir=rtl] .hidden-from-view{
|
||
|
|
right:-5000px;
|
||
|
|
left:auto;
|
||
|
|
}
|
||
|
|
body,#bodyTable{
|
||
|
|
background-color:#eeeeee;
|
||
|
|
}
|
||
|
|
h1{
|
||
|
|
font-size:28px;
|
||
|
|
line-height:110%;
|
||
|
|
margin-bottom:30px;
|
||
|
|
margin-top:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
#templateContainer{
|
||
|
|
background-color:none;
|
||
|
|
}
|
||
|
|
#templateBody{
|
||
|
|
background-color:#ffffff;
|
||
|
|
}
|
||
|
|
.bodyContent{
|
||
|
|
line-height:150%;
|
||
|
|
font-family:Helvetica;
|
||
|
|
font-size:14px;
|
||
|
|
color:#333333;
|
||
|
|
padding:20px;
|
||
|
|
}
|
||
|
|
a:link,a:active,a:visited,a{
|
||
|
|
color:#336699;
|
||
|
|
}
|
||
|
|
.button:link,.button:active,.button:visited,.button,.button span{
|
||
|
|
background-color:#5d5d5d !important;
|
||
|
|
color:#ffffff !important;
|
||
|
|
}
|
||
|
|
.button:hover{
|
||
|
|
background-color:#444444 !important;
|
||
|
|
color:#ffffff !important;
|
||
|
|
}
|
||
|
|
label{
|
||
|
|
line-height:150%;
|
||
|
|
font-family:Helvetica;
|
||
|
|
font-size:16px;
|
||
|
|
color:#5d5d5d;
|
||
|
|
}
|
||
|
|
.field-group input,select,textarea,.dijitInputField{
|
||
|
|
font-family:Helvetica;
|
||
|
|
color:#5d5d5d !important;
|
||
|
|
}
|
||
|
|
.asterisk{
|
||
|
|
color:#cc6600;
|
||
|
|
font-size:20px;
|
||
|
|
}
|
||
|
|
label .asterisk{
|
||
|
|
visibility:hidden;
|
||
|
|
}
|
||
|
|
.indicates-required{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
.field-help{
|
||
|
|
color:#777;
|
||
|
|
}
|
||
|
|
.error,.errorText{
|
||
|
|
color:#e85c41;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
@media (max-width: 620px){
|
||
|
|
body{
|
||
|
|
width:100%;
|
||
|
|
-webkit-font-smoothing:antialiased;
|
||
|
|
padding:10px 0 0 0 !important;
|
||
|
|
min-width:300px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
} @media (max-width: 620px){
|
||
|
|
.wrapper,.poweredWrapper{
|
||
|
|
width:auto !important;
|
||
|
|
max-width:600px !important;
|
||
|
|
padding:0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
} @media (max-width: 620px){
|
||
|
|
#templateContainer,#templateBody,#templateContainer table{
|
||
|
|
width:100% !important;
|
||
|
|
-moz-box-sizing:border-box;
|
||
|
|
-webkit-box-sizing:border-box;
|
||
|
|
box-sizing:border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
} @media (max-width: 620px){
|
||
|
|
.addressfield span{
|
||
|
|
width:auto;
|
||
|
|
float:none;
|
||
|
|
padding-right:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
} @media (max-width: 620px){
|
||
|
|
.captcha{
|
||
|
|
width:auto;
|
||
|
|
float:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
}</style></head>
|
||
|
|
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="font: 14px/20px 'Helvetica', Arial, sans-serif;margin: 0;padding: 75px 0 0 0;text-align: center;-webkit-text-size-adjust: none;background-color: #eeeeee;">
|
||
|
|
<center>
|
||
|
|
<table border="0" cellpadding="20" cellspacing="0" height="100%" width="100%" id="bodyTable" style="background-color: #eeeeee;">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top">
|
||
|
|
<!-- // BEGIN CONTAINER -->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" class="rounded6" style="border-radius: 6px;background-color: none;">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top">
|
||
|
|
<!-- // BEGIN HEADER -->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="600">
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<h1 style="font-size: 28px;line-height: 110%;margin-bottom: 30px;margin-top: 0;padding: 0;">Fitty Mi Supper Club</h1>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!-- END HEADER \\ -->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top">
|
||
|
|
<!-- // BEGIN BODY -->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody" class="rounded6" style="border-radius: 6px;background-color: #ffffff;">
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td align="left" valign="top" class="bodyContent" style="line-height: 150%;font-family: Helvetica;font-size: 14px;color: #333333;padding: 20px;">
|
||
|
|
|
||
|
|
<h2 style="font-size: 22px;line-height: 28px;margin: 0 0 12px 0;">Please Confirm Subscription
|
||
|
|
</h2>
|
||
|
|
<a class="button" href="https://fittymi.us14.list-manage.com/subscribe/confirm?u=883f8d639a9edbf20eb81e6f3&id=2de489bfe5&e=81ac72d108" style="color: #ffffff !important;display: inline-block;font-weight: 500;font-size: 16px;line-height: 42px;font-family: 'Helvetica', Arial, sans-serif;width: auto;white-space: nowrap;height: 42px;margin: 12px 5px 12px 0;padding: 0 22px;text-decoration: none;text-align: center;cursor: pointer;border: 0;border-radius: 3px;vertical-align: top;background-color: #5d5d5d !important;"><span style="display: inline;font-family: 'Helvetica', Arial, sans-serif;text-decoration: none;font-weight: 500;font-style: normal;font-size: 16px;line-height: 42px;cursor: pointer;border: none;background-color: #5d5d5d !important;color: #ffffff !important;">Yes, subscribe me to this list.</span></a>
|
||
|
|
<br>
|
||
|
|
<div><p style="padding: 0 0 10px 0;">If you received this email by mistake, simply delete it. You won't be subscribed if you don't click the confirmation link above.</p>
|
||
|
|
<p style="padding: 0 0 10px 0;">For questions about this list, please contact:
|
||
|
|
<br><a href="mailto:mark@fittymi.com" style="color: #336699;">mark@fittymi.com</a></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<span itemscope itemtype="http://schema.org/EmailMessage">
|
||
|
|
<span itemprop="description" content="We need to confirm your email address."></span>
|
||
|
|
<span itemprop="action" itemscope itemtype="http://schema.org/ConfirmAction">
|
||
|
|
<meta itemprop="name" content="Confirm Subscription">
|
||
|
|
<span itemprop="handler" itemscope itemtype="http://schema.org/HttpActionHandler">
|
||
|
|
<meta itemprop="url" content="https://fittymi.us14.list-manage.com/subscribe/smartmail-confirm?u=883f8d639a9edbf20eb81e6f3&id=2de489bfe5&e=81ac72d108&inline=true">
|
||
|
|
<link itemprop="method" href="http://schema.org/HttpRequestMethod/POST">
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
|
||
|
|
</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!-- END BODY \\ -->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top">
|
||
|
|
<!-- // BEGIN FOOTER -->
|
||
|
|
<table border="0" cellpadding="20" cellspacing="0" width="600">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top">
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<span class="poweredBy" style="display: block;"><a href="http://www.mailchimp.com/monkey-rewards/?utm_source=freemium_newsletter&utm_medium=email&utm_campaign=monkey_rewards&aid=883f8d639a9edbf20eb81e6f3&afl=1" style="color: #336699;"><img src="https://cdn-images.mailchimp.com/monkey_rewards/MC_MonkeyReward_15.png" border="0" alt="Email Marketing Powered by MailChimp" title="MailChimp Email Marketing" width="139" height="54"></a></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!-- END FOOTER \\ -->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!-- END CONTAINER \\ -->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</center>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|