django-blog/blog/mainpage/templates/mainpage/index.html

{% extends 'base.html' %}
{% block title %}Демка Django{% endblock %}
{% block content %}
<section class="section">



  <div class="tile is-ancestor">

    <div class="tile is-parent is-6">
      <div class="tile is-child box">
	<h2 class="title is-4">Главное</h2>
	<div class="content">
	  <p>Это демонстрационный сайт.</p>
	</div>
      </div>
    </div>

    <div class="tile is-vertical is-parent">

      <div class="tile is-child box">
	<h2 class="title is-4">Какая-то классная инфа</h2>
	<p>Можно вывести каку-то инфу, кроме этого замечательного сообщения, служащего плейсхолдером. </p>
      </div>

      <div class="tile is-child box">
	<h2 class="title is-4">Последние статьи</h2>
	<div class="content">
	    <ul>
	      {% for post in posts %}
	      <li><a href={% url 'posts:detail' post.id %}>{{post.title}}</a></li>
	      {% endfor %}
	    </ul>
	    <br>
	    <p>Или можно посмотреть <a href={% url 'posts:index' %}>все посты</a>.</p>
	  </div>
      </div>
    </div>


  </div>
  <section>
    {% endblock %}