<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>PLEASE ADD TITLES HERE</title>

<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/static/css/main.css" type="text/css" />
<!-- ADD THE HTML5 SHIV, javascript libraries, google chrome frame -->

{% block extra_head %}

{% endblock %}

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body>

<div id="wrapper">
	
<header> 
   
<a href="/test/"><img src="/static/img/logo.png" width="171" height="73" alt="logo-mofca" id="logo"></a>

<nav>
	<ul class="navMain">
       	<li><a href="#">Hari Bhari Tokri</a>
           	<ul class="navSubs">
               	<li><a href="/hbt/">What's HBT?</a></li>
                <li><a href="/signup/">Sign-up</a></li>
                <li><a href="/pickup-delivery/">Where: Pickup & Delivery</a></li>
				<li><a href="/seasons-veggies/">This season's vegetables</a></li>
                <li><a href="#">Meet the farmers</a></li>                        
            </ul>
		</li>

        <li><a href="#">Recipes</a>
           	<ul class="navSubs">
               	<li><a href="#">Find a recipe</a></li>
                <li><a href="#">Add a recipe</a></li>
			</ul>
		</li>
                    
        <li><a href="#">Events</a></li>
               	
        <li><a href="#">Resources</a>
           	<ul class="navSubs">
               	<li><a href="#">Food questions</a></li>
                <li><a href="#">Farming questions</a></li>
				<li><a href="#">Ask a question</a></li>
                <li><a href="#">Our blog</a></li>
                <li><a href="#">Our friends/partners</a></li>                        
            </ul>
        </li>             
      </ul>
</nav>

	<form action="" method="get">
  		<input type="text" placeholder="Search MOFCA" name="field" id="search"/>
	</form>
			    	


<div class="clear"></div>

</header>        

  <div id="columns">

	<div id="col1">

    {% block content %}
	{% endblock %}

	</div>


		<div id="col2">
    	
    		<figure id="meetFarmer">
        		<img src="/static/img/farmer-chandrakant-b.jpg" width="300" height="300" alt="chandrakant-bokade" id="farmer">
			<figcaption>
       	  		<p>Meet the Farmer:</p>
          		<p>Chandrakant Bokade</p>
       	  	</figcaption>
        	</figure>
        
   <section id="eventsSection" class="sectionsRight">
   	<h1>Join our upcoming events</h1>
   	<ul>
   		<li><span class="titleText">Farm visit </span><span class="eventsTime">Sunday, July 24, Bhiwandi</span></li>
   		<li><span class="titleText">Tokri distribution </span><span class="eventsTime">Thursday, July 28</span></li>
   </ul>
   <p class="sectionsRightLink">See all events &rsaquo;</p>
   </section>
   
   
   <section id="newsletterSection" class="sectionsRight">
   	<h1>Sign up for our newsletter</h1>
   
   	<form action="" method="post">
  		<input type="email" placeholder="you@domain.org" class="input">
  		<input type="submit" class="submit" value="Submit">
    </form>
   
   <p class="sectionsRightLink">Newsletter archives &rsaquo;</p>
   
  </section>
   
  <section id="blogSection" class="sectionsRight">
  	 <h1>Tokri Talk from our blog</h1>
   	 <article><span class="titleText">Ambadi</span> <span class="postText">Unrelated to Cannabis &#150; except in the shape of the leaves</span>      <time datetime="2011-07-17T10:30:20+05:30" pubdate>July 17 10:30am</time></article>
    
    <article><span class="titleText">Ambadi</span> <span class="postText">Unrelated to Cannabis &#150; except in the shape of the leaves. Those leaves are pretty</span><time><!--Sanjay do the same in the backend for these for time datetime--> July 12 10:30am</time></article>
    
    <article><span class="titleText">Ambadi</span> <span class="postText">Unrelated to Cannabis &#150; except in the shape of the leaves</span> <time><!--Sanjay do the same in the backend for these for time datetime-->June 10 5:00am</time></article>
    
    <p class="sectionsRightLink">Blog archives &rsaquo;</p>
   </section>
        </div>
    </div>
    
	<div class="clear"></div>

  </div>


	<footer>
    
    
    	<a href="index.html"><img src="/static/img/logo.png" width="90" height="38" alt="logo-mofca" id="logoFooter"></a>
    	<h1>Mumbai Organic Farmers & Consumers Association</h1>
    
    
    <ul>
    	<li><a href="/about/">About Us</a></li>
    	<li><a href="/contact/">Contact </a> hari.bhari.tokri@gmail.com</li>
    	<li><a href="#">Get Involved</a></li>
    </ul>
    
    
    <ul>
	    <li><a href="#">Frequently asked questions</a></li>
	    <li><a href="#">Food questions</a></li>
    	<li><a href="#">Farmer questions</a></li>
    </ul>
    
    <ul>
	    <li><a href="#"><img src="/static/img/rss.png" width="12" height="12" alt="rss-icon"> RSS</a> &nbsp; &nbsp;<a href="#"><img src="/static/img/facebook-icon.png" width="14" height="14 alt="facebook-icon"> Facebook</a></li>
    	<li><a href="http://blog.mofca.in/">Blog</a></li>
    	<li><a href="#">Newsletter</a></li>	 
    </ul>
	
 </footer>

</div>

</body>

</html>
