{% extends "base.html" %}

{% block content %}

    <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">
        	<h2>What book would you give to the world?</h2>
            <div class="js-search-inner">
                <form action="{% url search %}" method="get"> 
                    <input type="text" placeholder="Search for a book..." size="25" class="inputbox" name="q">
                    <input type="button" onclick="this.form.searchword.focus();"  class="button" value="Search">
                </form>
            </div>
            </div>
        </div>
    </div>

    <div style="margin-top: 20%;">
    </div>
    
{% endblock %}