changed structure to header content list footer

theme/wttf/templates/index.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block content %}
 {% if articles %}
-<section id="content">
+	<section id="content">
 	{% for article in articles_page.object_list %}
 		{# First item #}
 		{% if loop.index <= 3 %}
@@ -28,8 +28,9 @@
 					</div>
 					<div class="entry-content e-content">{{ article.content }}</div>
 				</article>
-			</div><!-- /#featured -->
+			</div>
 			{% if loop.index == 3 %}
+				</section>
 				<section id="list">
 					<h1>Other articles</h1>
 					<hr />
@@ -38,7 +39,8 @@
 		{# other items #}
 		{% else %}
 			{% if loop.first %}
-				<section id="other">
+				</section>
+				<section id="list">
 					<ol id="posts-list" class="hfeed" start="{{ articles_paginator.per_page -1 }}">
 			{% endif %}
 			<li>
@@ -68,21 +70,20 @@
 					<div class="entry-content">
 						<p class="p-summary">{{ article.summary }}</p>
 						<span class="entry-readmore"><a class="readmore" href="{{ SITEURL }}/{{ article.url }}"> read more</a></span>
-					</div><!-- /.entry-content -->
+					</div>
 				</article>
 			</li>
 		{% endif %}
 		{% if loop.last %}
 			{% if loop.length > 1 or articles_page.has_other_pages() %}
-				</ul><!-- /#posts-list -->
+				</ul>
 				{% if articles_page.has_other_pages() %}
 					{% include 'pagination.html' %}
 				{% endif %}
-				</section><!-- /#content -->
+				</section>
 			{% endif %}
 		{% endif %}
 	{% endfor %}
-</section>
 {% endif %}
 {% endblock content %}