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>

            <div class="container-fluid">
                <div class="element-row unmargined-top">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="brands-wrapper">

                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="heading-wrapper">
                                            <h1 class="title text-center">{% ktrans "home-brands-title" default="Solo i migliori marchi." %}</h1>

                                        </div>
                                    </div>
                                </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>
                </div>
            </div>

            <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="Una ricca offerta di componenti e ricambi auto" %}</h1>
                                        <p class="description featured-description text-center">{% ktrans "home-products-intro-description" default="RICAUTO S.P.A. opera nel settore dei <b>ricambi auto dal 1969</b>, distribuendo in concessione per il Triveneto, una estesa gamma di componenti per auto, <b>circa 90.000 articoli a catalogo</b>, tra prodotti dedicati al settore elettrico e soluzioni riservate a quello meccanico." %}</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 sospensioni" 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-bottom">

                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-7">
                                    <div class="info-box hollow comunicazioni-wrapper">
    
                                        <p class="heading">{% 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>
                                                <p class="description">{% if obj.image %}<img src="{{ obj.image.url }}" class="info-box-image" alt="{{ obj.title }}"><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 dark-grey press-wrapper">
    
                                                <p class="heading">{% 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 %}