Scribd Logo
Upload

Welcome to Scribd!

  • Assignment 2-WPS Office

    Uploaded by

    iampikachu138
    2 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    2 views3 pages

    Assignment 2-WPS Office

    Uploaded by

    iampikachu138

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 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