denmardiyana

html books

Jun 21st, 2021
1,018
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>BookShelf Apps</title>
  9.     <link rel="stylesheet" href="css/style.css">
  10. </head>
  11.  
  12. <body>
  13.     <header>
  14.         <h1>
  15.             BookShelf List
  16.         </h1>
  17.     </header>
  18.  
  19.     <div class="wrapper">
  20.         <div class="container bg-white shadow">
  21.             <h2 class="container-header text-center">Tambahkan list buku baru</h2>
  22.             <form class="form" action="#" id="form">
  23.                 <div class="form-group form-title">
  24.                     <label for="title">Masukkan nama buku</label>
  25.                     <input type="text" id="title" name="title" required>                    
  26.                 </div>
  27.                 <div class="form-group form-author">
  28.                     <label for="author">Masukan penulis</label>
  29.                     <input type="author" id="author" name="author" required>
  30.                 </div>
  31.                 <div class="form-group form-title">
  32.                     <label for="date">Masukkan tanggal</label>
  33.                     <input type="date" id="date" name="date" required>
  34.                 </div>
  35.                
  36.                 <input type="submit" value="Submit" name="Submit" class="btn-submit">
  37.             </form>
  38.         </div>
  39.         <div class="container">
  40.             <h2 class="contsainer-header">List buku yang belum selesai di baca</h2>
  41.             <div class="list-item" id="books">
  42.                
  43.             </div>
  44.         </div>
  45.        <div class="container">
  46.             <h2 class="container-header">List buku yang sudah di baca</h2>
  47.             <div class="list-item" id="completed-books">
  48.         </div>
  49.         </div>
  50.     </div>
  51.     <script src="js/data.js" type="text/javascript"></script>
  52.     <script src="js/dom.js" type="text/javascript"></script>
  53.     <script src="js/script.js" type="text/javascript"></script>
  54. </body>
  55.  
  56. </html>
RAW Paste Data