You are on page 1of 1

<html>

<head>
<title>Customer Portal</title>
<style>
body {
background-image:url("cust.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
.center {
margin: auto;
width: 50%;
border: 3px solid #73AD21;
padding: 10px;
}
#xyz{
font-size:22px;
color:black;
}
p{font-size:20px;color:white;}
hr{border-color:black;}
#result{color:red;}
</style>
</head>
<body>
<BR />
<h1 style="text-align:center;color:blue;">Customer Portal</h1>
<BR />
<div class="center">
<form id="xyz">
<label for="name"><b>Enter Customer name : </b></label>
<input type="text" id="name" /><br /><br />

<label for="addr"><b>Enter Address : </b></label>


<input type="text" id="addr" /><br /><br />

<label id="gender"><b>Gender : </b></label>


<input type="radio" id="male" name="gender" checked/><span>Male</span>
<input type="radio" id="female" name="gender"/><span>Female</span>
<input type="radio" id="other" name="gender"/><span>Other</span><br /><br />

<label for="lang"><b>Language Known : </b></label>


<input type="text" id="lang" /><br /><br />

<label for="city"><b>Enter City : </b></label>


<input type="text" id="city" /><br /><br />
</form>
<br />
<button><b>Submit</b></button>
<button><b>Clear</b></button>
</body>
</html>

You might also like