{% extends 'base.html' %}

{% block content %}

	{% if latest_content_list %}
	{% for content in latest_content_list %}
	{% if forloop.counter == 3 %}
	<div class="large-8 medium-8 columns special-column">
	<img src="http://camputer.org/images/{{content.image}}">
	<div class="index-text">
	<h4><a href="/content/{{ content.shortname }}/">{{content.title}} </a></h4>
	<h6>Tate Modern <br />
	29th March, 2017, 7:00 pm <br />
	South Tank <br /> </h6>

	<p> {{content.body|striptags|truncatechars:250}} <a href="/content/{{ content.shortname }}">read more</a> </p>
	</div>
	{% endif %}
	{% endfor %}

	</div>
	<div class="large-4 medium-4 columns">
		<h4 class="sidebar-h4"> Upcoming Events </h4>
		<div class="row">
		
		    {% for content in latest_content_list %}
		    <div class="row right-items">
			    <div class="small-6 columns">
			        <img src="http://camputer.org/images/{{ content.image }}">
			    </div>
			    <div class="small-6 columns">
			        <a href="/content/{{ content.shortname }}/" class="sidebar-title">{{ content.title }}</a>
			         <h6 class="sidebar-date"> <font color="#ef4e5c"> <b> {{ content.datestart }} </b></font> <br/>
			          We will add a place to fill this text </h6>
			    </div>
			</div>
		    {% endfor %}
			{% else %}
			    <p>No polls are available.</p>
			{% endif %}
				</div>
			</div>
			
{% endblock %}