<link href="main.css" rel="stylesheet"></link>
<div class="black-bar wb-bottom">
<div class="battery">22% <i class="fa fa-bolt"></i></div>
<div class="network"><i class="fa fa-signal"></i> AT&T</div>
<div class="time">12:34 PM</div>
<div class="search-box wb-bottom">
<input type="text" class="search-input wb" placeholder="Search..."/>
<input type="submit" class="search-button wb" value="Go" />
<div class="categories wb-bottom">
<a class="wb-right">Length</a>
<div class="search-results">
<div class="search-head wb-bottom">
<button class="wb">Show all 48 titles</button>
<ul class="wb-child-bottom">
<div class="thumb wb"><i class="fa fa-book"></i></div>
<a class="book-name">Drift</a>
<span>By Marlene Gybson</span>
<div class="thumb wb"><i class="fa fa-book"></i></div>
<a class="book-name">What the Nanny...</a>
<span>By Vivian Bandy</span>
<div class="search-head wb-bottom">
<button class="wb">Show all 6 authors</button>
<ul class="wb-child-bottom">
<div class="thumb author-thumb wb"><i class="fa fa-user"></i></div>
<a class="author-name">Carmen A. Maher</a>
<div class="thumb author-thumb wb"><i class="fa fa-user"></i></div>
<a class="author-name">Willie Poon</a>