{% extends '::web.html.twig' %}

{% block meta %}
    <meta property="description" content="{{ ('')|trans|overflow(150) }}."/>
    <meta property="og:title" content="{{ site_name }} | {{ 'Publicidad'|trans }}"/>
    <meta property="og:description" content="{{ ('')|trans|overflow(150) }}"/>
    <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() }}{{ web_bundle_url ~ 'img/layout/logo.png' }}"/>    
{% endblock %}

{% block content %}

    {{ include('MakuvexPerenniWebBundle:Widgets:header.html.twig', { 'title' : 'Publicidad', 'subtitle' : 'Canal exclusivo para publicidad' }) }}

    <div id="fh5co-core-feature">
        <div class="container">
            <div class="row">
                <div class="col-xs-9 animate-box text-right" data-animate-effect="fadeIn">
                    <h2 style="color:#5d5d5d;padding-bottom:1em;line-height:1.5em;">
                        {{ 'Sabemos que invertir en publicidad es generar valor y fortalecer la imagen empresarial, por ello tenemos la mejor propuesta del mercado a un precio diferencial.'|trans }}
                    </h2>
                </div>
                <div class="col-xs-3 animate-box fadeIn animated-fast" data-animate-effect="fadeIn" style="
                    background-image: url({{ web_bundle_url ~ 'img/misc/sales.png' }}); 
                    display: block; 
                    height: 125px; 
                    background-repeat: no-repeat; 
                    background-position: center center; 
                    background-size: 125px auto;">                         
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-core-feature" class="fh5co-bg-section" style="padding-bottom:3em">
        <div class="container">
            <div class="row">
                <div class="features">
                    <div class="col-half-image-holder animate-box" data-animate-effect="fadeInLeft">
                        <img src="{{ (web_bundle_url ~ 'img/misc/advertisement_01.jpg') | imagine_filter('ads') }}" class="img-responsive" style="position: relative; width: 95%; margin: 0px auto;" />
                    </div>
                    <div class="col-half animate-box" data-animate-effect="fadeInRight">
                        <div class="table-c">
                            <div class="desc text-center" style="float:right">
                                <h4>{{ 'TENEMOS LA MEJOR PROPUESTA DEL MERCADO A UN PRECIO DIFERENCIAL'|trans }}</h4>
                                <p>{{ 'Somos fabricantes de artículos de cerámica por lo que contamos con productos de calidad y valor distinguido.'|trans }}</p>                               
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
                    
    <div id="fh5co-core-feature" style="padding-bottom:3em">
        <div class="container">
            <div class="row">
                <div class="features">
                    <div class="col-half animate-box" data-animate-effect="fadeInLeft">
                        <div class="table-c">
                            <div class="desc text-center">
                                <h4>{{ 'MAS DE 15 AÑOS EN EL MERCADO'|trans }}</h4>
                                <p>{{ 'Trabajamos con responsabilidad asesorando a nuestros clientes, sabiendo sus necesidades y la importancia de generar valor.'|trans }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-half-image-holder animate-box" data-animate-effect="fadeInRight">
                        <img src="{{ (web_bundle_url ~ 'img/misc/advertisement_02.jpg') | imagine_filter('ads') }}" class="img-responsive" style="position: relative; width: 95%; margin: 0px auto;" />
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ include('MakuvexPerenniWebBundle:Widgets:contactus.html.twig') }}

{% endblock %}