Scribd
Upload
31 views

Code

The document contains HTML code for a book store website. It includes pages for the home page, user login, admin login, registration, my books, and a books catalog page. The pages allow users to browse books, view their books, and add books to a shopping cart.

Uploaded by

Shrutika khairnar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
31 views

Code

The document contains HTML code for a book store website. It includes pages for the home page, user login, admin login, registration, my books, and a books catalog page. The pages allow users to browse books, view their books, and add books to a shopping cart.

Uploaded by

Shrutika khairnar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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