{% extends "base.html" %}
{% block title %} LORDCHANNEL - LISTA TITOLI {% endblock title %}

{% block css %}
<style>
div.lcimg {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 200px;
height:300px;
}

div.lcimg:hover {
    border: 1px solid #777;
}

div.lcimg img {
    width: 100%;
    height: 282px;
}

div.desc {
text-align: center;
overflow:hidden;
word-wrap: break-word;
}
</style>
{% endblock css %}

{% block content %}

<h1 class="text-center">Boxtitoli : </h1>
<div class="container">
    <div class="text-center"><a href="{% url 'crea_titolo' %}">CREA UN NUOVO TITOLO</a></div>
    {% for lista_titoli in titoli  %}
    <div class="lcimg desc">
            <a href="{{ lista_titoli.get_absolute_url }}">{{ lista_titoli.titolo }}
        <!-- {{ lista_titoli.slug_id }} -->
        <img src="{{ lista_titoli.foto }}" alt="{{ lista_titoli.titolo }}">
    </a>
    </div>
{% endfor %}
</div>
{% endblock content %}