54 lines
1.8 KiB
HTML
54 lines
1.8 KiB
HTML
|
{% extends 'base.html' %}
|
||
|
|
{% load static %}
|
||
|
|
{% block title %}LISTA FILM PER GENERE {{ genere }} {% endblock title %}
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
|
||
|
|
|
||
|
|
<!-- page title -->
|
||
|
|
<section class="section section--first section--bg" data-bg="https://i.ibb.co/1rMvtMS/section.jpg">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-12">
|
||
|
|
<div style="justify-content: center!important;" class="section__wrap">
|
||
|
|
<!-- section title -->
|
||
|
|
<h2 style="text-transform: uppercase;" class="section__title">FILM PER GENERE : {{ genere }}</h2>
|
||
|
|
<!-- end section title -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- end page title -->
|
||
|
|
<!-- catalog -->
|
||
|
|
<div class="catalog">
|
||
|
|
<div style="margin-top: 30px;" class="container">
|
||
|
|
<div class="row">
|
||
|
|
<!-- card -->
|
||
|
|
{% for film_genere in film %}
|
||
|
|
<div class="col-6 col-sm-4 col-lg-3 col-xl-3">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card__cover">
|
||
|
|
<img src="{{ film_genere.immagine_poster.url }}" alt="">
|
||
|
|
<a href="{{ film_genere.get_absolute_url }}" class="card__play">
|
||
|
|
<i class="icon ion-ios-play"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="card__content">
|
||
|
|
<h3 class="card__title"><a href="{{ film_genere.get_absolute_url }}">{{ film_genere.titolo }}</a></h3>
|
||
|
|
<span class="card__category">
|
||
|
|
{% for genere_film in film_genere.genere.all %}
|
||
|
|
<a href="{{ genere_film.get_absolute_url }}">{{ genere_film.genere }}</a>
|
||
|
|
{% endfor %}
|
||
|
|
</span>
|
||
|
|
<span class="card__rate"><i class="icon ion-ios-star"></i>{{ film_genere.voto }}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
<!-- end card -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end catalog -->
|
||
|
|
{% endblock content %}
|