shruti.
html
<html>
<head>
</head>
<body>
<body background= "[Link]"style="background-repeat:no-repeat;background-size:100%">
<h1 style="font-size:400%;color:white;text-align:center;">BOOK SHOP</h1>
<p style="font-size:300%;color:white;text-align:center;">“So many books, so little time”</p>
<h1 style="font-size:200%;color:white;text-align:center;"> User Login</h1>
<form action="my [Link]" style="font-size:150%;color:white;text-align:center;"><br>
User Name :<input type="text name="username" value="computer"><br>
Password :<input type="password" name="password" value="computer"><br>
<input type="submit"/>
</form>
<h1 style="font-size:200%;color:white;text-align:center;"> admin Login</h1>
<form action="[Link]" style="font-size:150%;color:white;text-align:center;"><br>
User Name :<input type="text name="username" value="books"><br>
Password :<input type="password" name="password" value="books"><br>
<input type="submit"/>
</form>
<h1 style="color:white;text-align:center;" >
<a href="[Link]" target="f3">
registration
</a>
<a href="[Link]" target="f3">
books
</a>
<a href="[Link]" target="f3">
Cart
</a>
</h1>
</form>
</body>
</html>
[Link]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body{
font-family: Calibri, Helvetica, sans-serif;
background-color: pink;
.container {
padding: 50px;
background-color: lightblue;
}
input[type=text], input[type=password], textarea {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
input[type=text]:focus, input[type=password]:focus {
background-color: orange;
outline: none;
div {
padding: 10px 0;
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
.registerbtn {
background-color: #4CAF50;
color: white;
padding: 16px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
.registerbtn:hover {
opacity: 1;
}
</style>
</head>
<body>
<form>
<div class="container">
<center> <h1> Student Registeration Form</h1> </center>
<hr>
<label> Firstname </label>
<input type="text" name="firstname" placeholder= "Firstname" size="15" required />
<label> Middlename: </label>
<input type="text" name="middlename" placeholder="Middlename" size="15" required />
<label> Lastname: </label>
<input type="text" name="lastname" placeholder="Lastname" size="15"required />
<div>
<label>
Course :
</label>
<select>
<option value="Course">Course</option>
<option value="BCA">BCA</option>
<option value="BBA">BBA</option>
<option value="[Link]">[Link]</option>
<option value="MBA">MBA</option>
<option value="MCA">MCA</option>
<option value="[Link]">[Link]</option>
</select>
</div>
<div>
<label>
Gender :
</label><br>
<input type="radio" value="Male" name="gender" checked > Male
<input type="radio" value="Female" name="gender"> Female
<input type="radio" value="Other" name="gender"> Other
</div>
<label>
Phone :
</label>
<input type="text" name="country code" placeholder="Country Code" value="+91" size="2"/>
<input type="text" name="phone" placeholder="phone no." size="10"/ required>
Current Address :
<textarea cols="80" rows="5" placeholder="Current Address" value="address" required>
</textarea>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<label for="psw-repeat"><b>Re-type Password</b></label>
<input type="password" placeholder="Retype Password" name="psw-repeat" required>
<button type="submit" class="registerbtn">Register</button>
</form>
</body>
</html>
my books,html
<html>
<body>
<center>
<table border=1>
<tr>
<th> Book Preview </th>
<th> Book Details </th>
<th> Price </th>
<th> Payment </th>
</tr>
<tr>
<td> <img src="C:\Documents and Settings\All users\My Documents\My Pictures\[Link]"
width=100 height=50>
</img>
</td>
<td>
<pre>
<font face="comic sans ms" size=4 color="green" >
book:XML Bible
Author:winston
Publisher:Wiesley
</font>
</pre>
</td>
<td> $40 </td>
<td> <a href="[Link]" target="_blank">
<img src="C:\Documents and Settings\All users\My Documents\My Pictures\[Link]"
width="150" height="100"></img>
</a>
</td>
</tr>
<tr>
<td> <img src="C:\Documents and Settings\All users\My Documents\My Pictures\[Link]"
width=100 height=50>
</img>
</td>
<td>
<pre>
<font face="comic sans ms" size=4 color="green" >
book:Java 2
Author:Watson
Publisher:BPB publications
</font>
</pre>
</td>
<td> $40 </td>
<td> <a href="[Link]" target="_blank">
<img src="C:\Documents and Settings\All users\My Documents\My Pictures\[Link]"
width="150" height="100"></img>
</a>
</td>
</tr>
</table> </center>
</body>
</html>
[Link]
<!DOCTYPE html>
<html>
<body>
<body background= "[Link]"style="background-repeat:no-repeat;background-size:100%">
<h1 style="font-size:400%;color:black;text-align:center;">Books</h1>
<h1 style="font-size:200%;color:black;text-align:center;">click on perticular book for details</h1>
<img src="half [Link]" width="250" height="250" border="3">
<img src="[Link]" width="250" height="250" border="3">
<img src="i am [Link]" width="250" height="250" border="3">
<img src="inspiring [Link]" width="250" height="250" border="3">
<img src="[Link]" width="250" height="250" border="3">
<img src="[Link]" width="250" height="250" border="3">
<img src="the [Link]" width="250" height="250" border="3">
<img src="wings of [Link]" width="250" height="250" border="3">
<img src="kite [Link]" width="250" height="250" border="3">
<img src="[Link]" width="250" height="250" border="3">
</body>
</html>
