<!DOCTYPE HTML>
<html>
<head>
<title>Signup</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<!---header--->
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="signin">
<ul>
<li><a href="signin.html">Signin</a></li>
<li class="a"><h6>or</h6></li>
<li class="b"><a href="signup.html">Signup</a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<!-- start top_bg -->
<div class="top_bg">
<div class="wrap">
<div class="main_top">
<h4 class="style">login or create an account</h4>
</div>
</div>
</div>
<!-- start main -->
<div class="main_bg">
<div class="wrap">
<div class="main">
<div class="login_left">
<h3>login customers</h3>
<p>if you have any account with us, please log in.</p>
<!-- start registration -->
<div class="registration">
<!-- [if IE]
< link rel='stylesheet' type='text/css' href='ie.css'/>
[endif] -->
<!-- [if lt IE 7]>
< link rel='stylesheet' type='text/css' href='ie6.css'/>
<! [endif] -->
<script>
(function() {
// Create input element for testing
var inputs = document.createElement('input');
// Create the supports object
var supports = {};
supports.autofocus = 'autofocus' in inputs;
supports.required = 'required' in inputs;
supports.placeholder = 'placeholder' in inputs;
// Fallback for autofocus attribute
if(!supports.autofocus) {
}
// Fallback for required attribute
if(!supports.required) {
}
// Fallback for placeholder attribute
if(!supports.placeholder) {
}
// Change text inside send button on submit
var send = document.getElementById('register-submit');
if(send) {
send.onclick = function () {
this.innerHTML = '...Sending';
}
}
})();
</script>
<div class="registration_left">
<a href="#"><div class="reg_fb"><img src="images/facebook.png" alt=""><i>sign in using Facebook</i><div class="clear"></div></div></a>
<div class="registration_form">
<!-- Form -->
<form id="registration_form" action="contact.php" method="post">
<div>
<label>
<input placeholder="email:" type="email" tabindex="3" required="">
</label>
</div>
<div>
<label>
<input placeholder="password" type="password" tabindex="4" required="">
</label>
</div>
<div>
<input type="submit" value="sign in" id="register-submit">
</div>
<div class="forget">
<a href="#">forgot your password</a>
</div>
</form>
<!-- /Form -->
</div>
</div>
</div>
<!-- end registration -->
</div>
<div class="login_left">
<h3>register new customers</h3>
<p>By creating an account with our store, you will be able to move through the checkout process faster, store multiple shipping address, view and track your orders in your accoung and more.</p>
<div class="registration_left">
<a href="#"><div class="reg_fb"><img src="images/facebook.png" alt=""><i>register using Facebook</i><div class="clear"></div></div></a>
<div class="registration_form">
<!-- Form -->
<form id="registration_form" action="contact.php" method="post">
<div>
<label>
<input placeholder="first name:" type="text" tabindex="1" required="" autofocus="">
</label>
</div>
<div>
<label>
<input placeholder="last name:" type="text" tabindex="2" required="" autofocus="">
</label>
</div>
<div class="sky_form">
<ul>
<li><label class="radio"><input type="radio" name="radio" checked=""><i>Male</i></label></li>
<li><label class="radio"><input type="radio" name="radio"><i>Female</i></label></li>
</ul>
</div>
<div>
<label>
<input placeholder="email address:" type="email" tabindex="3" required="">
</label>
</div>
<div>
<label>
<input placeholder="password" type="password" tabindex="4" required="">
</label>
</div>
<div>
<label>
<input placeholder="retype password" type="password" tabindex="4" required="">
</label>
</div>
<div>
<input type="submit" value="create an account" id="register-submit">
</div>
<div class="sky_form">
<label class="checkbox"><input type="checkbox" name="checkbox"><i>i agree to <a class="terms" href="#"> terms of service</a> </i></label>
</div>
</form>
<!-- /Form -->
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="wrap">
<div class="copy-right">
<p>Copyright 2014. All Rights Reserved.- More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>
</p>
</div>
<div class="copy">
</div>
</div>
</div>
</body>
</html>
宽屏大气建站服务公司案例展示CSS模板-宽屏 大气 建站 服务 服务公司 公司 案例 单页 简洁.rar
版权申诉
164 浏览量
2022-11-20
11:33:13
上传
评论
收藏 625KB RAR 举报
reg183
- 粉丝: 1818
- 资源: 1万+