Jeff and JP Project of Doom

boom chicka boom boom

HTML

<h1>
<div class="row">
  <div class="col-md-1">Google Play Book Finder</div>
  </div>
</h1>

<form>
<div class="row">
  <div class="col-md-8"><input placeholder="search google's book catalog" type="text" id="book_title_search"/></div>
  </div>
<div class="row">
  <div class="col-md-4">
    <button title="search" id="search" type="submit">
      Search
    </button>
    <button id="reset" type="reset">
      Reset
  </button>
 </div>
 </div>
</form>

CSS

h1 {
  color: tomato;
  font-family: 'Arial';
}

form {
  color: white;
}

input {
  width: 400px;
  height: 39px;
  padding: 4px 8px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4;
  color: #6f6f6f;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

search {
  color: red;
}

JavaScript

{
  "book_title": "horses for beginners",
  "username": "jerf"
}