345 lines
16 KiB
HTML
345 lines
16 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<title>unglue.it</title>
|
|||
|
|
<link type="text/css" rel="stylesheet" href="/static/css/layout.css" />
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<div id="js-page-wrap">
|
|||
|
|
<div id="js-header">
|
|||
|
|
<div class="js-main">
|
|||
|
|
<div class="js-logo">
|
|||
|
|
<a href="index.html"><img src="/static/images/logo.png" alt="unglue.it" title="unglue.it" /></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="js-topmenu">
|
|||
|
|
<ul class="menu">
|
|||
|
|
<li class="first"><a href="#"><span>Sign In</span></a></li>
|
|||
|
|
<li><a href="#"><span>Tour</span></a></li>
|
|||
|
|
<li><a href="#"><span>FAQ’s</span></a></li>
|
|||
|
|
<li><a href="#"><span>Help</span></a></li>
|
|||
|
|
<li class="last"><a href="#"><span>sign up</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="js-topsection">
|
|||
|
|
<div class="js-main">
|
|||
|
|
<div class="js-topnews">
|
|||
|
|
<div class="js-news-text">With your help we raise money to buy book rights. The unglued books are free to download, here.</div>
|
|||
|
|
<div class="js-news-links"><a class="readon"><span>Learn more</span></a></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="js-search">
|
|||
|
|
<div class="js-search-inner">
|
|||
|
|
<form action="">
|
|||
|
|
<input type="text" onfocus="if (this.value=='Search for a book...') this.value='';" onblur="if (this.value=='') this.value='Search for a book...';" value="Search for a book..." size="30" class="inputbox" maxlength="200" id="ssearchword" name="searchword">
|
|||
|
|
<input type="button" onclick="this.form.searchword.focus();" class="button" value="Search">
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="main-container">
|
|||
|
|
<div class="js-main">
|
|||
|
|
<div id="js-leftcol">
|
|||
|
|
<div class="jsmodule">
|
|||
|
|
<h3 class="jsmod-title"><span>Explore</span></h3>
|
|||
|
|
<div class="jsmod-content">
|
|||
|
|
<ul class="menu level1">
|
|||
|
|
<li class="first parent">
|
|||
|
|
<a href="#"><span>Show me...</span></a>
|
|||
|
|
<ul class="menu level2">
|
|||
|
|
<li class="first"><a href="#"><span>Recommended</span></a></li>
|
|||
|
|
<li><a href="#"><span>Popular</span></a></li>
|
|||
|
|
<li><a href="#"><span>Almost unglued</span></a></li>
|
|||
|
|
<li><a href="#"><span>Recently unglued</span></a></li>
|
|||
|
|
<li><a href="#"><span>Ending Soon</span></a></li>
|
|||
|
|
<li class="last"><a href="#"><span>Just Listed</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="parent">
|
|||
|
|
<a href="#"><span>Show me...</span></a>
|
|||
|
|
<ul class="menu level2">
|
|||
|
|
<li class="first"><a href="#"><span>Recommended</span></a></li>
|
|||
|
|
<li><a href="#"><span>Popular</span></a></li>
|
|||
|
|
<li><a href="#"><span>Almost unglued</span></a></li>
|
|||
|
|
<li><a href="#"><span>Recently unglued</span></a></li>
|
|||
|
|
<li><a href="#"><span>Ending Soon</span></a></li>
|
|||
|
|
<li class="last"><a href="#"><span>Just Listed</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="js-maincol-fr">
|
|||
|
|
<div class="js-maincol-inner">
|
|||
|
|
<div class="content-block">
|
|||
|
|
<div class="content-block-heading">
|
|||
|
|
<h2 class="content-heading">Currently being <span>unglued</span></h2>
|
|||
|
|
<a class="block-link">See all books</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-block-content">
|
|||
|
|
<div class="row row1 cols3">
|
|||
|
|
<div class="column column-left">
|
|||
|
|
<div class="item item1">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book1.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 99%
|
|||
|
|
<span class="status percent99"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item2">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book4.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
<span class="book-new">
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 7%
|
|||
|
|
<span class="status percent7"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="column column-center">
|
|||
|
|
<div class="item item1">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book2.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 60%
|
|||
|
|
<span class="status percent60"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item2">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book5.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 62%
|
|||
|
|
<span class="status percent62"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="column column-right">
|
|||
|
|
<div class="item item1">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book3.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 22%
|
|||
|
|
<span class="status percent22"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item2">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book6.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 21%
|
|||
|
|
<span class="status percent21"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-block">
|
|||
|
|
<div class="content-block-heading">
|
|||
|
|
<h2 class="content-heading">Most popular</h2>
|
|||
|
|
<a class="block-link">See all books</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-block-content">
|
|||
|
|
<div class="row row1 cols3">
|
|||
|
|
<div class="column column-left">
|
|||
|
|
<div class="item item1">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book1.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 99%
|
|||
|
|
<span class="status percent99"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item2">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book4.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
<span class="book-new">
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 7%
|
|||
|
|
<span class="status percent7"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="column column-center">
|
|||
|
|
<div class="item item1">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book2.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 60%
|
|||
|
|
<span class="status percent60"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item2">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book5.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 62%
|
|||
|
|
<span class="status percent62"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="column column-right">
|
|||
|
|
<div class="item item1">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book3.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 22%
|
|||
|
|
<span class="status percent22"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item2">
|
|||
|
|
<div class="book-image">
|
|||
|
|
<img src="/static/images/images/book6.png" align="" title="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="book-info">
|
|||
|
|
<div class="book-name">
|
|||
|
|
Nineteen Eighty-Four
|
|||
|
|
</div>
|
|||
|
|
<div class="book-author">
|
|||
|
|
George Orwell
|
|||
|
|
Penguin
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="book-status">
|
|||
|
|
<span class="unglue">unglue</span> status 21%
|
|||
|
|
<span class="status percent21"> </span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|