TOP-Library/index.html at master · Altord/TOP-Library · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>A simple library</title>
    <script src="javascript.js" defer></script>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div id="header">
    <img src="https://icons.iconarchive.com/icons/iconsmind/outline/512/Book-icon.png" alt="logo" id="logo"/>
    <h1>LIBRARY</h1>
    <img src="plus.png" class="addBook" onclick="addBookBtn()">

</div>
<div class = "libraryContainer">
    <main>
        <div class="libraryWrap"></div>
    </main>
</div>


<div class = "addBookContainer">
<form id="bookStatus">
   <div class = "innerContent">

       <div class="innerContentInputs">
            <h2>
                Title
            </h2>
            <input type = "text" class = 'title' id="title">
        </div>

       <div class="innerContentInputs">
           <h2>
               Author
           </h2>
           <input type = "text" class="author" id = "author">
       </div>
       <div class="innerContentInputs" >
           <h2>
               Pages
           </h2>
           <input type = "number" class="pages" id = "pages">
       </div>
       <div class="innerContentInputs">
           <h2>
               Read it?
           </h2>
           <label for="Yes">Yes</label>
           <input type = "radio" name = "read" id = "Yes" value="Yes">
           <label for="No">No</label>
           <input type = "radio"  name = "read" id = "No" value="No">
       </div>


       <input id = "submitBtn" type="submit" form="bookStatus" value = "Add Book">
   </div>
</form>

</div>


</body>

</html>