{% 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="{{ content.image_url }}">
	<div class="index-text">
	<h4><a href="{{ content.get_absolute_url }}">{{content.title}}</a></h4>
	<p>
        {{content.body|striptags|truncatechars:250}} <a href="{{ content.get_absolute_url }}">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="{{ content.image_url }}">
			    </div>
			    <div class="small-6 columns">
			        <a href="{{ content.get_absolute_url }}" class="sidebar-title">{{ content.title }}</a>
			         <h6 class="sidebar-date">{{ content.datestart }}</h6>
                     {{ conntent.header }}
			    </div>
			</div>
		    {% endfor %}
			{% else %}
			    <p>No polls are available.</p>
			{% endif %}
				</div>
			</div>
			
{% endblock %}