D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
jkeohan
Full window
Github gist
Wireframe
<!-- markup time --> <html> <head> <link href="main.css" rel="stylesheet"></link> </head> <body> <div class="wrapper wb"> <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> <div class="search-box wb-bottom"> <form> <input type="text" class="search-input wb" placeholder="Search..."/> <input type="submit" class="search-button wb" value="Go" /> </form> </div> <div class="categories wb-bottom"> <a class="wb-right">Length</a> <a>Category</a> </div> <div class="search-results"> <!-- book listing --> <div class="search-head wb-bottom"> <button class="wb">Show all 48 titles</button> <h2>Books</h2> </div> <ul class="wb-child-bottom"> <li> <div class="thumb wb"><i class="fa fa-book"></i></div> <a class="book-name">Drift</a> <span>By Marlene Gybson</span> </li> <li> <div class="thumb wb"><i class="fa fa-book"></i></div> <a class="book-name">What the Nanny...</a> <span>By Vivian Bandy</span> </li> </ul> <!-- author listing --> <div class="search-head wb-bottom"> <button class="wb">Show all 6 authors</button> <h2>Authors</h2> </div> <ul class="wb-child-bottom"> <li> <div class="thumb author-thumb wb"><i class="fa fa-user"></i></div> <a class="author-name">Carmen A. Maher</a> </li> <li> <div class="thumb author-thumb wb"><i class="fa fa-user"></i></div> <a class="author-name">Willie Poon</a> </li> </ul> </div> </div> </body> </html>