ComingSoon
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Coming Soon</title>
<style type='text/css'>
body {
background: #21211f;
width: 702px;
font-family: helvetica, arial, sans-serif;
margin: 0 auto;
padding: 40px 0 0 0;
}
.header{
width: 702px;
float: left;
clear: both;
padding: 0;
margin: 0 0 10px 0;
}
h1 img{
float: left;
padding: 0;
margin: 0;
}
#content{
width: 612px;
background: #466287 url(ComingSoon-images/corner.jpg) top right no-repeat;
line-height: 22px;
font-size: 18px;
font-family: Georgia, times, serif;
margin: 0 0 10px 0;
float: left;
clear: both;
color: #ffffff;
padding: 20px 60px 20px 30px;
}
a, a:visited{
text-decoration: none;
color: #666666;
}
a:hover, a:hover:visited{
text-decoration: none;
color: #FFFFFF;
}
img {
border: none;
}
p.copy {
float: left;
font-size: 12px;
color: #444444;
padding: 5px 0 5px 0;
}
p.social {
background: url(ComingSoon-images/twitter.jpg) center right no-repeat;
float: right;
font-size: 12px;
color: #444444;
padding: 5px 30px 5px 0;
}
p.tagline {
font-family: georgia, times, serif;
font-style: italic;
float: right;
font-size: 18px;
color: #666666;
padding: 15px 52px 0 0;
}
.form{
margin: 15px 0;
padding: 20px 0 20px 0;
background: url(form1.jpg) no-repeat;
font-family: helvetica, arial, sans-serif;
}
.formname{
background: #FFFFFF;
font-family: helvetica, arial, sans-serif;
color: #000000;
padding: 10px;
border: 1px solid #30435D;
font-size: 18px;
margin: 0 15px 0 0;
width: 170px;
font-weight: bold;
}
.sendform{
background: #6288BC;
font-family: helvetica, arial, sans-serif;
color: #ffffff;
cursor: pointer;
font-size: 18px;
padding: 10px;
border: 1px solid #7DAEF0;
margin: 0 0 0 0;
font-weight: bold;
}
</style>
</head>
<body>
<div class="header">
<h1><a href="default.html" title="Coming Soon"><img src="ComingSoon-images/logo.jpg" alt="Logo" /></a></h1>
<p class="tagline">Your very convincing tagline should go here</p>
</div>
<div id="content">
<p>This new website will completely blow your mind! It will be exactly what you've been looking for and you'll love it so much you'll make it your start page!</p>
<p>Now seriously, why not just signup below and we'll let you know once we're up and running.</p>
<div class="form">
<form method="post" action="http://www.aweber.com/scripts/addlead.pl">
<input type="hidden" name="meta_web_form_id" value="YOUR_FORM_ID">
<input type="hidden" name="meta_split_id" value="">
<input type="hidden" name="unit" value="CAMPAIGN">
<input type="hidden" name="redirect" value="http://www.aweber.com/form/thankyou_vo.html" id=YOUR_ID_HERE">
<input type="hidden" name="meta_redirect_onlist" value="">
<input type="hidden" name="meta_adtracking" value="">
<input type="hidden" name="meta_message" value="1">
<input type="hidden" name="meta_required" value="name,from">
<input type="hidden" name="meta_forward_vars" value="0">
Name: <input type="text" class="formname" name="name" value="" size="20">
Email: <input type="text" class="formname" name="from" value="" size="20">
<input type="submit" class="sendform" name="submit" value="Go!">
</form>
</div>
</div>
<p class="copy">Copyright Dummy Company 2009 - <a href="#" title="Privacy Policy">Privacy Policy</a></p>
<p class="social"><a href="http://twitter.com/jophillips" title="Follow Jon On Twitter">Follow us on Twitter</a></p>
<div style="clear:both;"></div>
</body>
</html>
Related examples in the same category