javedbaloch4/Gmail Sign In CSS

## Gmail Sign In CSS
<!Gmail Sign in CSS page By Javed Baloch>
<html>
<head>
<link rel="Shortcut icon" href="http://i61.tinypic.com/qp2zhu.jpg">
<title>Gmail</title>
<style>
#google
{
background-image:url(http://i62.tinypic.com/5wc7c5.jpg);
width:121px;
height:50px;
margin:0 auto;
}
p
{
color:#716868;
font-family:Open sans light;
text-align:Center;
font-size:35px;
}
#p2
{
color:#716868;
font-family:Open sans light;
text-align:Center;
font-size:19px;
font-weight:bold;
}
#sign_box
{
margin-bottom:10px;
width:361px;
height:360px;
background:#f7f7f7;
margin:0 auto;
box-shadow:1px 2px 3px #cdcdcd;
border:1px solid #e5e5e5;
}
#user_icon
{
background-image:url("http://i60.tinypic.com/11ufcqh.jpg");
width:105px;
height:102px;
margin:0 auto;
margin-top:40px;
}
.email
{
margin-top:20px;
width:274px;
height:45px;
border:1px solid #d1d1d1;
font-size:15px;
text-indent:15px;
margin-left:40px;
}
.password
{
width:274px;
height:45px;
border:1px solid #d1d1d1;
border-top:none;
font-size:15px;
text-indent:15px;
margin-left:40px;
}
.submit
{
width:274px;
height:35px;
border:1px solid #3079ed;
background:linear-gradient(#4c8ffb,#377cea);
border-radius:3px;
font-family:open sans light;
color:#ffffff;
font-weight:bold;
margin-left:40px;
margin-top:10px;
}
.submit:hover
{
border:1px solid #2f5bb7;
background:#4a8dfb;
}
.checkbox
{
margin-top:8px;
margin-left:40px;
}
span
{
font-family:open sans light;
color:black;
font-size:15px;
}
#need-help-link
{
color:#427fed;
font-family:verdana;
margin-left:85px;
font-size:13px;
text-decoration:none;
}
.create-account
{
color:#427fed;
text-decoration:none;
margin-left:450px;
}
.p
{
color:#000000;
font-family:Open sans light;
text-align:Center;
font-size:15px;
}
.iconpack
{
background-image:url(http://i60.tinypic.com/mtwmsh.jpg);
width:226px;
height:27px;
margin:0 auto;
}
a:link
{
text-decoration:none;
}
#jb:link
{
color:#1a4177;
}
#jb:visited
{
color:#1a4177;
}
#jb:hover
{
color:#1a4177;
}
</style>
</head>
<Body>
<div id="google"></div>
<p>One account. All of Google.</p>
<p id="p2">Sign in to continue to Gmail</p>
<div id="sign_box">
<div id="user_icon"></div>
<input class="email" type="eamil" name="eamil" placeholder="Email">
<input class="password" type="password" name="pass" placeholder="Password">
<a href="#"><input class="submit" type="submit" name="submit" value="Sign In"></a><br>
<input class="checkbox" name="cheakbox" type="checkbox">
<span>
Stay signed in
</span>
<a id="need-help-link" href="#">Need Help?</a>
</div>
<a class="Create-Account" href="#">Create An Account</a>
<p class="p">One Google Account for everything Google</p>
<div class="iconpack"></div>
<p>By <a href="https://www.facebook.com/jb.bangulzai1" id="jb">Javed Baloch</p>
</body>
</html>
<! Thanks to visit>
	<!Gmail Sign in CSS page By Javed Baloch>
	<html>
	<head>
	<link rel="Shortcut icon" href="http://i61.tinypic.com/qp2zhu.jpg">
	<title>Gmail</title>
	<style>
	#google
	{
	background-image:url(http://i62.tinypic.com/5wc7c5.jpg);
	width:121px;
	height:50px;
	margin:0 auto;
	}
	p
	{
	color:#716868;
	font-family:Open sans light;
	text-align:Center;
	font-size:35px;
	}
	#p2
	{
	color:#716868;
	font-family:Open sans light;
	text-align:Center;
	font-size:19px;
	font-weight:bold;
	}
	#sign_box
	{
	margin-bottom:10px;
	width:361px;
	height:360px;
	background:#f7f7f7;
	margin:0 auto;
	box-shadow:1px 2px 3px #cdcdcd;
	border:1px solid #e5e5e5;
	}
	#user_icon
	{
	background-image:url("http://i60.tinypic.com/11ufcqh.jpg");
	width:105px;
	height:102px;
	margin:0 auto;
	margin-top:40px;
	}
	.email
	{
	margin-top:20px;
	width:274px;
	height:45px;
	border:1px solid #d1d1d1;
	font-size:15px;
	text-indent:15px;
	margin-left:40px;
	}
	.password
	{
	width:274px;
	height:45px;
	border:1px solid #d1d1d1;
	border-top:none;
	font-size:15px;
	text-indent:15px;
	margin-left:40px;
	}
	.submit
	{
	width:274px;
	height:35px;
	border:1px solid #3079ed;
	background:linear-gradient(#4c8ffb,#377cea);
	border-radius:3px;
	font-family:open sans light;
	color:#ffffff;
	font-weight:bold;
	margin-left:40px;
	margin-top:10px;
	}
	.submit:hover
	{
	border:1px solid #2f5bb7;
	background:#4a8dfb;
	}
	.checkbox
	{
	margin-top:8px;
	margin-left:40px;
	}
	span
	{
	font-family:open sans light;
	color:black;
	font-size:15px;
	}
	#need-help-link
	{
	color:#427fed;
	font-family:verdana;
	margin-left:85px;
	font-size:13px;
	text-decoration:none;
	}
	.create-account
	{
	color:#427fed;
	text-decoration:none;
	margin-left:450px;
	}
	.p
	{
	color:#000000;
	font-family:Open sans light;
	text-align:Center;
	font-size:15px;
	}
	.iconpack
	{
	background-image:url(http://i60.tinypic.com/mtwmsh.jpg);
	width:226px;
	height:27px;
	margin:0 auto;
	}
	a:link
	{
	text-decoration:none;
	}
	#jb:link
	{
	color:#1a4177;
	}
	#jb:visited
	{
	color:#1a4177;
	}
	#jb:hover
	{
	color:#1a4177;
	}
	</style>
	</head>
	<Body>
	<div id="google"></div>
	<p>One account. All of Google.</p>
	<p id="p2">Sign in to continue to Gmail</p>
	<div id="sign_box">
	<div id="user_icon"></div>
	<input class="email" type="eamil" name="eamil" placeholder="Email">
	<input class="password" type="password" name="pass" placeholder="Password">
	<a href="#"><input class="submit" type="submit" name="submit" value="Sign In"></a><br>
	<input class="checkbox" name="cheakbox" type="checkbox">
	<span>
	Stay signed in
	</span>
	<a id="need-help-link" href="#">Need Help?</a>
	</div>
	<a class="Create-Account" href="#">Create An Account</a>
	<p class="p">One Google Account for everything Google</p>
	<div class="iconpack"></div>
	<p>By <a href="https://www.facebook.com/jb.bangulzai1" id="jb">Javed Baloch</p>
	</body>
	</html>
	<! Thanks to visit>