Namedmail – Domain Name Registrar

HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link href="./favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
	@import url("./css/style.css");
</style>
<script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="./js/jquery.code.js"></script>
<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="./css/ie6.css" />

	<script type="text/javascript" src="./js/png/DD_belatedPNG_0.0.8a-min.js"></script>
	<script type="text/javascript" src="./js/png/fix.js"></script>
<![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="./css/ie7.css" /><![endif]-->
<!--[if lte IE 7]>
	<script type="text/javascript" src="./js/border-radius/DD_roundies_0.0.2a-min.js"></script>
	<script type="text/javascript" src="./js/border-radius/fix.js"></script>
<![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="./css/ie8.css" /><![endif]-->
</head>
<body>
	<div id="languages">
		<ul>
			<li class="active"><a href=""><img src="./images/languages/gb.png" alt="EN" /></a></li>
			<li><a href=""><img src="./images/languages/ru.png" alt="RU" /></a></li>
			<li><a href=""><img src="./images/languages/lv.png" alt="LV" /></a></li>
		</ul>
	</div>
	<!-- header -->
	<div id="header">
		<h1><a class="logo" href="">namedmail.com</a></h1>

		<form action="" class="email">
			<div class="choose">Choose e-mail</div>
			<h1>What is your name?</h1>
			<fieldset>
				<input type="text" name="" value="first name" />
				@
				<input type="text" name="" value="last name" />
				.
				<select name="">
					<option value="">com</option>
					<option value="">eu</option>
				</select>
			</fieldset>
			<fieldset><input class="button" type="submit" value="Choose" /></fieldset>
		</form>

		<div class="promo">
			<img class="main" src="./images/promo/promo.png" alt="" />
			<div class="offer">
				Named e-mail from <span class="price">19.99$</span>
			</div>
			<div class="usersCount">
				123 658 <small>people</small>
			</div>
		</div>
	</div>
	<!-- /header -->
	<!-- content -->
	<div id="content">
		<div class="login">
			<p>“Getting Your personal domain is Like buying property” <br/><em>William Arruda. Personal branding Guru</em></p>
			<form action="" class="login-form">
				<fieldset><label>Username <input type="text" name="" /></label></fieldset>
				<fieldset><label>Password <input type="password" name="" /></label></fieldset>
				<fieldset><input class="button" type="submit" value="Enter" /></fieldset>
			</form>
		</div>

		<div class="info-promo">
			<ul>
				<li><h2>Self-promoting</h2><img src="./images/info-promo/star.png" alt="" />
					<p><strong>Promote yourself</strong>in every mail you send, making easier for people to memorize your first and last name.</p>
				</li>
				<li><h2>Care about future</h2><img src="./images/info-promo/sandclock.png" alt="" />
					<p><strong>Using named mail now</strong>provide your contact availability in the future, irrespective of the working place change.</p>
				</li>
				<li><h2>Boost your business</h2><img src="./images/info-promo/rocket.png" alt="" />
					<p><strong>Let your name to boost your business</strong>through self-promotion, it makes no sense to advertise free mail services.</p>
				</li>
				<li><h2>Base for success</h2><img src="./images/info-promo/bridge.png" alt="" />
					<p><strong>Create a base for your success</strong>using named mail as a tool for your personal brand identity.</p>
				</li>
				<li><h2>Powerful impression</h2><img src="./images/info-promo/agreement.png" alt="" />
					<p>Be sure to produce <strong>serious and competent impression</strong>sending named mail instead of free or corporate mail.</p>
				</li>
			</ul>
		</div>

		<div class="banner"><a href=""><img src="./images/banners/banner-1000x120.png" alt="" /></a></div>

		<div class="steps">
			<div class="block">
				<h2>Step 1. Choose Namedmail</h2>
				<img src="./images/steps/namedmail.png" alt="" />
				<p>Choose your preferable mail domain. If you can`t find it in preferred zone (for example .com or .us) try another one, it will still be an effective and memorable.</p>
			</div>
			<div class="block next">
				<div class="arrow"></div>
				<h2>Step 2. Register and buy</h2>
				<img src="./images/steps/register.png" alt="" />
				<p>Fill out a registration form and pick a payment method. You will receive e-mail with easy instructions for secure transaction.</p>
			</div>
			<div class="block next">
				<div class="arrow"></div>
				<h2>Step 3. Use Namedmail</h2>
				<img src="./images/steps/email.png" alt="" />
				<p>In 36 hours or less You will receive mail with Your named mail data. Also you will get full user guide to your mail including different mail clients use.</p>
			</div>
		</div>

		<a href="" class="big-button">TRY NAMEDMAIL NOW!</a>

		<div class="wrap">
			<div id="aside">
				<div class="banner"><a href=""><img src="./images/banners/banner-250x400.png" alt="" /></a></div>
				<div class="banner"><a href=""><img src="./images/banners/banner-250x250.png" alt="" /></a></div>

				<div class="payment">
					<a href=""><img src="./images/payment/visa.png" alt="" /></a>
					<a href=""><img src="./images/payment/paypal.png" alt="" /></a>
					<a href=""><img src="./images/payment/mastercard.png" alt="" /></a>
					<a href=""><img src="./images/payment/payment1.png" alt="" /></a>
					<br/>
					<a href=""><img src="./images/payment/wm.png" alt="" /></a>
				</div>

				<div class="country">
					<p>We serve:</p>
					<ul>
						<li><img src="./images/languages/small/us.png" alt="" /></li>
						<li><img src="./images/languages/small/gb.png" alt="" /></li>
						<li><img src="./images/languages/small/eu.png" alt="" /></li>
						<li><img src="./images/languages/small/ru.png" alt="" /></li>
						<li><img src="./images/languages/small/br.png" alt="" /></li>
						<li><img src="./images/languages/small/es.png" alt="" /></li>
						<li><img src="./images/languages/small/fr.png" alt="" /></li>
						<li><img src="./images/languages/small/de.png" alt="" /></li>
					</ul>
					<ul>
						<li><img src="./images/languages/small/lv.png" alt="" /></li>
						<li><img src="./images/languages/small/ee.png" alt="" /></li>
						<li><img src="./images/languages/small/lt.png" alt="" /></li>
						<li><img src="./images/languages/small/ch.png" alt="" /></li>
						<li><img src="./images/languages/small/ca.png" alt="" /></li>
						<li><img src="./images/languages/small/au.png" alt="" /></li>
						<li><img src="./images/languages/small/ua.png" alt="" /></li>
						<li><img src="./images/languages/small/ae.png" alt="" /></li>
					</ul>
				</div>
			</div>

			<div id="bside">
				<div class="block guaratee">
					<div class="label"></div>
					<h3 class="top">30-day Guarantee</h3>
					<h3>100% Risk Free Money Back</h3>
					<p>If you are dissatisfied with NamedMail service for any reason, you will receive a full refund if you simply cancel your account within 30 days of the activation.</p>
				</div>

				<div class="block">
					<div class="label"></div>
					<h3>Игорь.</h3>
					<h3>Владелец фирмы.</h3>
					<p>Aenean cursus nisl eu eros feugiat sagittis. Duis volutpat dui eget odio.</p>
				</div>

				<div class="banner"><a href=""><img src="./images/banners/banner-160x300.png" alt="" /></a></div>

				<div class="block">
					<div class="label"></div>
					<h3>Игорь.</h3>
					<h3>Владелец фирмы.</h3>
					<p>Aenean cursus nisl eu eros feugiat sagittis. Duis volutpat dui eget odio.</p>
				</div>

				<div class="block">
					<div class="label"></div>
					<h3>Игорь.</h3>
					<h3>Владелец фирмы.</h3>
					<p>Aenean cursus nisl eu eros feugiat sagittis. Duis volutpat dui eget odio.</p>
				</div>

				<a href="" class="button">Add feedback</a>
			</div>

			<div id="article">
				<h2>What Is NamedMail?</h2>
				<p>Using Namedmail.com I can choose a mail box with any name, before and after the @ badge. In spite of the fact that such e-mail registration requires the investments, all investments will be repaid in full, because the named mail boxes, besides the memorization simplicity also create a certain public image, as simple number on the car or as simple phone number. It will be great to have a clear address, without any additional characters, such as public mail services. Now I can choose from more than 130 represented zones where I can register my NamedMail!</p>
				<h2>My name is My personal brand!</h2>
				<p>In our days of social media marketing and self-branding, the key to success is to be seen. Ether I work in coffee shop, major enterprise or an entrepreneur, the most important part of any brand is My personality.  It doesn’t matter which field I am from, My authentic personal branding will lead Me to accomplishment of any goals I am willing to achieve. I am still free to make my own difference in this world!</p>
				<h2>Why do I need NamedMail?</h2>
				<p>I have to be seen and be remembered to success my way.  It doesn`t matter how often I am changing projects or workplaces, how frequently I am updated LinkedIn or Facebook profiles, one thing will never and should never change – My name and My contact e-mail. I successfully use NamedMail as a tool for My personal brand identity. Of course, mailbox is just a small part in My self-promotion strategy, but clearly it`s very important one.</p>

				<div class="banner"><a href=""><img src="./images/banners/banner-468x60.png" alt="" /></a></div>

				<h1>F.A.Q.</h1>
				<div class="faq">
					<dl>
						<dt class="title"><a href="#">I`m using my Gmail or Outlook. Can I put my new mail there?</a></dt>
						<dd>Namedmail.com has a partnership agreement with GMAIL team, so Your new mail will be based on GMAIL interface. As soon as you provide us the payment and receive a confirmation from Us, You will also receive a short manual with detailed information on how to set up your current mail server with your new personal mail.</dd>
					</dl>
					<dl>
						<dt class="title"><a href="#">All my contacts are in my previous mail account. How can I save them?</a></dt>
						<dd>Namedmail.com has a partnership agreement with GMAIL team, so Your new mail will be based on GMAIL interface. As soon as you provide us the payment and receive a confirmation from Us, You will also receive a short manual with detailed information on how to set up your current mail server with your new personal mail.</dd>
					</dl>
					<dl>
						<dt class="title"><a href="#">The domain name I`m trying to register is already purchased. What should I do?</a></dt>
						<dd>Namedmail.com has a partnership agreement with GMAIL team, so Your new mail will be based on GMAIL interface. As soon as you provide us the payment and receive a confirmation from Us, You will also receive a short manual with detailed information on how to set up your current mail server with your new personal mail.</dd>
					</dl>
				</div>

				<div class="block">
					<h2>Become a partner!</h2>
					<p>Find out how you can become a member of the NamedMail Affiliate Program and start earning today!</p>
					<a class="button" href="">Become a partner!</a>
				</div>
				<!-- TO DELETE -->
				<br /><br />
				<h2 id="overlays-link">Overlays:</h2>
				<ul>
					<li><a class="o-email" href="#" rel="overlay">search_results</a></li>
					<li><a class="o-login" href="#" rel="overlay">wrong_password</a></li>
					<li><a class="o-captcha" href="#" rel="overlay">wrong_password_captcha</a></li>
				</ul>
				<!-- /TO DELETE -->
			</div>
		</div>
	</div>
	<!-- /content -->
	<!-- footer -->
	<div id="footer">
		<div class="address">
			<ul>
				<li>VALIANT VISION LTD</li>
				<li>Адрес: Латвия, Рига, Ул. Акас 5/7, второй этаж.</li>
				<li>Моб. телефон: +371 28822021</li>
			</ul>
		</div>

		<ul class="social">
			<li><a href=""><img src="./images/social/skype.png" alt="" /></a></li>
			<li><a href=""><img src="./images/social/google.png" alt="" /></a></li>
			<li><a href=""><img src="./images/social/twitter.png" alt="" /></a></li>
			<li><a href=""><img src="./images/social/facebook.png" alt="" /></a></li>
		</ul>

		<div class="rules">
			<p><a href="">Conditions of NAMEDMAIL services granting</a>, <a href="">Conditions of Google services granting</a>,
			<a href="">Program Gmail rules Gmail confidentiality note</a>, <a href="">The important note about the privacy policy</a>, <a href="">The agreement on use of Google basic service package</a>, <a href="">Program rules for Google basic service package managers</a>, <a href="">Choose E-mail address</a>.
			</p>
			<p class="copy">All rights reserved 2011, NamedMail.</p>
		</div>
	</div>
	<!-- /footer -->

	<div id="overlay-main">
		<div id="o-email" class="overlay">
			<div class="top"><button class="close">X</button></div>
			<form action="" class="block">
				<h1 class="false">E-mail address is already taken.</h1>
				<fieldset>
					<input type="text" name="" value="John" placeholder="John" />
					@
					<input type="text" name="" value="Brown" placeholder="Brown" />
					.
					<select name="">
						<option value="">com</option>
						<option value="">eu</option>
					</select>
				</fieldset>
				<fieldset><input class="button" type="submit" value="Choose" /></fieldset>
			</form>
			<div class="middle">
				<h2>For registration are available:</h2>
				<table class="domains">
					<tbody>
						<tr><td><a href="">john@brown.lv</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.lt</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.net</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.de</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.ee</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.info</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.tv</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.org</a></td><td class="price">19.99$</td></tr>
						<tr><td><a href="">john@brown.mu</a></td><td class="price">19.99$</td></tr>
					</tbody>
				</table>
			</div>
		</div>

		<div id="o-login" class="overlay">
			<div class="top"><button class="close">X</button></div>
			<form action="" class="block">
				<h1 class="false">Вы указали неверное имя пользователя или пароль.</h1>
				<fieldset><label>Username <input type="text" name="" /></label>  <label>Password <input type="password" name="" /></label></fieldset>
				<fieldset><input class="button" type="submit" value="Enter" /></fieldset>
			</form>
		</div>

		<div id="o-captcha" class="overlay">
			<div class="top"><button class="close">X</button></div>
			<form action="" class="block">
				<h1 class="false">Вы указали неверное имя пользователя или пароль.</h1>
				<fieldset><label>Username <input type="text" name="" /></label>  <label>Password <input type="password" name="" /></label></fieldset>
				<p>Выше укажите верный пароль, а затем введите символы, показанные на рисунке ниже.</p>
				<fieldset><img class="code" src="./images/code.png" alt="captcha code" /></fieldset>
				<fieldset>Code <input type="text" name="code" /></fieldset>
				<p class="hint">Введите буквы, показанные на этом рисунке.</p>
				<p class="hint"><em>Буквы вводятся без учета регистра.</em></p>
				<fieldset><input class="button" type="submit" value="Enter" /></fieldset>
			</form>
		</div>
	</div>
</body>
</html>