Library

All about the Library

Instructions

For each of your 12 book cards, add these two elements inside the card. Edit the data- values for each book. The data-id just needs to be unique — use 1, 2, 3… or the book slug.

<!-- 1. The Info button — place it next to your Buy Now button -->
<button
  class="book-info-btn"
  data-bookid="1"
>
  Info <span class="bi-arrow">▼</span>
</button>

<!-- 2. Hidden data block — place anywhere inside the card -->
<!-- This is where you store each book's description        -->
<div
  class="book-data"
  data-bookid="1"
  data-title="Crucifiction of Mary"
  data-author="Berno"
  data-price="R320"
  data-desc="Your full book description goes here. As long as you need."
  style="display:none"
></div>