library/index.html at main · jzaager/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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="UTF-8">
  <meta>
  <link href="styles.css" rel="stylesheet">
  <script src="script.js" type="text/javascript" defer></script>
  <title>Jzaager's Library</title>
</head>

<body>
  <div class="main-content">

    <div class="bookshelf">
      <div class="headings">
        <h2>Title</h2>
        <h3>Author</h3>
        <p>Page Count</p>
        <p>Read?</p>
        <p>Remove</p>
      </div>

      <form action="" method="">
        <div class="form-row title">
          <label for="book-title">Title</label>
          <input placeholder=" " type="text" name="book-title" id="book-title" required>
        </div>
        <div class="form-row author">
          <label for="author">Author</label>
          <input type="text" name="author" id="author" placeholder=" ">
        </div>
        <div class="form-row page-count">
          <label for="page-numbers">Page Count</label>
          <input placeholder=" " type="number" name="page-numbers" id="page-numbers" min="0">
        </div>
        <div class="form-row read-status">
          <input type="checkbox" name="read-complete" id="read-complete">
          <label for="read-complete">Read?</label>
        </div>
        <div class="form-row add-book-button-row">
          <button type="submit" class="submit-button">Add Book!</button>
        </div>
      </form>
    </div> <!-- end bookshelf -->

    <div class="github-creator">
      Made by Justin Zaager <a href="https://github.com/jzaager" target="_blank" rel="noreferrer noopener">
        <img src="images/github-logo.png" alt="github logo" style="width:40px">
      </a>
    </div>

  </div> <!-- end main-content -->
</body>
</html>