New book detail template

The new book detail template is comprised of two components:

• A breadcrumb, to both tell the user where they are, and allow them to navigate back
• A form, to allow the user to input a book’s information

Breadcrumb

The new-book.html page is reached by clicking on the green “New” button on books.html, and can thus be considered a subpage of the latter. To highlight this hierarchy to the user, you can display a Bulma breadcrumb:

<nav class="breadcrumb">
  <ul>
    <li>
      <a href="books.html">Books</a>
    </li>
    <li class="is-active">
      <a href="new-book.html">New book</a>
    </li>
  </ul>
</nav>

The active item is black and not clickable, since it’s the current page.

The book form

Each book will have the following fields:

• title
• price
• page count
• ISBN
• cover image

Like the login page, the creation of a new...