Template source: website/home.html

{% extends "website/base.html" %}
{% load static website_tags kway_tags nav_tags %}

{% block description %}{% ktrans "seo_description_home" %}{% endblock %}
{% block keywords %}{% ktrans "seo_keywords_home" %}{% endblock %}

{% block header %}
{{ block.super }}
{% endblock %}

{% block content %}
{{ block.super }}
        <div class="page-home">

            <div class="container-fluid">
                <header>
                    <div class="header-image-wrapper">
                        <div class="image" style="background-image:url('{% static "website/img/temp/header-home.jpg" %}');"></div>
                    </div>
                </header>
            </div>

            <!-- begin marchi trattati -->
            <div class="container-fluid">
                <div class="element-row unmargined-top">

                    <div class="brands-wrapper">

                        <div class="heading-wrapper">
                            <h1 class="title text-center">{% ktrans "home-brands-title" default="Solo i migliori marchi." %}</h1>
                            <p class="description text-center">{% ktrans "home-brands-description" default="Aiutiamo i nostri clienti nella loro attività quotidiana con un'offerta multibrand estremamente completa ed aggiornata, selezionando solo marchi premium." %}</p>
                        </div>

                        <div class="brands-slideshow-wrapper-home">

                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9 col-centered">
                                    <div class="slides-wrapper owl-carousel owl-theme">
                                        {% for brands_page in brands %}
                                        <div class="slide-wrapper">
                                            <div class="row">
                                                <div class="block-grid-xs-3 block-grid-sm-3 block-grid-md-3 block-grid-lg-6">
                                                    {% for obj in brands_page %}
                                                    <div class="block-item">
                                                        <a class="logo-button text-center" href="{{ obj.url|default:"#" }}" target="_blank" style="background-image:url('{{ obj.logo.url }}');"></a>
                                                    </div>
                                                    {% endfor %}
                                                </div>
                                            </div>
                                        </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>
            <!-- end marchi trattati -->

            <div class="container">

                <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1 col-xl-10 col-xl-offset-1">


                        <!-- begin big text -->
                        <div class="element-row unmargined-bottom">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="heading-wrapper unpadded-top">
                                        <h1 class="title text-center">{% ktrans "home-products-intro-title" default="Il TOP nella distribuzione di ricambi auto." %}</h1>
                                        <p class="description featured-description text-center">{% ktrans "home-products-intro-description" default="Operiamo in questo settore dal 1989, puntando fin dal primo giorno su affidabilità, formazione e innovazione. <br>Oggi, quasi trent'anni dopo, continuano ad essere queste le parole chiave alla base della nostra leadership nel mercato aftermarket." %}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end big text -->


                        <!-- begin categorie prodotto -->
                        <div class="element-row unmargined-top">
                            <div class="row">
                                <div class="col-xs-12">
                                    <!-- categorie prodotti -->
                                    <div class="products-categories-wrapper">

                                        <!-- titolo descrizione -->
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <div class="heading-wrapper">
                                                    <h1 class="title text-center">{% ktrans "home-products-title" default="Prodotti" %}</h1>
                                                    <p class="description text-center">{% ktrans "home-products-description" default="Un’offerta completa per assistere e servire i nostri clienti nella loro attività quotidiana.<br>Il tutto, rigorosamente in chiave multibrand con una gamma completa di marchi Premium." %}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="block-grid-xs-1 block-grid-sm-3 block-grid-md-3 block-grid-lg-5">
                                                {% for obj in products %}
                                                <div class="block-item">
                                                    <a class="box-button text-center impianto-frenante" href="{% nav_url "product-detail" slug=obj.slug %}" style="background-image:url('{{ obj.icon.url }}');">
                                                        <span>{{ obj.name }}</span>
                                                        <span class="cta">{% ktrans "home-products-cta" default="Scopri" %}</span>
                                                    </a>
                                                </div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- end categorie prodotto -->

                        <!-- begin news -->
                        <div class="info-boxes-wrapper element-row unmargined-top">

                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-7">

                                    <div class="info-box orange comunicazioni-wrapper">

                                        <p class="heading icon comunicazioni">{% ktrans "news-comunicazioni-title" default="Comunicazioni" %}</p>
                                        <ul>
                                            {% for obj in comunicazioni %}
                                            <li>
                                                <p class="date">{{ obj.date|date:"d/m/Y" }}</p>
                                                <p class="title">{{ obj.title }}</p>
                                                <hr/>
                                                <p class="description">{% if obj.image %}<img src="{{ obj.image.url }}" class="info-box-image"><br>{% endif %}{{ obj.abstract|linebreaksbr }}</p>
                                                {% if obj.link %}<a class="button" href="{{ obj.link }}" target="_blank">{% ktrans "news-comunicazioni-link" default="Visita" %}</a>{% endif %}
                                            </li>
                                            {% endfor %}
                                        </ul>

                                    </div>

                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-5">

                                    <div class="row">
                                        <div class="col-xs-12 col-lg-12">

                                            <div class="info-box blue press-wrapper">

                                                <p class="heading icon press">{% ktrans "news-press-title" default="Press" %}</p>
                                                <ul>
                                                    {% for obj in press %}
                                                    <li>
                                                        <p class="date">{{ obj.date|date:"d/m/Y" }}</p>
                                                        <p class="title">{{ obj.title }}</p>
                                                        <hr/>
                                                        <p class="description">{{ obj.abstract|linebreaksbr }}</p>
                                                        {% if obj.attachment %}<a class="button" href="{{ obj.attachment.url }}" target="_blank">{% ktrans "news-press-download" default="Scarica" %}</a>{% endif %}
                                                    </li>
                                                    {% endfor %}
                                                </ul>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                        <!-- end news -->
                        
                    </div>

                </div>

            </div>

        </div>
{% endblock %}

{% block footer %}
{{ block.super }}
{% endblock %}