templates/frontend/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/layout.html.twig' %}
  3. {% block title %} {{ seo_on_page.titulo }} {% endblock title %}
  5. {% block metas_titulo %}
  6.     <meta name="title" content="{{ seo_on_page.titulo }}"/>
  7.     <meta http-equiv="title" content="{{ seo_on_page.titulo }}"/>
  8.     <meta name="DC.Title" content="{{ seo_on_page.titulo }}"/>
  9. {% endblock metas_titulo %}
  11. {% block metas_descripcion %}
  12.     <meta name="description" content="{{ seo_on_page.descripcion }}"/>
  13.     <meta http-equiv="description" content="{{ seo_on_page.descripcion }}"/>
  14.     <meta name="DC.description" content="{{ seo_on_page.descripcion }}"/>
  15. {% endblock metas_descripcion %}
  17. {% block keywords %}
  18.     <meta name="Keywords" content="{{ seo_on_page.tags }}"/>
  19.     <meta http-equiv="keywords" content="{{ seo_on_page.tags }}"/>
  20.     <meta name="DC.keywords" content="{{ seo_on_page.tags }}"/>
  21. {% endblock keywords %}
  23. {% block datosestructurados %}
  25. {% endblock datosestructurados %}
  27. {% block stylesheetspecific %}
  29. {% endblock %}
  31. {% block highlighted %}
  33.     {% if highlighted != null %}
  34.         <div id="highlighted" class="border-0">
  35.             <!-- Image Banner: Use the the data-bg-img functionality to create a simple image banner Use spacer classes to make the banner larger with padding, allows for easy responsive changes too see: elements-ctas.htm To make the banner full height add the attributes: data-toggle="full-height" data-offset="#header" -->
  36.             <div class="bg-black overlay overlay-gradient-flip overlay-op-7 text-center" data-toggle="backstretch"
  37.                  data-backstretch-target="self" data-backstretch-overlay=false
  38.                  data-backstretch-imgs="{{ highlighted.imagenes }}">
  39.                 <div data-toggle="full-height" data-breakpoint="740" data-scroll="scrollax"
  40.                      class="px-3 py-5 py-lg-10 flex-valign" data-animate="fadeIn" data-animate-delay="0.2">
  41.                     {% if highlighted.titulo != '' %}
  42.                         <h2 class="display-4 text-white text-slab mt-lg-5">
  43.                             {{ highlighted.titulo }}
  44.                         </h2>
  45.                     {% endif %}
  46.                     {% if highlighted.descripcion != '' %}
  47.                         <h3 class="text-grey font-weight-normal text-slab">
  48.                             {{ highlighted.descripcion }}
  49.                         </h3>
  50.                     {% endif %}
  52.                     {% if app.user == null %}
  53.                         <hr class="hr-white op-4 hr-lg w-20 mx-auto my-4"/>
  54.                         <div>
  55.                             <a href="{{ url('loginfrontend') }}"
  56.                                class="btn btn-white btn-rounded btn-lg font-weight-bold py-lg-3 px-lg-5"
  57.                                data-toggle="scroll-link" data-animate="fadeIn" data-animate-delay="0.45">Login /
  58.                                 Entrar</a>
  59.                         </div>
  60.                     {% endif %}
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     {% endif %}
  65. {% endblock %}
  68. {% block content %}
  70.     <div id="content" class="p-0 clearfix">
  72.         <div id="about" class="container py-4 py-lg-6">
  74.             <hr class="hr-lg mt-0 mb-2 w-10 mx-auto hr-primary"/>
  75.             <h2 class="text-slab text-center text-uppercase mt-0 mb-5">
  76.                 About <span class="font-weight-bold">Indian Lake Village</span>
  77.             </h2>
  79.             <!-- About company -->
  80.             <div class="row">
  81.                 <div class="col-md-6">
  82.                     <!-- Showshow - Slider Revolution see: plugins/slider-revolution/examples for help -->
  83.                     <div class="slider-wrapper rev_slider_wrapper fullscreen-container bg-black"
  84.                          data-page-class="slider-boxed slider-appstrap-theme">
  85.                         <div class="rev_slider" data-toggle="slider-rev" data-settings='{"delay":3000}'>
  86.                             <ul>
  87.                                 {% for item in about.imagenes %}
  88.                                     <li class="slide overlay overlay-op-4 overlay-gradient"
  89.                                         data-transition="fadethroughdark" data-slotamount="7"
  90.                                         data-hideafterloop="0" data-hideslideonmobile="off"
  91.                                         data-easein="default" data-easeout="default"
  92.                                         data-masterspeed="default"
  93.                                         data-thumb="{{ item }}"
  94.                                         data-rotate="0" data-saveperformance="off" data-title="Slide" data-link="">
  95.                                         <img src="{{ item }}" data-lazyload="{{ item }}" alt="background image"
  96.                                              data-bgposition="center top" data-bgfit="cover" data-bgparallax="off"
  97.                                              class="rev-slidebg" data-no-retina/>
  98.                                     </li>
  99.                                 {% endfor %}
  100.                             </ul>
  101.                             <div class="tp-bannertimer tp-bottom"></div>
  102.                         </div>
  103.                         <!--end of tp-banner-->
  104.                     </div>
  105.                 </div>
  106.                 <div class="col-md-6">
  107.                     {{ about.descripcion | raw }}
  108.                 </div>
  109.             </div>
  110.         </div>
  112.         <div id="board" class="container py-4 py-lg-6">
  114.             <hr class="hr-lg mt-0 mb-2 w-10 mx-auto hr-primary"/>
  115.             <h2 class="text-slab text-center text-uppercase mt-0 mb-5">
  116.                 Current board <span class="font-weight-bold"> of directors</span>
  117.             </h2>
  119.             <div class="team team-grid mt-4">
  120.                 <div class="row" data-toggle="isotope-grid"
  121.                      data-isotope-options='{"layoutMode": "fitRows", "itemSelector": ".grid-item"}'>
  123.                     {% for item in board %}
  124.                         <div class="col-6 col-md-4 grid-item">
  125.                             <div class="team-member">
  126.                                 {% if item.imagen != '' %}
  127.                                     <a href="javascript:;" title="View Jimi's profile">
  128.                                         <img src="{{ item.imagen }}" class="img-thumbnail" alt="{{ item.nombre }}"/>
  129.                                     </a>
  130.                                 {% endif %}
  131.                                 <h5 class="name">
  132.                                     <a href="javascript:;" title="{{ item.nombre }}">{{ item.nombre }}</a>
  133.                                 </h5>
  134.                                 <p class="role">{{ item.cargo }}</p>
  135.                             </div>
  136.                         </div>
  137.                     {% endfor %}
  138.                 </div>
  139.             </div>
  141.         </div>
  143.         <!-- banners -->
  144.         <div class="bg-dark">
  145.             <div class="container py-4 py-lg-6">
  147.                 <div class="row text-center">
  148.                     {% for item in banners %}
  149.                         <div class="col-lg-4 d-lg-flex">
  150.                             <div class="p-2 py-lg-6 overlay overlay-gradient overlay-op-5 rounded mb-4 mb-lg-0 flex-ew flex-valign"
  151.                                  data-bg-img="{{ item.imagen }}" data-url="">
  152.                                 <h2 class="text-white mb-0">
  153.                                     {{ item.titulo }}
  154.                                 </h2>
  155.                                 <p class="text-white mb-0">
  156.                                     {{ item.descripcion }}
  157.                                 </p>
  158.                                 <hr class="hr-lg my-2 w-20 mx-auto hr-primary"/>
  159.                             </div>
  160.                         </div>
  161.                     {% endfor %}
  162.                 </div>
  164.             </div>
  165.         </div>
  167.         <div id="faq" class="container py-4 py-lg-6">
  169.             <hr class="hr-lg mt-0 mb-2 w-10 mx-auto hr-primary"/>
  170.             <h2 class="text-slab text-center text-uppercase mt-0 mb-5">
  171.                 Frequently <span class="font-weight-bold">asked questions</span>
  172.             </h2>
  175.             <div class="card-accordion" id="accordion" role="tablist" aria-multiselectable="true">
  176.                 {% for item in faqs %}
  177.                     <div class="card">
  178.                         <h4 class="card-header py-0 px-0" role="tab" id="headingOne">
  179.                             <a data-toggle="collapse" data-parent="#accordion" href="#collapse{{ item.faq_id }}"
  180.                                aria-expanded="true" aria-controls="collapse{{ item.faq_id }}">
  181.                                 {{ item.pregunta }}
  182.                             </a>
  183.                         </h4>
  184.                         <div id="collapse{{ item.faq_id }}" class="collapse {% if loop.first %}show{% endif %}"
  185.                              role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
  186.                             <div class="card-body">
  187.                                 {{ item.respuesta | raw }}
  188.                             </div>
  189.                         </div>
  190.                     </div>
  191.                 {% endfor %}
  192.             </div>
  194.         </div>
  196.         <div class="bg-dark">
  197.             <div class="container py-4 py-lg-6">
  199.                 <div class="row text-center">
  200.                     <div class="col-lg-7 text-center">
  201.                         <h2 class="text-white mb-0">
  202.                             New Residents
  203.                         </h2>
  204.                         <hr class="hr-lg my-2 w-20 mx-auto hr-primary"/>
  205.                         <p class="text-white">
  206.                             Please read all the sections of our website and public documents to know more about our
  207.                             community.
  208.                         </p>
  209.                         <p class="text-white mb-0">
  210.                             Contact us if you have any questions on how to apply to become a resident of our community.
  211.                             Our board is always responsive and will help you throughout the process.
  212.                         </p>
  214.                     </div>
  215.                     <div class="col-lg-5 d-lg-flex">
  216.                         <div class="p-2 py-lg-6 overlay overlay-gradient overlay-op-5 rounded mb-4 mb-lg-0 flex-ew flex-valign"
  217.                              data-bg-img="{{ asset('bundles/frontend/assets/img/_DSC0848_1920.jpg') }}" data-url=""
  218.                              style="height: 300px;">
  219.                         </div>
  220.                     </div>
  221.                 </div>
  223.             </div>
  224.         </div>
  226.     </div>
  228. {% endblock %}
  230. {% block javascriptspecific %}
  232. {% endblock %}