Subscribe to Email List

<!DOCTYPE html>
<html dir=”ltr”>
<head>
<title>Book Updates</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=”Book Updates Email Forms”>
<meta name=”keywords” content=”Book Updates”>
<script type=”text/javascript” src=”http://www.google.com/jsapi“></script>
<script type=”text/javascript”>
google.load(“jquery”, “1.7.1”);
</script>
<script type=”text/javascript”>
$(document).ready(function(){
try {
$(‘:input:visible:first’).focus();
$(‘#archive-list li:even’).addClass(“odd”);
$(‘.field-group, .field-group input, .field-group select’).bind(‘click’,function(event){
if (event.type == ‘click’) {
if ($(this).hasClass(‘field-group’)){
var fg = $(this);
if($(this).children(‘.datefield’).length == 1){
// Do not select 1st input so date picker will work.
} else {
$(this).find(‘input, select’).slice(0,1).focus();
}
} else {
var fg = $(this).parents(‘.field-group’);
$(this).focus();
}
fg.not(‘.focused-field’).addClass(‘focused-field’).children(‘.field-help’).slideDown(‘fast’);
$(‘.focused-field’).not(fg).removeClass(‘focused-field’).children(‘.field-help’).slideUp(‘fast’);
}
event.stopPropagation();
});
$(‘label’).bind(‘click’,function(event){
if (event.type == ‘click’) {
var fg = $(this).next();
if(fg.children(‘.datefield’).length == 1){
// Do not select 1st input so date picker will work.
} else {
fg.find(‘input, select’).slice(0,1).focus();
}
fg.not(‘.focused-field’).addClass(‘focused-field’).children(‘.field-help’).slideDown(‘fast’);
$(‘.focused-field’).not(fg).removeClass(‘focused-field’).children(‘.field-help’).slideUp(‘fast’);
}
event.stopPropagation();
});
// Allow select inputs to be width:auto up to 500px (because max-width doesn’t work in IE7)
$(“select”).each(function(){
$(this).css(“width”, “auto”);
if($(this).width() > 500){
$(this).css(“width”, “500px”);
}
});
} catch(e){ console.log(e); }
});
</script>
<script type=”text/javascript” src=”http://downloads.mailchimp.com/js/jquery.mailcheck.min.js“></script>
<script type=”text/javascript”>
$(document).ready(function(){
try {
var domains =[‘hp.com’,’hotmail.co.uk’,’yahoo.co.uk’,’yahoo.com.tw’,’yahoo.com.au’,’yahoo.com.mx’,’gmail.com’,’hotmail.com’,’yahoo.com’,’aol.com’,’comcast.net’,’msn.com’,’seznam.cz’,’sbcglobal.net’,’live.com’,’bellsouth.net’,’hotmail.fr’,’verizon.net’,’mail.ru’,’btinternet.com’,’cox.net’,’yahoo.com.br’,’bigpond.com’,’att.net’,’yahoo.fr’,’mac.com’,’ymail.com’,’googlemail.com’,’earthlink.net’,’xtra.co.nz’,’me.com’,’yahoo.gr’,’walla.com’,’yahoo.es’,’charter.net’,’shaw.ca’,’live.nl’,’yahoo.ca’,’orange.fr’,’optonline.net’,’gmx.de’,’wanadoo.fr’,’optusnet.com.au’,’rogers.com’,’web.de’,’ntlworld.com’,’juno.com’,’yahoo.com.sg’,’rocketmail.com’,’yandex.ru’,’yahoo.co.in’,’centrum.cz’,’live.co.uk’,’sympatico.ca’,’libero.it’,’walla.co.il’,’bigpond.net.au’,’yahoo.com.hk’,’ig.com.br’,’live.com.au’,’free.fr’,’sky.com’,’uol.com.br’,’abv.bg’,’live.fr’,’terra.com.br’,’hotmail.it’,’tiscali.co.uk’,’rediffmail.com’,’aim.com’,’blueyonder.co.uk’,’telus.net’,’bol.com.br’,’hotmail.es’,’email.cz’,’windowslive.com’,’talktalk.net’,’home.nl’,’t-online.de’,’yahoo.de’,’telenet.be’,’163.com’,’embarqmail.com’,’windstream.net’,’roadrunner.com’,’bluewin.ch’,’skynet.be’,’laposte.net’,’yahoo.it’,’qq.com’,’live.dk’,’planet.nl’,’hetnet.nl’,’gmx.net’,’mindspring.com’,’rambler.ru’,’iinet.net.au’,’eircom.net’,’yahoo.com.ar’,’wp.pl’,’mail.com’,’emmis.com’,’hotmail.de’,’lireo.com’,’gmx.at’,’ukr.net’,’zol.co.zw’];
var tdomains = [];
$(‘#MERGE0’).on(‘blur’, function() {
$(this).mailcheck({
domains: domains,
topLevelDomains: tdomains,
suggested: function(element, suggestion) {
var msg = ‘Hmm, did you mean ‘+suggestion.full+’?’;
if ( $(‘#MERGE0_mailcheck’).length > 0 ){
$(‘#MERGE0_mailcheck’).html(msg);
} else {
element.after(‘<div id=”MERGE0_mailcheck”>’+msg+'</div>’);
}
},
empty: function(element) {
if ( $(‘#MERGE0_mailcheck’).length > 0 ){
$(‘#MERGE0_mailcheck’).remove();
}
return;
}
});
});
} catch(e){ console.log(e); }
});
</script>
<style type=”text/css”>
body{
font:14px/20px ‘Helvetica’, Arial, sans-serif;
margin:0;
padding:75px 0 0 0;
text-align:center;
}
p{
padding:0 0 10px 0;
}
textarea{
font:12px/18px ‘Helvetica’, Arial, sans-serif;
}
h2{
font-size:22px;
line-height:28px;
margin:0 0 10px 0;
}
h3{
margin:0 0 5px 0;
padding:0;
}
.headerBar{
background:none;
padding:0;
border:none;
}
.wrapper{
width:600px;
margin:0 auto 10px auto;
text-align:left;
}
.container{
position:relative;
border-width:0 !important;
border-color:transparent !important;
margin:0;
text-align:left;
-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.1);
box-shadow:2px 2px 4px rgba(0,0,0,0.1);
}
.tpl-image-content{
padding-left:20px;
}
fieldset{
padding:10px;
background-color:#ddd;
border:1px solid #ccc;
}
label{
float:none;
clear:both;
display:block;
width:auto;
margin-top:8px;
text-align:left;
font-weight:bold;
position:relative;
}
.field-group{
float:none;
margin:3px 0 15px 0;
padding:5px;
border-style:solid;
background:-moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, rgba(255, 255, 255, .25)));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00ffffff’, endColorstr=’#3fffffff’);
-ms-filter:”progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00ffffff’, endColorstr=’#3fffffff’)”;
}
.field-group input{
display:block;
margin:0;
padding:5px;
border:0;
background:none;
width:98%;
background-position:97% 50% !important;
}
.radiogroup input,.phonearea input,.addressfield input,.datefield input,.groups input{
width:auto;
}
.radio-group input,.checkbox-group input{
width:auto;
display:inline-block;
margin-right:5px;
}
.field-group label{
clear:none;
}
.field-group textarea{
background:none;
border:none;
width:525px;
height:150px;
margin:0;
overflow:auto;
}
.field-help{
display:none;
font-weight:normal;
position:static;
float:none;
clear:both;
margin:5px -5px -5px -5px;
width:auto;
padding:8px 10px;
line-height:16px;
font-size:12px;
-moz-border-radius:0;
border-radius:0;
-webkit-border-radius:0;
}
.field-help .help{
min-height:16px;
text-decoration:none;
}
.field-group .feedback br{
display:none;
}
.field-group .feedback div{
margin:0 !important;
padding:0 !important;
}
.addressfield .subfield{
clear:left;
}
.indicates-required{
text-align:right;
}
.indicates-required span{
font-size:150%;
font-weight:bold;
}
label .asterisk{
position:absolute;
top:36px;
right:10px;
font-size:30px;
}
.error,.errorText{
margin:5px 0 0 0;
padding:5px 10px;
}
.formstatus{
margin-bottom:10px;
}
.alert{
background:#e4f3d4;
border:2px solid #5ca000;
font-size:14px;
color:#5ca000;
margin:10px 0;
padding:10px;
}
.alert a{
color:#5ca000;
text-decoration:underline;
}
.datefield,.phonefield-us{
padding:5px;
}
.datefield input,.phonefield-us input{
display:inline;
width:60px;
margin:0 2px;
letter-spacing:1px;
text-align:center;
padding:5px 0 2px 0;
}
.datefield .small-meta{
font-size:11px;
}
.phonefield-us .phonearea input,.phonefield-us .phonedetail1 input{
width:40px;
}
.datefield .monthfield input,.datefield .dayfield input{
width:30px;
}
.datefield label,.phonefield-us label{
display:none;
}
ul.interestgroup_field{
display:block;
padding:5px;
margin:0;
}
ul.interestgroup_field li,.interestgroup_row{
display:block;
margin:0;
padding:0;
list-style:none;
}
ul.interestgroup_field input{
display:inline !important;
width:auto !important;
}
ul.interestgroup_field label,div.interestgroup_field label{
display:table;
padding:0 0 0 3px;
font-weight:normal;
}
select{
width:300px;
margin:5px;
}
ul.unsub-options{
display:block;
}
ul.unsub-options li{
display:block;
padding-bottom:5px;
}
ul.unsub-options li label{
display:inline;
padding-left:5px;
}
ul.unsub-options li textarea{
display:block;
padding:5px;
background:#fff;
border:1px solid #ccc;
margin:5px 0;
width:350px;
height:100px;
}
.addressfield span{
display:block;
height:34px;
}
.addressfield input{
float:right;
width:56%;
margin:0 9% 0 0;
padding:8px 0 2px 0;
}
.addressfield label{
float:left;
font-weight:normal;
text-align:right;
width:33%;
}
.addressfield .countryfield{
display:block;
height:45px;
position:relative;
}
.addressfield .countryfield select{
margin:0;
position:absolute;
top:10px;
left:35%;
}
.captcha{
float:left;
width:340px;
height:170px;
}
#archive-list{
display:block;
margin:15px 0;
padding:0;
border-top:1px solid #eee;
}
#archive-list li{
display:block;
list-style:none;
margin:0;
padding:6px 10px;
border-bottom:1px solid #eee;
}
.button,.button-small{
display:inline-block;
font-family:’Helvetica’, Arial, sans-serif;
width:auto;
white-space:nowrap;
height:32px;
margin:5px 5px 0 0;
padding:0 22px;
text-decoration:none;
text-align:center;
font-weight:bold;
font-style:normal;
font-size:15px;
line-height:32px;
cursor:pointer;
border:0;
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
vertical-align:top;
}
.button-small{
float:none;
display:inline-block;
height:auto;
line-height:18px !important;
padding:2px 15px !important;
font-size:11px !important;
}
.button span{
display:inline;
font-family:’Helvetica’, Arial, sans-serif;
text-decoration:none;
font-weight:bold;
font-style:normal;
font-size:15px;
line-height:32px;
cursor:pointer;
border:none;
}
.rounded6{
-moz-border-radius:6px;
border-radius:6px;
-webkit-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;
}
.tpl-image-content{
padding-left:0px;
}
.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;
}
body{
-webkit-text-size-adjust:none;
}
input{
-webkit-appearance:none;
}
input[type=checkbox]{
-webkit-appearance:checkbox;
}
input[type=radio]{
-webkit-appearance:radio;
}
body,#bodyTable{
background-color:#eeeeee;
}
h1{
font-size:28px;
margin-bottom:15px;
padding:0;
margin-top:0;
}
#templateContainer{
background-color:none;
}
#templateBody{
background-color:#ffffff;
}
.bodyContent{
line-height:150%;
font-family:Helvetica;
font-size:12px;
color:#333333;
padding:20px;
}
a:link,a:active,a:visited,a{
color:#336699;
}
.button:link,.button:active,.button:visited,.button,.button span,.button-small:link,.button-small:active,.button-small:visited,.button-small{
background-color:#336699;
color:#ffffff;
}
.button:hover,.button-small:hover{
background-color:#1e5781;
color:#ffffff;
}
label{
line-height:150%;
font-family:Helvetica;
font-size:14px;
color:#333333;
}
.field-group{
background-color:#eeeeee;
border-width:2px;
border-color:#d0d0d0;
}
.datefield input,.phonefield-us input,.addressfield input{
border-bottom-width:1px;
border-bottom-style:solid;
border-color:#999999;
}
.field-group input,.field-group textarea{
font-family:Helvetica;
font-size:16px;
color:#333333;
}
.asterisk{
color:#cc6600;
}
.field-help{
background-color:#dcdcdc;
color:#000;
}
.error,.errorText{
font-size:12px;
color:#6b0505;
background-color:#f4bfbf;
}
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] label .asterisk{
right:auto;
left:10px;
}
@media (max-width: 601px){
body{
width:100%;
-webkit-font-smoothing:antialiased;
padding:10px 0 0 0 !important;
min-width:300px !important;
}
} @media (max-width: 601px){
textarea,select,ul.unsub-options li textarea{
width:80% !important;
}
} @media (max-width: 601px){
h1 img{
max-width:100%;
height:auto !important;
}
} @media (max-width: 601px){
.wrapper,.poweredWrapper{
width:auto !important;
max-width:600px !important;
padding:0 10px;
}
} @media (max-width: 601px){
.addressfield .countryfield select{
max-width:50% !important;
}
} @media (max-width: 601px){
#templateContainer,#templateBody,#templateContainer table{
width:100% !important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
}</style></head>
<body>
<div class=”wrapper rounded6″ id=”templateContainer”>
<h1>Book Updates</h1>
<div id=”templateBody” class=”bodyContent rounded6″>
<div id=”subscribeFormWelcome”>You are receiving this message because you opted to subscribe to my email list regarding updates for my writing. Thank you for taking the time to subscribe and for supporting me as an author!
</div>
<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<form action=”http://warofthelastremnant.us3.list-manage.com/subscribe/post&#8221; method=”POST”>
<input type=”hidden” name=”u” value=”4606a36f416b24dbcd58dd36a”>
<input type=”hidden” name=”id” value=”ca61c8c0c6″>
<div id=”mergeTable” class=”mergeTable”>
<div class=”mergeRow dojoDndItem mergeRow-email” id=”mergeRow-0″>
<label for=”MERGE0″>Your Email <span class=”req float-right fwl dim6 asterisk”>*</span></label></label>
<div class=”field-group”>
<input type=”email” autocapitalize=”off” autocorrect=”off” name=”MERGE0″ id=”MERGE0″ size=”25″ value=””>
</div>
</div>
<div class=”mergeRow dojoDndItem mergeRow-text” id=”mergeRow-1″>
<label for=”MERGE1″>First Name</label>
<div class=”field-group”>
<input type=”text” name=”MERGE1″ id=”MERGE1″ size=”25″ value=””>
</div>
</div>
<div class=”mergeRow dojoDndItem mergeRow-text” id=”mergeRow-2″>
<label for=”MERGE2″>Last Name</label>
<div class=”field-group”>
<input type=”text” name=”MERGE2″ id=”MERGE2″ size=”25″ value=””>
</div>
</div>
</div>
<div class=”mergeRow”>
<label>Preferred format</label>
<div class=”field-group groups”>
<ul class=”interestgroup_field radio-group”>
<li>
<label for=”EMAILTYPE_HTML”>
<input type=”radio” name=”EMAILTYPE” id=”EMAILTYPE_HTML” value=”html” checked>
HTML
</label>
</li>
<li>
<label for=”EMAILTYPE_TEXT”>
<input type=”radio” name=”EMAILTYPE” id=”EMAILTYPE_TEXT” value=”text” >
Text
</label>
</li>
</ul>
</div>
</div>
<br>
<!– real people should not fill this in and expect good things –>
<div style=”position: absolute; left: -5000px;”><input type=”text” name=”b_4606a36f416b24dbcd58dd36a_ca61c8c0c6″ value=””></div>
<div class=”submit_container”>
<input type=”submit” class=”button” name=”submit” value=”Subscribe to list”>
</div>
</form>
</div>
</div>
<div class=”poweredWrapper”>
<span class=”poweredBy”><a href=”http://www.mailchimp.com/monkey-rewards/?utm_source=freemium_newsletter&utm_medium=email&utm_campaign=monkey_rewards&aid=4606a36f416b24dbcd58dd36a&afl=1“><img src=”http://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>
</body>
</html>
<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.&#8221; : “http://www.&#8221;);
document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>
<script type=”text/javascript”>
try {
var _gaq = _gaq || [];
_gaq.push([“_setAccount”, “UA-329148-88”]);
_gaq.push([“_setDomainName”, “.list-manage.com”]);
_gaq.push([“_trackPageview”]);
_gaq.push([“_setAllowLinker”, true]);
} catch(err) {console.log(err);}</script>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: