<div id="books-section" class="columns">
  <div class="column is-one-fifth">
    <div class="thead">BOOKS</div>
  </div>
  <div class="column">
    <div class="columns">
      {{ range .Params.Books }}
      <div class="column is-half">
        <div class="book-cell">
            <h3>{{ .title }}</h3><br>
            <div class="book-cover">
                <a href={{ .path }}>
                  <img src={{ .imgsrc }} alt={{ .title }}>
                </a>
            </div>
            <p class="book-blurb"><b>{{ .body }}</b></p>
            <p class="book-detail"><a href={{ .path }}>Details</a></p>
        </div>
      </div>
      {{ end}}
    </div>
  </div>
</div>
