{% load markup %}
<link rel="stylesheet" href="/static/css/modules/emailer.css" />
<div id="wrapperEmailer">

	<div id="headerEmailer">

		<img src="logoItfSmall.jpg" width="125" height="34" alt="logo-itf-small" id="logoItfSmall"><!-- LOGO ITF SMALL -->		
        
        <p id="issueNo">Issue No: {{ issue.issue_no }}</p><!-- ISSUE NO CLOSING -->
		<p id="issueDate">{{ issue.issue_date }}</p><!-- ISSUE DATE CLOSING -->
		<p id="emailerDescription">A fortnightly theatre e-journal from the India Theatre Forum<br>Co-Editors: Vikram Iyengar, Joyoti Roy</p><!-- EMAILER DESCRIPTION CLOSING -->
        
		<img src="logo-erang.jpg" width="151" height="127" alt="logo-erang" id="logoImg"><!-- LOGO IMG -->

		<div id="navEmailer">
			<li><a href="">Subscribe |</a></li>
			<li><a href="">Feedback |</a></li>
			<li><a href="">Bulletin Board |</a></li>
			<li><a href="">Links</a></li>
		</div><!--NAV EMAILER CLOSING -->
	
    </div><!-- HEADER EMAILER CLOSING -->

	<div id="contentEmailer">

		<div class="contentBoxes">
			<h1>{{ box_title }}</h1>
            <p>{{ box_text }}</p>
            <p class="contentBoxesMore"><a href="">More &#187;</a></p>
		</div><!-- CONTENT BOXES CLOSING -->

		<div class="contentBoxes">
			<h1>{{ box_title }}</h1>
            <p>{{ box_text }}</p>
            <p class="contentBoxesMore"><a href="">More &#187;</a></p>
		</div><!-- CONTENT BOXES CLOSING -->

		<div class="contentBoxes">
			<h1>{{ box_title }}</h1>
            <p>{{ box_text }}</p>
            <p class="contentBoxesMore"><a href="">More &#187; </a></p>
		
        </div><!-- CONTENT BOXES CLOSING -->

	    <div class="clear"></div>
        
		<div class="articleEmailer">
            {% for article in articles %}
			<div class="articleTitle">{{ article.title }}</div><!-- ARTICLE TITLE CLOSING -->
			<div class="articleImg"><img src="logo-erang.jpg" width="151" height="127"></div><!-- ARTICLE IMAGE CLOSING -->
			<div class="articleCaption">{{ article.subtitle }}</div><!-- ARTICLE CAPTION CLOSING -->
			<div class="articleText">{{ article.text|markdown }}</div>
            {% endfor %}
        </div><!-- ARTICLE EMAILER CLOSING -->

	</div><!-- CONTENT EMAILER CLOSING -->

	<div id="footerEmailer">
    	
        <p>Contribute your articles to e-Rang and become part of this theatre community! Email us at <a href="">erang@theatreforum.in</a> to know
more about how to contribute..</p>
		<p>The India Theatre Forum (ITF), a Prithvi Theatre initiative, was formed in 2006 as a loose 
association of theatre people coming together in the larger interests of theatre. For more on the ITF, please visit 
<a href="">www.theatreforum.in</a>. The ITF is currently supported by HIVOS.</p>

<p>If you'd prefer not to receive theatre updates and theatre news, simply click here to <a href="">unsubscribe.</a></p>
    
    </div><!-- FOOTER EMAILER CLOSING -->

</div>