<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/static/css/main.css" type="text/css" />

</head>

<body>

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

<nav>
	<ul class="navMain">
       	<li><a href="#">Hari Bhari Tokri</a>
           	<ul class="navSubs">
               	<li><a href="#">What's HBT?</a></li>
                <li><a href="#">Where: Pickup & Delivery</a></li>
				<li><a href="#">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 friends/partners</a></li>                        
            </ul>
        </li>             
      </ul>
</nav>

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

</header>        

  <div id="columns">

	<div id="col1">
    
		<hgroup>

  			<h1>Hari Bhari Tokri</h1>
			<h2><span>is a weekly selection of organic vegetables gathered by &nbsp;<br/>Mofca &#150; the Mumbai Organic Farmers & Consumers &nbsp;<br/> Association. Mouse over the vegetables in this week's tokri &nbsp;<br/>for nutrition information, recipes, and more. &nbsp;</span>
            </h2>
			<h3>Monsoon 2011, Tokri 1</h3>
	
	   </hgroup>
    
		<div id="basket">
    		<div id="basketTop"><img src="/static/img/tokri-tops.png" width="677" height="177" alt="basket-top"></div>
    		<div id="basketBottom"><img src="/static/img/tokri.png" width="729" height="325" alt ="tokri"></div>
			<div id="basketRecipe"><img src="/static/img/recipe-cards.png" width="265" height="182" alt="recipe-card"><!--this is a large png 24 file needs to be reduced in size-->
            	<p id="featuredRecipe">THIS WEEK'S FEATURED RECIPE</p>
                <p id="recipeName">Gongura Pickle</p>
            </div>    
    		<div id="vegLeft"><img src="/static/img/brinjal.png" width="187" height="155" alt="brinjal"></div>
    		<div id="vegCenter"><img src="/static/img/bhindis.png" width="240" height="214" alt="brinjal"></div>
    		<div id="vegRight"><img src="/static/img/dudhis.png" width="188" height="394" alt="dudhi"></div>
    	</div>

	</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>
    
    <hgroup>
    	<h1>Mofca</h1>
    	<h2>Mumbai Organic Farmers & Consumers Association</h2>
    </hgroup>
    
    <ul>
    	<li><a href="#">About Us</a></li>
    	<li><a href="#">Contact</a></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="#">Blog</a></li>
    	<li><a href="#">Newsletter</a></li>	 
    </ul>
	
 </footer>

</div>

</body>

</html>
