Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Code

Download as pdf or txt
Download as pdf or txt
You are on page 1of 8

shruti.

html

<html>

<head>

</head>

<body>

<body background= "book-Store.jpg"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 books.html" 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="books.html" 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;" >

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="registration.html" target="f3">

registration

</a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="books.html" target="f3">


books

</a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="cart.html" target="f3">

Cart

</a>

</h1>

</form>

</body>

</html>

registration.html

<!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="B.Tech">B.Tech</option>

<option value="MBA">MBA</option>

<option value="MCA">MCA</option>

<option value="M.Tech">M.Tech</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\xml.bmp"


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>&nbsp;$40 &nbsp; </td>

<td> &nbsp; &nbsp; <a href="cart.html" target="_blank">

<img src="C:\Documents and Settings\All users\My Documents\My Pictures\cart.bmp"


width="150" height="100"></img>

</a> &nbsp; &nbsp;

</td>

</tr>

<tr>
<td> <img src="C:\Documents and Settings\All users\My Documents\My Pictures\java.bmp"
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>&nbsp; $40 &nbsp;</td>

<td> &nbsp; &nbsp; <a href="cart.html" target="_blank">

<img src="C:\Documents and Settings\All users\My Documents\My Pictures\cart.bmp"


width="150" height="100"></img>

</a> &nbsp; &nbsp;

</td>

</tr>

</table> </center>

</body>

</html>

books.html

<!DOCTYPE html>

<html>

<body>

<body background= "1.jpg"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 gf.jpg" width="250" height="250" border="3">

<img src="Harry-Potter.jpg" width="250" height="250" border="3">

<img src="i am malala.jpg" width="250" height="250" border="3">

<img src="inspiring thoughts.jpg" width="250" height="250" border="3">

<img src="mahabharata.jpg" width="250" height="250" border="3">

<img src="mrutyunjay.jpg" width="250" height="250" border="3">

<img src="the secret.jpg" width="250" height="250" border="3">

<img src="wings of fire.jpg" width="250" height="250" border="3">

<img src="kite runner.jpg" width="250" height="250" border="3">

<img src="aai.jpg" width="250" height="250" border="3">

</body>

</html>

You might also like