Scribd
Upload
16 views3 pages

Assignment 2-WPS Office

Uploaded by

iampikachu138
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views3 pages

Assignment 2-WPS Office

Uploaded by

iampikachu138
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Assignment 2

<!DOCTYPE html>

<html lang="en">

<head>

<title>Document</title>

<link rel="stylesheet" href="library.css">

</head>

<body>

<div class="main_box">

<div class="title"> <h1>Library Management</h1> </div>

<div class="container">

<div class="left">

<h2>Add a book</h2>

<div class="row">

<label>Book Name:</label><br>

<input type="text" id="bookname" value="bookname" name="bookname">

</div>

<div class="row">

<label>Book Author:</label><br><input type="text" id="bookauthor" value="bookauthor" name="bookauthor">

</div>

<div class="row">

<label>Book Id:</label><br> <input type="text" id="bookid" value="bookid" name="bookid">

</div>

<div class="row">

<label>Date of Arrival:</label><br> <input type="date" id="doa" value="doa" name="doa">

</div>

<div class="button"> <button>Add Book</button> </div>

</div>

<div class="right">

<h2>Lend a book</h2>

<div class="row">

<label>Book Name:</label><br>

<input type="text" id="bookname" value="bookname" name="bookname">


</div>

<div class="row">

<label>Book Author:</label><br> <input type="text" id="bookauthor" value="bookauthor" name="bookauthor">

</div>

<div class="row">

<label>Book Id:</label><br> <input type="text" id="bookid" value="bookid" name="bookid">

</div>

<div class="row">

<label>Date of Lending:</label><br> <input type="date" id="dol" value="dol" name="dol">

</div>

<div class="row">

<label>Member Name:</label><br> <input type="text" id="membername" value="membername" name="membername">

</div>

<div class="row">

<label>Member Id:</label><br> <input type="text" id="memberid" value="memberid" name="memberid">

</div>

<div class="row">

<label>Member Contact:</label><br> <input type="number" id="memberid" value="memberid" name="memberid">

</div>

<div class="button"><button>Lend Book</button></div>

</div>

</div>

</div>

</body>

</html>

body{

padding: 40px;

margin: 20px;

font-family: Georgia, 'Times New Roman', Times, serif;

background: #6190E8; /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #A7BFE8, #6190E8); /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to right, #A7BFE8, #6190E8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.main_box{

padding: 25px;

border: 1px solid black;

box-shadow: 20px rgba(80, 78, 78, 0.795);

border-radius: 10px;

background: white;

.title h1{

text-align: center;

font-size: 30px;

.container{

justify-content: center;

display: flex;

.right{

float: right;

margin-left: 20%;

.row{ padding: 7px;}

.row label{ font-size: 17px;}

.row input{

height: 30px;

width: 500px;

You might also like