API tools faq
paste
Advertisement
stqr-crossed

bookshelf template [html]

stqr-crossed
Mar 27th, 2025 (edited)
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.99 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>bookshelf</title>
  6. <link rel="icon" href="https://64.media.tumblr.com/8a4a834b754d3122323580aca6f2a3a3/da9084d9d5636a34-79/s500x750/f8a45d157986f4563034f0c92c8bc8756973dc0e.pnj">
  7. <link rel="stylesheet" href="/templates/bookshelf.css" />
  8. </head>
  9. <body>
  10. <div id="main">
  11. <h1>welcome to [name]'s bookshelf <i>!</i></h1>
  12. <div id="wrap">
  13. <div id="nav">
  14. <h2>navigation</h2>
  15. <p>place some links here</p>
  16. <h2>currently reading</h2>
  17. <p>text here</p>
  18. <h2>to be read ..</h2>
  19. <p>text here</p>
  20. <h2>reading goals</h2>
  21. <p>text here</p>
  22. </div>
  23. <div id="bookshelf">
  24. <div class="shelf-wrap">
  25. <h2>category / title</h2>
  26. <div class="shelf">
  27. <div class="book">
  28. <div class="cover">
  29. <img
  30. src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1357177533i/13623848.jpg" />
  31. </div>
  32. <div class="text">
  33. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo ac purus
  34. ac tempus. Donec non sagittis dui. Nam bibendum risus vel dapibus mattis. Nam eu
  35. tellus congue ante vehicula pretium ac id urna. Donec pulvinar tortor sapien, eu
  36. cursus nulla ullamcorper at. Sed mollis magna orci, vel auctor arcu hendrerit eu. In
  37. at mauris vitae velit venenatis ornare. Curabitur vitae sem a mauris elementum
  38. vehicula. Morbi malesuada quis dui at suscipit. Maecenas feugiat dictum ultricies.
  39. Pellentesque nec nibh est. Cras a euismod justo.
  40. <br />
  41. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo ac purus
  42. ac tempus. Donec non sagittis dui. Nam bibendum risus vel dapibus mattis. Nam eu
  43. tellus congue ante vehicula pretium ac id urna. Donec pulvinar tortor sapien, eu
  44. cursus nulla ullamcorper at. Sed mollis magna orci, vel auctor arcu hendrerit eu. In
  45. at mauris vitae velit venenatis ornare. Curabitur vitae sem a mauris elementum
  46. vehicula. Morbi malesuada quis dui at suscipit. Maecenas feugiat dictum ultricies.
  47. Pellentesque nec nibh est. Cras a euismod justo.
  48. </div>
  49. </div>
  50. <div class="book">
  51. <div class="cover">
  52. <img
  53. src="https://i.pinimg.com/736x/3b/ff/13/3bff139a36c16a337a7ff46cdbad2112.jpg" />
  54. </div>
  55. <div class="text">
  56. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo ac purus
  57. ac tempus. Donec non sagittis dui. Nam bibendum risus vel dapibus mattis. Nam eu
  58. tellus congue ante vehicula pretium ac id urna. Donec pulvinar tortor sapien, eu
  59. cursus nulla ullamcorper at. Sed mollis magna orci, vel auctor arcu hendrerit eu. In
  60. at mauris vitae velit venenatis ornare. Curabitur vitae sem a mauris elementum
  61. vehicula. Morbi malesuada quis dui at suscipit. Maecenas feugiat dictum ultricies.
  62. Pellentesque nec nibh est. Cras a euismod justo.
  63. <br />
  64. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo ac purus
  65. ac tempus. Donec non sagittis dui. Nam bibendum risus vel dapibus mattis. Nam eu
  66. tellus congue ante vehicula pretium ac id urna. Donec pulvinar tortor sapien, eu
  67. cursus nulla ullamcorper at. Sed mollis magna orci, vel auctor arcu hendrerit eu. In
  68. at mauris vitae velit venenatis ornare. Curabitur vitae sem a mauris elementum
  69. vehicula. Morbi malesuada quis dui at suscipit. Maecenas feugiat dictum ultricies.
  70. Pellentesque nec nibh est. Cras a euismod justo.
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <h4>template by <a href="https://kalachuchi.neocities.org">kalachuchi</a></h4>
  78. </div>
  79. <!--- "shelf-wrap" template for easy pasting
  80. <div class="shelf-wrap">
  81. <h1>TITLE</h1>
  82. <div class="shelf">
  83. <div class="book">
  84. <div class="cover">
  85. <img
  86. src="book cover image" />
  87. </div>
  88. <div class="text">
  89. text goes here
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. -->
  95. </body>
  96. </html>
  97.  
Tags: Template layout
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!