templates/pages/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% set hasArticles = articles|length > 0 %}
  5. {% block content %}
  6.     <!-- Slider -->
  7.     <section class="section swiper-container swiper-slider bg-default bg-gradient" data-swiper='{"autoplay":{"delay":8000},"effect":"fade"}'>
  8.         <div class="swiper-wrapper text-center">
  9.             <div class="swiper-slide" id="page-loader" data-slide-bg="{{ baseUrl }}/assets/images/slides/home/01.jpg">
  10.                 <div class="swiper-caption">
  11.                     <div class="swiper-slide-caption">
  12.                         <div class="container">
  13.                             <div class="row">
  14.                                 <div class="col-lg-7 section-slider-custom">
  15.                                     <div class="inset-xl-right-80 text-lg-left">
  16.                                         <h2 class="mb-2">Opera<br class="d-block" />Don Uva</h2>
  17.                                         <h5>
  18.                                             Il nuovo corso<br class="d-block" />
  19.                                             dello storico centro assistenziale<br class="d-block" />
  20.                                             intrapreso da Universo Salute
  21.                                         </h5>
  22.                                         <a class="btn btn-ellipse btn-white offset-top-24" href="{{ baseUrl }}/polo-sanitario-moderno">
  23.                                             Scopri di più
  24.                                         </a>
  25.                                     </div>
  26.                                 </div>
  27.                             </div>
  28.                         </div>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.             <div class="swiper-slide" data-slide-bg="{{ baseUrl }}/assets/images/slides/home/02.jpg">
  33.                 <div class="swiper-caption">
  34.                     <div class="swiper-slide-caption">
  35.                         <div class="container">
  36.                             <div class="row">
  37.                                 <div class="col-lg-7 section-slider-custom">
  38.                                     <div class="inset-xl-right-80 text-lg-left">
  39.                                         <h2 class="mb-2">Sedi<br class="d-block" />operative</h2>
  40.                                         <h5>
  41.                                             In Puglia a Bisceglie e a Foggia,<br class="d-block" />
  42.                                             e in Basilicata a Potenza
  43.                                         </h5>
  44.                                     </div>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.             <div class="swiper-slide" data-slide-bg="{{ baseUrl }}/assets/images/slides/home/03.jpg">
  52.                 <div class="swiper-caption">
  53.                     <div class="swiper-slide-caption">
  54.                         <div class="container">
  55.                             <div class="row">
  56.                                 <div class="col-lg-7 section-slider-custom">
  57.                                     <div class="inset-xl-right-80 text-lg-left">
  58.                                         <h2 class="mb-2">Riabilitazione</h2>
  59.                                         <h5>
  60.                                             Ospedaliera e Territoriale,<br class="d-block" />
  61.                                             Intensiva post-acuzie, Estensiva, Lungodegenza e Alzheimer
  62.                                         </h5>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.             <div class="swiper-slide" data-slide-bg="{{ baseUrl }}/assets/images/slides/home/04.jpg">
  71.                 <div class="swiper-caption">
  72.                     <div class="swiper-slide-caption">
  73.                         <div class="container">
  74.                             <div class="row">
  75.                                 <div class="col-lg-7 section-slider-custom">
  76.                                     <div class="inset-xl-right-80 text-lg-left">
  77.                                         <h2 class="mb-2">Hospice</h2>
  78.                                         <h5>
  79.                                             Centri Residenziali Cure Palliative<br class="d-block" />
  80.                                             per pazienti con patologie terminali
  81.                                         </h5>
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.             <div class="swiper-slide" data-slide-bg="{{ baseUrl }}/assets/images/slides/home/05.jpg">
  90.                 <div class="swiper-caption">
  91.                     <div class="swiper-slide-caption">
  92.                         <div class="container">
  93.                             <div class="row">
  94.                                 <div class="col-lg-7 section-slider-custom">
  95.                                     <div class="inset-xl-right-80 text-lg-left">
  96.                                         <h2 class="mb-2">Sostegno religioso</h2>
  97.                                         <h5>
  98.                                             Spazi di preghiera e figure di conforto<br class="d-block" />
  99.                                             al fianco dell'ammalato
  100.                                         </h5>
  101.                                     </div>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.         <div class="swiper-pagination"></div>
  110.     </section>
  112.     <!--Sheldue-->
  113.     <section class="bg-default-liac bg-white-liac section section-md pt-xl-0">
  114.         <div class="container section-top-34 section-lg-top-0">
  115.             <div class="row no-gutters justify-content-sm-center justify-content-xl-start offset-lg-top-34-negative sheldue text-sm-left to-front row-30">
  116.                 <div class="col-md-8 col-lg-5 col-xl-3">
  117.                     <div class="sheldue-item">
  118.                         <div class="sheldue-item-body">
  119.                             <h6 class="d-inline-block text-white">Assistenza ospedaliera per acuti</h6>
  120.                             <hr />
  121.                             <div class="offset-top-24 text-gray-light">
  122.                                 <p>
  123.                                     Discipline di Cardiologia, Neurologia e Pneumologia.
  124.                                 </p>
  125.                             </div>
  126.                         </div>
  127.                     </div>
  128.                 </div>
  129.                 <div class="col-md-8 col-lg-5 col-xl-3">
  130.                     <div class="sheldue-item light">
  131.                         <div class="sheldue-item-body">
  132.                             <h6 class="d-inline-block text-white">Riabilitazione ospedaliera e territoriale</h6>
  133.                             <hr />
  134.                             <div class="offset-top-24 text-gray-light">
  135.                                 <p>
  136.                                     Riabilitazione Intensiva post-acuzie, Estensiva, Lungodegenza e Riabilitazione delle
  137.                                     demenze primarie e secondarie (Alzheimer).
  138.                                 </p>
  139.                             </div>
  140.                         </div>
  141.                     </div>
  142.                 </div>
  143.                 <div class="col-md-8 col-lg-5 col-xl-3">
  144.                     <div class="sheldue-item">
  145.                         <div class="sheldue-item-body">
  146.                             <h6 class="d-inline-block text-white">Residenze sanitarie assistenziali</h6>
  147.                             <hr />
  148.                             <div class="offset-top-24 text-gray-light">
  149.                                 <p>
  150.                                     Per Disabili, Disabili Geriatrici, Demenze dell'Adulto e pazienti affetti da malattia di Alzheimer.
  151.                                 </p>
  152.                             </div>
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.                 <div class="col-md-8 col-lg-5 col-xl-3">
  157.                     <div class="sheldue-item light">
  158.                         <div class="sheldue-item-body">
  159.                             <h6 class="d-inline-block text-white">Centri residenziali cure palliative</h6>
  160.                             <hr />
  161.                             <div class="offset-top-24 text-gray-light">
  162.                                 <p>
  163.                                     Hospice per cure palliative per pazienti con patologie terminali.
  164.                                 </p>
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </section>
  173.     <!-- Blog -->
  174.     <section class="bg-default-liac" style="padding-bottom:120px;">
  175.         <div class="container">
  176.             <h3 class="text-center text-lg-left">Notizie, comunicati stampa e aggiornamenti sul Polo Sanitario dell'Opera Don Uva</h3>
  177.             <div class="row justify-content-sm-center offset-top-60">
  178.                 {% if hasArticles %}
  179.                     {% for a in articles %}
  180.                         <div class="col-md-6 col-lg-4 mb-4">
  181.                             {{ include('common/thumbnail_article.html.twig', { 'article': a }) }}
  182.                         </div>
  183.                     {% endfor %}
  184.                 {% else %}
  185.                     <p>Nessun articolo da mostrare.</p>
  186.                 {% endif %}
  187.             </div>
  188.             <div class="offset-top-50 text-center">
  189.                 <a class="btn btn-ellipse btn-primary" href="{{ baseUrl }}/notizie">Visualizza l'elenco completo</a>
  190.             </div>
  191.         </div>
  192.     </section>
  194.     <!-- Link utili -->
  195.     <section class="section-lg section bg-default">
  196.         <div class="container">
  197.             <div class="text-center">
  198.                 <h3>Comunicazione multimediale</h3>
  199.                 <h4>Farsi media tra canali legacy e nuove reti sociali</h4>
  200.             </div>
  201.             <div class="row offset-top-60 row-50 justify-content-center">
  202.                 <div class="col-sm-6 col-md-3 col-lg-3">
  203.                     <a class="link-social" href="https://it.linkedin.com/company/universo-salute-opera-don-uva" target="_blank" rel="nofollow">
  204.                         <div class="icon icon-xlg icon-circle icon-default btn-with-shadow linkedin"><span class="fas fa-linkedin"></span></div>
  205.                         <h5 class="font-weight-bold text-gray-darkest">LinkedIn</h5>
  206.                     </a>
  207.                 </div>
  208.                 <div class="col-sm-6 col-md-3 col-lg-3">
  209.                     <a class="link-social" href="https://www.facebook.com/DonUvaFG/" target="_blank" rel="nofollow">
  210.                         <div class="icon icon-xlg icon-circle icon-default btn-with-shadow facebook"><span class="fas fa-facebook"></span></div>
  211.                         <h5 class="font-weight-bold text-gray-darkest">Facebook</h5>
  212.                     </a>
  213.                 </div>
  214.                 <div class="col-sm-6 col-md-3 col-lg-3 offset-md-top-0">
  215.                     <a class="link-social" href="https://www.youtube.com/channel/UCRA-1MiqzeNu6NkyJtGnxNw" target="_blank" rel="nofollow">
  216.                         <div class="icon icon-xlg icon-circle icon-default btn-with-shadow youtube"><span class="fas fa-youtube-play"></span></div>
  217.                         <h5 class="font-weight-bold text-gray-darkest">Youtube</h5>
  218.                     </a>
  219.                 </div>
  220.                 <div class="col-sm-6 col-md-3 col-lg-3 offset-md-top-0">
  221.                     <a class="link-social" href="https://www.instagram.com/universosalute/" target="_blank" rel="nofollow">
  222.                         <div class="icon icon-xlg icon-circle icon-default btn-with-shadow instagram"><span class="fas fa-instagram"></span></div>
  223.                         <h5 class="font-weight-bold text-gray-darkest">Instagram</h5>
  224.                     </a>
  225.                 </div>
  226.             </div>
  227.             <div class="offset-top-60">
  228.                 <div class="row justify-content-sm-center">
  229.                     <div class="col-sm-8 col-md-4 col-lg-3 mb-4">
  230.                         {{ include('common/thumbnail_josip.html.twig', {
  231.                             'index':    1,
  232.                             'imageUrl': "#{baseUrl}/assets/images/pages/home/canale_tv.png",
  233.                             'linkUrl':  "#{baseUrl}/galleria-video",
  234.                             'title':    "Canale TV",
  235.                             'desc':     "Sezione dedicata al nostro canale TV, contenente tutti i video pubblicati.",
  236.                             'action':   "Vai alla sezione"
  237.                         }) }}
  238.                     </div>
  239.                     <div class="col-sm-8 col-md-4 col-lg-3 mb-4">
  240.                         {{ include('common/thumbnail_josip.html.twig', {
  241.                             'index':    2,
  242.                             'imageUrl': "#{baseUrl}/assets/images/pages/home/amministrazione_trasparente.jpg",
  243.                             'linkUrl':  "#{baseUrl}/amministrazione-trasparente",
  244.                             'title':    "Amministrazione Trasparente",
  245.                             'desc':     "Sezione contenente la documentazione pubblicata inerente ai bilanci, alle attestazioni e alla Carta dei Servizi Sanitari.",
  246.                             'action':   "Vai alla sezione"
  247.                         }) }}
  248.                     </div>
  249.                     <div class="col-sm-8 col-md-4 col-lg-3 mb-4">
  250.                         {{ include('common/thumbnail_josip.html.twig', {
  251.                             'index':    3,
  252.                             'imageUrl': "#{baseUrl}/assets/images/pages/home/circolo_dei_lettori.jpg",
  253.                             'linkUrl':  "#{baseUrl}/biblioteca",
  254.                             'title':    "Biblioteca",
  255.                             'desc':     "Sezione dedicata alla Biblioteca Isolachenoncè contenente iniziative, eventi, foto gallery e catalogo completo dei titoli disponibili.",
  256.                             'action':   "Vai alla sezione"
  257.                         }) }}
  258.                     </div>
  259.                 </div>
  260.             </div>
  261.         </div>
  262.     </section>
  264.     <!-- Chi siamo -->
  265.     <section class="section-lg bg-default-liac" id="chi-siamo">
  266.         <div class="container text-left">
  267.             <h3>Chi siamo</h3>
  268.             <h4>Universo Salute continua l'operato iniziato da Don Pasquale Uva nel 1922</h4>
  269.             <div class="row offset-top-60 row-50">
  270.                 <div class="col-lg-6">
  271.                     <iframe id="youtube-player" height="390" src="about:blank" title="YouTube video player" frameborder="0"
  272.                             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  273.                     <script>window.onload = function() { document.getElementById('youtube-player').src = 'https://www.youtube.com/embed/csD4S-9XaEs'; };</script>
  274.                     <div class="group-lg offset-top-20 offset-md-top-30 text-center">
  275.                         <a class="btn btn-rect btn-primary mb-2" href="{{ baseUrl }}/polo-sanitario-moderno">
  276.                             Il polo sanitario moderno</a>
  277.                         <a class="btn btn-rect btn-primary mb-2" href="{{ baseUrl }}/fondatore">
  278.                             Il fondatore</a>
  279.                     </div>
  280.                 </div>
  281.                 <div class="col-lg-6">
  282.                     <p>
  283.                         Universo Salute opera in regime di accreditamento istituzionale con il Servizio Sanitario della Regione Puglia
  284.                         e il Servizio Sanitario della Regione Basilicata nelle sedi di Bisceglie, Foggia e Potenza.
  285.                     </p>
  286.                     <p>
  287.                         La nuova società, nata nel 2015, è subentrata nella proprietà del Don Uva alla Congregazione delle Ancelle della
  288.                         Divina Provvidenza ereditando i principi che hanno ispirato il suo fondatore, Don Pasquale Uva.
  289.                     </p>
  291.                     <!-- classic accordion-->
  292.                     <div class="offset-sm-top-30 text-left">
  293.                         <div class="responsive-tabs responsive-tabs-classic" data-type="accordion">
  294.                             <ul class="resp-tabs-list tabs-group-default" data-group="tabs-group-default">
  295.                                 <li>L'inizio</li>
  296.                                 <li>L'evoluzione</li>
  297.                                 <li>Oggi</li>
  298.                             </ul>
  299.                             <div class="resp-tabs-container tabs-group-default" data-group="tabs-group-default">
  300.                                 <div>Superando ostacoli e grandi difficoltà nella ricerca di permessi, autorizzazioni e fondi per la sua costruzione, il sogno di Don Pasquale Uva si avvera il 10 agosto del 1922, quando nasce a Bisceglie la «Casa della Divina Provvidenza», il primo complesso ospedaliero dell'Opera Don Uva al servizio “degli ultimi fra gli ultimi”.</div>
  301.                                 <div>Dopo aver realizzato la modernissima sede di Foggia, e iniziato i lavori a Potenza, in Basilicata, e a Guidonia, in Lazio, la morte lo colse nel settembre del 1955. Fu un durissimo colpo per l'intera opera poiché l'eredità morale, materiale e spirituale della sua figura carismatica era difficile da conservare e preservare. Nuove leggi stravolsero poi lo status quo e i delicati equilibri che il padre era riuscito a creare mettendo a rischio di totale cancellazione l'intero suo operato.</div>
  302.                                 <div>La sfida accolta da Universo Salute, partecipando e vincendo la gara di acquisizione del Don Uva, ha permesso in poco tempo di registrare un bilancio positivo, non solo per quanto attiene al risultato economico, ma anche per quanto attiene alla rinnovata immagine del Don Uva nell'opinione pubblica. Numerosi interventi sono stati effettuati per migliorare le strutture e i servizi ospedalieri e alberghieri offerti. Molto altro resta da fare, nel sentiero già segnato da percorrere rettamente con uno sguardo al passato e uno al futuro.</div>
  303.                             </div>
  304.                         </div>
  305.                     </div>
  306.                 </div>
  307.             </div>
  308.         </div>
  309.     </section>
  311.     <!-- Half section-->
  312.     <section class="section section-lg p-md-0">
  313.         <div class="container-fluid">
  314.             <div class="row justify-content-sm-center justify-content-md-end offset-top-0">
  315.                 <div class="col-sm-10 col-md-6 section-image-aside section-image-aside-left text-center text-md-left">
  316.                     <div class="section-image-aside-img" style="background-image: url('{{ baseUrl }}/assets/images/pages/home/valori_ed_esperienza.jpg')"></div>
  317.                     <div class="section-image-aside-body offset-top-66 offset-sm-top-0 section-sm-bottom-66 section-sm-top-110 inset-lg-left-93 inset-lg-right-93">
  318.                         <h3>Valori ed esperienza</h3>
  319.                         <h4>Col cuore, per mano, dal 1922</h4>
  320.                         <div class="offset-top-34 offset-md-top-60">
  321.                             <p>
  322.                                 Il fine istituzionale di Universo Salute è la cura e il benessere dei pazienti ai quali garantisce il massimo
  323.                                 della sicurezza nell'esercizio della medicina, l'esecuzione dei trattamenti e la vigilanza sui malati. Sono inoltre
  324.                                 garantite le cure più appropriate allo stato di salute di ognuno e l'utilizzo di apparecchiature di alta tecnologia
  325.                                 che permettono al medico di operare in assoluta sicurezza nella definizione della diagnosi.
  326.                             </p>
  327.                             <p>
  328.                                 Universo Salute opera nel rispetto dei principi fondamentali dettati dagli orientamenti e dalle normative nazionali
  329.                                 ed europee e che finalizzano tutta l'assistenza alla salvaguardia della dignità dell'uomo: uguaglianza, imparzialità,
  330.                                 diritto di scelta, continuità, partecipazione, informazione, efficacia ed efficienza, privacy.
  331.                             </p>
  332.                         </div>
  333.                     </div>
  334.                 </div>
  335.             </div>
  336.             <div class="row justify-content-sm-center justify-content-md-start offset-top-0">
  337.                 <div class="col-sm-10 col-md-6 section-image-aside section-image-aside-right text-center text-md-left">
  338.                     <div class="section-image-aside-img" style="background-image: url('{{ baseUrl }}/assets/images/pages/home/tre_sedi.jpg')"></div>
  339.                     <div class="section-image-aside-body offset-top-66 offset-sm-top-0 section-sm-bottom-66 section-sm-top-110 inset-lg-left-93 inset-lg-right-93">
  340.                         <h3>Sedi operative</h3>
  341.                         <h4>Bisceglie, Foggia, Potenza</h4>
  342.                         <div class="offset-top-34 offset-md-top-60">
  343.                             <p>
  344.                                 Le strutture sanitarie dell'Opera Don Uva presenti in Puglia e Basilicata nel dettaglio: il complesso degli edifici,
  345.                                 i servizi erogati, il personale medico, e tutte le informazioni utili per contattare e raggiungere le tre sedi operative.
  346.                             </p>
  347.                         </div>
  348.                         <div class="offset-top-30">
  349.                             <a class="btn btn-rect btn-primary mb-2" href="{{ baseUrl }}/sede-di-bisceglie">
  350.                                 Bisceglie</a>
  351.                             <a class="btn btn-rect btn-primary mb-2" href="{{ baseUrl }}/sede-di-foggia">
  352.                                 Foggia</a>
  353.                             <a class="btn btn-rect btn-primary mb-2" href="{{ baseUrl }}/sede-di-potenza">
  354.                                 Potenza</a>
  355.                         </div>
  356.                     </div>
  357.                 </div>
  358.             </div>
  359.         </div>
  360.     </section>
  362.     <!-- Material Parallax-->
  363.     <section class="parallax-container bg-default-dark" data-parallax-img="{{ baseUrl }}/assets/images/backgrounds/pattern.png">
  364.         <div class="parallax-content section-98 section-sm-110 context-dark">
  365.             <div class="container text-center">
  366.                 <div class="row">
  367.                     <div class="col-12">
  368.                         <h3>Servizi sanitari erogati</h3>
  369.                         <h4>Tutte le prestazioni sanitarie fruibili nelle sedi di Bisceglie, Foggia e Potenza</h4>
  370.                     </div>
  371.                 </div>
  372.                 <div class="row text-left">
  373.                     <div class="col-lg-3">
  374.                         <h6 class="text-uppercase">Assistenza ospedaliera per acuti</h6>
  375.                         <hr class="text-subline" />
  377.                         <p class="text-uppercase font-weight-bold">Bisceglie e Foggia</p>
  378.                         <ul class="list list-marked">
  379.                             <li>Unità Operative di Medicina Generale;</li>
  380.                             <li>Prestazioni Ambulatoriali in regime di Day Service;</li>
  381.                             <li>Servizio di Diagnostica per Immagini;</li>
  382.                             <li>Servizio di Laboratorio di Analisi Chimico-Cliniche e Microbiologiche.</li>
  383.                         </ul>
  384.                     </div>
  385.                     <div class="col-lg-3">
  386.                         <h6 class="text-uppercase">Riabilitazione ospedaliera e territoriale</h6>
  387.                         <hr class="text-subline" />
  389.                         <p class="text-uppercase font-weight-bold">Bisceglie e Foggia</p>
  390.                         <ul class="list list-marked">
  391.                             <li>Prestazioni di riabilitazione intensiva post-acuzie in regime ospedaliero (Cod. 56);</li>
  392.                             <li>Prestazioni di riabilitazione estensiva e di mantenimento in regime residenziale, semi-residenziale, ambulatoriale e domiciliare;</li>
  393.                             <li>Prestazioni di riabilitazione per pazienti affetti da malattia di Alzheimer.</li>
  394.                         </ul>
  396.                         <p class="text-uppercase font-weight-bold">Potenza</p>
  397.                         <ul class="list list-marked">
  398.                             <li>Prestazioni di riabilitazione intensiva post-acuzie in regime ospedaliero (Cod. 56);</li>
  399.                             <li>Prestazioni di riabilitazione estensiva post-acuzie in regime ospedaliero (Cod. 60);</li>
  400.                             <li>Ricovero nel Centro Socio Sanitario Riabilitativo (C.S.S.R.).</li>
  401.                         </ul>
  402.                     </div>
  403.                     <div class="col-lg-3">
  404.                         <h6 class="text-uppercase">Residenze sanitarie assistenziali</h6>
  405.                         <hr class="text-subline" />
  407.                         <p class="text-uppercase font-weight-bold">Bisceglie e Foggia</p>
  408.                         <ul class="list list-marked">
  409.                             <li>R.S.A. per pazienti Geriatrici non autosufficienti;</li>
  410.                             <li>R.S.A. per pazienti affetti da malattia di Alzheimer;</li>
  411.                             <li>R.S.A. per Disabili gravi.</li>
  412.                         </ul>
  414.                         <p class="text-uppercase font-weight-bold">Potenza</p>
  415.                         <ul class="list list-marked">
  416.                             <li>R.S.A. per Anziani non autosufficienti;</li>
  417.                             <li>R.S.A. per pazienti affetti da malattia di Alzheimer;</li>
  418.                             <li>R.S.A. per pazienti affetti da Demenza.</li>
  419.                         </ul>
  420.                     </div>
  421.                     <div class="col-lg-3">
  422.                         <h6 class="text-uppercase">Centri residenziali cure palliative</h6>
  423.                         <hr class="text-subline" />
  425.                         <p class="text-uppercase font-weight-bold">Bisceglie e Foggia</p>
  426.                         <ul class="list list-marked">
  427.                             <li>Hospice.</li>
  428.                         </ul>
  429.                     </div>
  430.                 </div>
  431.             </div>
  432.         </div>
  433.     </section>
  435.     <!-- Google Maps -->
  436.     <section class="section">
  437.         <div class="google-map-container" data-center="via Bovio, 76/A - Bisceglie (BT)" data-zoom="8" data-key="{{ gmapsApiKey }}"
  438.              data-icon="{{ baseUrl }}/assets/images/markers/gmap_marker.png" data-icon-active="{{ baseUrl }}/assets/images/markers/gmap_marker_active.png"
  439.              data-styles="[{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:60}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:40},{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;administrative.province&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;lightness&quot;:30}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ef8c25&quot;},{&quot;lightness&quot;:40}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#b6c54c&quot;},{&quot;lightness&quot;:40},{&quot;saturation&quot;:-40}]},{}]">
  440.             <div class="google-map"></div>
  441.             <ul class="google-map-markers">
  442.                 <li data-location="Via Bovio, 76/A - Bisceglie (BT)" data-description="Universo Salute Opera Don Uva Bisceglie"></li>
  443.                 <li data-location="Via Lucera, 100 - Foggia (FG)" data-description="Universo Salute Opera Don Uva Foggia"></li>
  444.                 <li data-location="Largo Don Uva, 2 - Potenza (PZ)" data-description="Universo Salute Opera Don Uva Potenza"></li>
  445.             </ul>
  446.         </div>
  447.     </section>
  449.     <!-- contatti -->
  450.     <section class="section-lg section bg-default-liac pt-0" style="padding-bottom:30px;">
  451.         <div class="container-fluid">
  452.             <div class="row text-left">
  453.                 <div class="col-md-6 col-lg-3 offset-top-30">
  454.                     <div class="box-skin-1">
  455.                         <h5 class="font-weight-bold">
  456.                             <a class="text-darkest" href="{{ baseUrl }}/sede-di-bisceglie">Bisceglie</a>
  457.                         </h5>
  458.                         <h6 class="text-extra-small">Sede operativa e amministrativa</h6>
  459.                         <div class="offset-top-20">
  460.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  461.                                 <div class="unit-left">
  462.                                     <div class="icon icon-xxxs mdi mdi-map-marker text-primary text-middle"></div>
  463.                                 </div>
  464.                                 <div class="unit-body">
  465.                                     <p>
  466.                                         <a class="text-gray-dark" href="https://goo.gl/maps/5whyCiT61TE68TkG8" target="_blank" rel="nofollow">
  467.                                             Via Bovio, 76/A
  468.                                         </a>
  469.                                     </p>
  470.                                 </div>
  471.                             </div>
  472.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  473.                                 <div class="unit-left">
  474.                                     <div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div>
  475.                                 </div>
  476.                                 <div class="unit-body">
  477.                                     <p>
  478.                                         <a class="text-gray-dark" href="tel:+390803994111" target="_blank">
  479.                                             Centralino<br />
  480.                                             (+39) 080 39 94 111
  481.                                         </a>
  482.                                     </p>
  483.                                 </div>
  484.                             </div>
  485.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  486.                                 <div class="unit-left">
  487.                                     <div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div>
  488.                                 </div>
  489.                                 <div class="unit-body">
  490.                                     <p>
  491.                                         <a class="text-gray-dark" href="tel:+390803994236" target="_blank">
  492.                                             U.R.P.<br />
  493.                                             (+39) 080 39 94 236
  494.                                         </a>
  495.                                     </p>
  496.                                 </div>
  497.                             </div>
  498.                         </div>
  499.                     </div>
  500.                 </div>
  502.                 <div class="col-md-6 col-lg-3 offset-top-30">
  503.                     <div class="box-skin-1">
  504.                         <h5 class="font-weight-bold">
  505.                             <a class="text-darkest" href="{{ baseUrl }}/sede-di-foggia">Foggia</a>
  506.                         </h5>
  507.                         <h6 class="text-extra-small">Sede operativa e legale</h6>
  508.                         <div class="offset-top-20">
  509.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  510.                                 <div class="unit-left">
  511.                                     <div class="icon icon-xxxs mdi mdi-map-marker text-primary text-middle"></div>
  512.                                 </div>
  513.                                 <div class="unit-body">
  514.                                     <p>
  515.                                         <a class="text-gray-dark" href="https://goo.gl/maps/zMFE1QxmDS1STETi6" target="_blank" rel="nofollow">
  516.                                             Via Lucera, 110
  517.                                         </a>
  518.                                     </p>
  519.                                 </div>
  520.                             </div>
  521.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  522.                                 <div class="unit-left">
  523.                                     <div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div>
  524.                                 </div>
  525.                                 <div class="unit-body">
  526.                                     <p>
  527.                                         <a class="text-gray-dark" href="tel:+390881715111" target="_blank">
  528.                                             Centralino<br />
  529.                                             (+39) 0881 71 51 11
  530.                                         </a>
  531.                                     </p>
  532.                                 </div>
  533.                             </div>
  534.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  535.                                 <div class="unit-left">
  536.                                     <div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div>
  537.                                 </div>
  538.                                 <div class="unit-body">
  539.                                     <p>
  540.                                         <a class="text-gray-dark" href="tel:+390881715168" target="_blank">
  541.                                             U.R.P.<br />
  542.                                             (+39) 0881 71 51 68
  543.                                         </a>
  544.                                     </p>
  545.                                 </div>
  546.                             </div>
  547.                         </div>
  548.                     </div>
  549.                 </div>
  551.                 <div class="col-md-6 col-lg-3 offset-top-30">
  552.                     <div class="box-skin-1">
  553.                         <h5 class="font-weight-bold">
  554.                             <a class="text-darkest" href="{{ baseUrl }}/sede-di-potenza">Potenza</a>
  555.                         </h5>
  556.                         <h6 class="text-extra-small">Sede operativa</h6>
  557.                         <div class="offset-top-20">
  558.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  559.                                 <div class="unit-left">
  560.                                     <div class="icon icon-xxxs mdi mdi-map-marker text-primary text-middle"></div>
  561.                                 </div>
  562.                                 <div class="unit-body">
  563.                                     <p>
  564.                                         <a class="text-gray-dark" href="https://goo.gl/maps/2KpaJZbK1XBe2XGeA" target="_blank" rel="nofollow">
  565.                                             Largo Don Uva, 2
  566.                                         </a>
  567.                                     </p>
  568.                                 </div>
  569.                             </div>
  570.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  571.                                 <div class="unit-left">
  572.                                     <div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div>
  573.                                 </div>
  574.                                 <div class="unit-body">
  575.                                     <p>
  576.                                         <a class="text-gray-dark" href="tel:+390971446112" target="_blank">
  577.                                             Centralino<br />
  578.                                             (+39) 0971 446 112
  579.                                         </a>
  580.                                     </p>
  581.                                 </div>
  582.                             </div>
  583.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  584.                                 <div class="unit-left">
  585.                                     <div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div>
  586.                                 </div>
  587.                                 <div class="unit-body">
  588.                                     <p>
  589.                                         <a class="text-gray-dark" href="tel:+390971446100" target="_blank">
  590.                                             Ufficio Informativo e di Orientamento<br />
  591.                                             (+39) 0971 446 100
  592.                                         </a>
  593.                                     </p>
  594.                                 </div>
  595.                             </div>
  596.                         </div>
  597.                     </div>
  598.                 </div>
  600.                 <div class="col-md-6 col-lg-3 offset-top-30">
  601.                     <div class="box-skin-green">
  602.                         <h5 class="font-weight-bold">
  603.                             <a class="text-darkest" href="{{ baseUrl }}/contatti">Centralino</a>
  604.                         </h5>
  605.                         <h6 class="text-extra-small">Numero verde</h6>
  606.                         <div class="offset-top-20">
  607.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  608.                                 <div class="unit-left">
  609.                                     <div class="icon icon-sm mdi mdi-phone text-white text-middle"></div>
  610.                                 </div>
  611.                                 <div class="unit-body">
  612.                                     <p>
  613.                                         <a href="tel:+39800642334" target="_blank" style="font-size:20px;">
  614.                                             T (+39) 800 64 23 34
  615.                                         </a>
  616.                                     </p>
  618.                                 </div>
  619.                             </div>
  620.                             <p>
  621.                                 Il Numero Verde di Universo Salute, relativo a tutte le sedi dell'Opera Don Uva di Puglia e Basilicata,
  622.                                 <b>è attivo 7 giorni su 7 e 24 ore su 24</b>.
  623.                             </p>
  624.                         </div>
  625.                     </div>
  626.                 </div>
  628.             </div>
  629.         </div>
  630.     </section>
  631. {% endblock %}