html code

<html>
<head>
<body style="background-image: url('Backgrounds/Theme1.png')">
</head>
<title> Register </title>
<h1><center><p style="font-family: verdana; color: white; font-size: 20px"> Register </p></center></h1>
<br />
<hr />
<br />
<br />
<form action="register.php" method="POST">
<center>
<p style="font-family: verdana; color: white; font-size: 15px"> Please fill out the required forms below, Required forms are marked with an Asterisk * </p>
<br />
<p style="font-family: verdana; color: white; font-size: 15px">
&#42; First Name: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="text" name="FirstName" value="" /> </p>
<br />

<p style="font-family: verdana; color: white; font-size: 15px">
 &#42; Surname: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="text" name="Surname" value="" /></p>
<br />


<p style="font-family: verdana; color: white; font-size: 15px">
&#42; Email Address: &nbsp; &nbsp; &nbsp; &nbsp;  <input type="text" name="EmailAddress" value="" /></p>
<br />

<p style="font-family: verdana; color: white; font-size: 15px">
&#42; Username: &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; <input type="text" name="Username" value="" /> </p>
<br />

<p style="font-family: verdana; color: white; font-size: 15px">
&#42; Password: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   <input type="password" name="Password" value="" /> </p>
<br />

<p style="font-family: verdana; color: white; font-size: 15px">
&#42; Confirm Password:  <input type="password" name="ConfirmPassword" value="" /> </p>
<br />
<input type="submit" name="submit" value="Register My Account">
</form>

<style type="text/css">
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.classname:active {
	position:relative;
	top:1px;
}

</style>
</center>




</html>