HTML code
<!DOCTYPE html>
<html>
<head>
<title>Feedback form</title>
<link rel="stylesheet" type="text/css" href="css/feedbackform.css">
</head>
<body>
<h3>Send your feedback...</h3>
<div class=blurform>
<div class="form1">
<form action="" method="get">
<br><br><label for="email">Your email id</label><br>
<input id="email" type="text" name="email"><br>
<label for="password">Your password</label><br>
<input id="password" type="text" name="password"><br>
<label for="comment">Comment</label><br>
<textarea id="comment" name="comment" rows="12" cols="40"></textarea><br>
<input type="checkbox" id="chkbx" name="chhkbx"><label for="chkbx">I completely agree to my statements.</label><br>
<input type="submit" value="Submit">
</form>
</div>
</div>
</body>
</html>
CSS code
input[type="text"]{
height: 25px;
width:250px;
font-size: large;
}
input[type="text"],textarea{
border:none;
margin-bottom: 20px;
margin-top: 8px;
background-color: #77aaff;
color: white;
}
textarea{
width:350px;
}
input[type="submit"]{
cursor: pointer;
margin-top: 25px;
width: 120px;
height: 40px;
color: white;
background-color: #77aaff;
border: none;
margin-bottom: 30px;
}
label{
cursor: pointer;
}
.form1{
width:400px;
margin: auto;
background-color:white;
padding-left: 50px;
margin-top: 5px;
border: 1px solid #77aaff;
box-shadow: -7px 7px 8px #77aaff;
}
.blurform{
width:400px;
margin: auto;
box-shadow: -7px 7px 300px #77aaff;
}
h3{
padding-left: 480px;
color:#77aaff;
}
0 comments:
Post a Comment