add.html

<head-bar></head-bar>

<nav class="nav-extended bot-nav">
  <div class="nav-content">
    <ul class="tabs tabs-transparent">
      <li class="tab"><a href="#!/main">ME</a></li>
      <li class="tab"><a class="active">ADD</a></li>
      <li class="tab"><a href="#!/borrow">BORROW</a></li>
      <li class="tab"><a href="#!/search">SEARCH</a></li>
    </ul>
  </div>
</nav>

<div class="library">
  <div class="row">
    <div class="col s12 m12">
      <div class="card">
        <div class="card-content">
          <span class="card-title">Couldn't find your book in the list</span>
          <div class="input-field">
            <input placeholder="Book id" id="bookid" type="number" ng-keyup="enter($event)" />
            <input placeholder="Book name" id="bookname" type="text" ng-keyup="enter($event)" />
            <input placeholder="Book writer" id="bookwriter" type="text" ng-keyup="enter($event)" />
            <div ng-click="addBook()">
              <a class="btn-flat">Add</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>    
</div>