<h1 class="my-4">Welcome to Modern Library</h1>

<!-- Marketing Icons Section -->
<div class="row">
  <%= render partial: 'books/book', collection: @books%>
</div>

<!-- Features Section -->
<div class="row">
  <div class="col-lg-6">
    <h2>Modern Library Features</h2>
    <p>The Modern Library includes:</p>
    <ul>
      <li>
        <strong>Easy Borrow</strong>
      </li>
      <li>1000000+ books</li>
      <li>Premium service</li>
      <li>Unlimited membership</li>
      <li>One stop for all you need</li>
    </ul>
    <p>The modern library is a one stop solution for all the book lovers to borrow books with ease. This is world's first online library system haing millions of books at one place. So register tody and get its benifits</p>
  </div>
  <div class="col-lg-6">
    <%= image_tag "img4.jpg", class: 'img-fluid rounded', alt: '' %>
  </div>
</div>
<!-- /.row -->

<hr>

<!-- Call to Action Section -->
<div class="row mb-4">
  <div class="col-md-8">
    <p>Excited to see the full list of all available images? Click here and view millions of books available in our system.</p>
  </div>
  <div class="col-md-4">
    <%= link_to 'View full list', books_path , class: 'btn btn-lg btn-primary btn-block' %>
  </div>
</div>