You are on page 1of 4

CODE FOR BOOKSTORE FEEDBACK WEBSITE

Screenshot of website:

Code:
<html>
<head>
<img src="logo.jpg" alt="Library logo" style="vertical-
align:middle;margin:50px ">
<h1> BOOKSTORE FEEDBACK </h1>
</head>
<style>
body{
background-image:url("library.jpg");
}
h1{
position:absolute;
font-family: verdana;
right: 10px;
top: 5px;;
font-size: 60;
padding:150px;
color:rgb(1, 71, 16)
}
img{
width:500px;
height:200px;
}
</style>
<body>
<p style="font-size:30;">“The more that you read, the more things you will kno
w. The more that you learn, the more places you'll go.”
<form method="get" >
Name:</br>
<input type="text" placeholder="NAME" /></br></br>
Email:</br>
<input type="E-MAIL" placeholder="username@email.com"></br></br>
Contact no:</br>
<input type="CONTACT NO." placeholder="xxx-xxxxxxx"/></br></br>
DATE:</br>
<input type="DATE"/></br></br>
Number of books issued/purchased</br>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
</select></br></br>
Transaction done:</br>
<input type="radio" name="bi" value="Book issued">Issued</input>
<input type="radio" name="bi" value="Book purchased">Purchased</input></br></b
r>
Types of books you issue or purchase frequently</br>

<input type="checkbox" name="ff" 
value="Science Fiction">Science Fiction</input>
<input type="checkbox" name="ff" 
value="Fantasy">Fantasy</input>
<input type="checkbox" name="ff" value="Non-Fiction">Non-Fiction
</input>
<input type="checkbox" name="ff" value="Mystery">Mystery</input>
<input type="checkbox" name="ff" 
value="Magazines">Magazines</input>
<input type="checkbox" name="ff" 
value="Comics">Comics</input></br></br>
How do you find the range and variety of books available:</br>
<input type="radio" name="gd" value="good">good</input>
<input type="radio" name="gd" 
value="satisfactory">satisfactory</input>
<input type="radio" name="gd" 
value="Needs Improvement">Needs Improvement</input></br></br>
How do you find the competency of the staff?</br>
<input type="radio" name="ser" value="good">good</input>
<input type="radio" name="ser" 
value="satisfactory">satisfactory</input>
<input type="radio" name="ser" 
value="Needs Improvement">Needs Improvement</input></br></br>
Where did you find out about us?</br>
<input type="radio" name="bt" value="TV">TV</input>
<input type="radio" name="bt" 
value="Internet">Internet</input>
<input type="radio" name="bt" value="survey">Word of Mouth</input></br></br>
Do you use ebooks?:</br>
<input type="radio" name="be" value="yes">yes</input>
<input type="radio" name="be" 
value="no">no</input></br></br>
Any other feedback:</br>
<textarea rows=4 cols=30></textarea></br></br>
<input type="submit"/>
<input type="reset"/>
</form>
<div style= "text-align:right;">
</br>
<script type="text/javascript" src="datum.js"></script>
</div>
<div style ="text=align:right;">
</br>
</div>
</p>[]
<a href="message.html">Click me!</a>
</body>
</html>

You might also like