templates/somos/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block inner_head %}
  3.     <div class="parallax inner-head" style="background-position: 50% 0px;">
  4.         <div class="container">
  5.             <div class="row">
  6.                 <div class="col-md-12">
  7.                     <i class="fa fa-users"></i>
  8.                     <h4>Quienes <span>Somos</span></h4>
  9.                     <ol class="breadcrumb">
  10.                         <li><a href="{{ path('inicio') }}">Inicio</a></li>
  11.                         <li class="active">Quienes Somos</li>
  12.                     </ol>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.     </div>
  17. {% endblock %}
  18. {% block body %}
  19.     <div class="container-fluid">
  20.         <div class="half-column-row">
  21.             <div class="half-column-wrapp">
  22.                 <div class="half-column">
  23.                     <img src="{{ asset('bundles/app/img/quienes_somos.jpg') }}" class="img-responsive" alt="">
  24.                 </div>
  25.                 <div class="half-column column-content">
  26.                     <h5>Quienes somos</h5>
  27.                     <p>
  28.                         Al ser un proyecto familiar, nuestra empresa se enfoca en un servicio responsable, personalizado, velamos por los intereses de nuestros clientes, para así lograr el mayor beneficio en sus inversiones inmobiliarias.
  29.                     </p>
  30.                     <p>                        
  31.                         Nuestro alto nivel de compromiso nos hace entregar un servicio de excelencia en el cual se destacan: ventas, arriendos y administración tanto de inmuebles como de condominios, por lo tanto queremos como finalidad darles una asesoría rápida, transparente y segura a sus necesidades.
  32.                     </p>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </div>
  37. {% endblock %}
  38. {% block propiedades_destacadas %}
  39.     <div class="contain-wrapp gallery-home">
  40.         <div class="container">
  41.             <div class="row">
  42.                 <div class="col-md-8 col-md-offset-2">
  43.                     <div class="section-heading">
  44.                         <h3>Propiedades destacadas</h3>
  45.                         <i class="fa fa-user"></i>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.             <div class="row">
  50.                 <div id="gallery_somos" class="col-md-12">
  51.                     <ul class="filter-items">
  52.                         <li><a href="#" data-filter="" class="active">Todos</a></li>
  53.                         <li><a href="#" data-filter="casa">Casa</a></li>
  54.                         <li><a href="#" data-filter="comercial">Comercial</a></li>
  55.                         <li><a href="#" data-filter="departamento">Departamento</a></li>
  56.                         <li><a href="#" data-filter="estacionamiento">Estacionamiento</a></li>
  57.                         <li><a href="#" data-filter="hotel">Hotel</a></li>
  58.                         <li><a href="#" data-filter="oficina">Oficina</a></li>
  59.                         <li><a href="#" data-filter="parcela">Parcela</a></li>
  60.                     </ul>
  61.                     <div id="gallery" class="masonry gallery">
  62.                         <div class="row">
  63.                             {% for propiedad in arrPropiedades %}
  64.                                 <div data-filter="{{propiedad.tipoPropiedad|lower}}" class="grid-item col-sm-4 col-xs-6">
  65.                                     <div class="img-wrapper">
  66.                                         <div class="img-caption ecadaZoomInDown">
  67.                                             {% for imagen in propiedad.imagenes %}
  68.                                                 {% if loop.first %}
  69.                                                     <a href="{{ asset('uploads/' ~ imagen.nombre) }}" data-pretty="prettyPhoto" class="zoomer">
  70.                                                         <i class="fa fa-eye"></i>
  71.                                                     </a> 
  72.                                                 {% endif %}
  73.                                             {% endfor %}
  74.                                         </div>
  75.                                         {% for imagen in propiedad.imagenes %}
  76.                                             {% if loop.first %}
  77.                                                 <img src="{{ asset('uploads/' ~ imagen.nombre) }}" class="img-responsive" alt="" style="height:260px;width: 350px;" />
  78.                                             {% endif %}
  79.                                         {% endfor %}
  80.                                     </div>
  81.                                     <div class="img-containt text-center" style="width: 350px;">
  82.                                         <div><a href="{{ path('propiedad_detalle', { 'id': propiedad.id }) }}" style="font-size: 15px;">{% if propiedad.titulo|length > 35 %}{{propiedad.titulo|slice(0, 35) ~ '...'}}{% else %}{{propiedad.titulo}}{% endif %}</a></div>
  83.                                         <strong>{% if propiedad.valor > 0 %} $ {{propiedad.valor|number_format(0, '', '.') }} {% else %} {{propiedad.uf}} UF {% endif %}</strong>
  84.                                         <ul class="img-footer">
  85.                                             <li><i class="fa fa-bed"></i>{{propiedad.dormitorios}}</li>
  86.                                             <li><i class="fa fa-bath"></i>{{propiedad.banios}}</li>
  87.                                         </ul>
  88.                                     </div>
  89.                                 </div>
  90.                             {% endfor %}
  91.                         </div>
  92.                     </div>
  93.                 </div>
  94.             </div>  
  95.             <div class="col-md-12">
  96.                 <nav class="no-full">
  97.                     <ul class="pagination pagination-center">
  98.                         <li class="pagPrevLi disabled"><a onclick="cargarPagina(1, false); return false;" href="#" aria-label="Previous" data="1"><span aria-hidden="true">«</span></a></li>
  99.                         {% for i in 1..numPaginas %}
  100.                             {% set classActiva = '' %}
  101.                             {% if i == 1 %}
  102.                                 {% set classActiva = 'active' %}
  103.                             {% endif %}
  104.                             <li class="{{classActiva}}"><a onclick="cargarPagina({{i}}, false); return false;" class="pagLink" href="#" data="{{i}}" >{{i}}</a></li>
  105.                         {% endfor %}
  106.                         <li class="pagNextLi"><a class="pagNext" onclick="cargarPagina(2, false); return false;" href="#" aria-label="Next" data="2"><span aria-hidden="true">»</span></a></li>
  107.                     </ul>
  108.                 </nav>
  109.             </div>
  110.         </div>
  111.     </div>
  112. {% endblock %}
  113. {% block javascripts %}
  114.     <script>
  116.         function cargarPagina(page, flag){
  118.             var numPaginas = '{{numPaginas}}';
  119.             page = parseInt(page);
  120.             if(page >= 1){
  121.                 $('.pagPrevLi').removeClass('disabled');
  123.                 var path = Routing.generate("somos_aplicar_filtro");
  125.                 $.ajax({
  126.                     type: "POST",
  127.                     url: path,
  128.                     data: {filtro_propiedad_pagina:page},
  129.                     success: function(results) {
  130.                         $('.pagination li').removeClass('active');
  132.                         if(page == numPaginas){
  133.                             $('.pagNextLi').addClass('disabled');
  134.                         }else{
  135.                             $('.pagNextLi').removeClass('disabled');
  136.                             $('.pagNext').attr("data",  page + 1);                          
  137.                         }
  139.                         if(page == 1){ $('.pagPrevLi').addClass('disabled'); }
  140.                         $('.pagLink[data="'+page+'"]').parent().addClass('active');
  142.                         // $("#gallery .row").html(results);
  143.                         $("#gallery").remove();
  144.                         $("#gallery_somos").append(results);
  145.                         
  146.                         $('.pagination').html(" ");
  147.                         var pagina_f     = page;
  148.                         pagina_f         = parseInt(pagina_f);
  149.                         var numPaginas_f = numPaginas;
  150.                         var html         = '';
  151.                         var disabled     = '';
  152.                         var disabledPrev = '';
  154.                         if(pagina_f == numPaginas_f){
  155.                             disabled = "disabled";
  156.                         }
  157.                         
  158.                         if(pagina_f == 1){
  159.                             disabledPrev = "disabled";
  160.                         }
  162.                         html += '<li class="pagPrevLi '+disabledPrev+'"><a onclick="cargarPagina('+ (pagina_f-1) +', true); return false;" href="#" aria-label="Previous" data="1"><span aria-hidden="true">«</span></a></li>';
  163.                         for (var i = 1; i <= numPaginas_f; i++) {
  164.                             var activa = '';
  165.                             if(i == pagina_f){ activa='active'; }
  166.                             html += '<li class="'+activa+'"><a onclick="cargarPagina('+i+'); return false;" class="pagLink" href="#" data="'+i+'" >'+i+'</a></li>';
  167.                         }
  168.                         html += '<li class="pagNextLi '+disabled+'"><a class="pagNext" onclick="cargarPagina('+ (pagina_f+1) +', true); return false;" href="#" aria-label="Next" data="2"><span aria-hidden="true">»</span></a></li>';
  170.                         $('.pagination').html(html);
  171.                     }
  172.                 });
  173.             }
  174.         }
  176.         $(document).ready(function() {
  178.             $('#navbar-menu ul li').removeClass('active');
  179.             $('#navbar-menu ul li.li_somos').addClass('active');
  180.         });
  181.     </script>
  182. {% endblock %}