templates/pages/contatti/contatti.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block content %}
  4.     <!-- Heading breadcrumbs -->
  5.     {{ include('common/heading_breadcrumbs.html.twig', {
  6.         'imageUrl':         "#{baseUrl}/assets/images/pages/contatti/heading.jpg",
  7.         'title':            "Contatti",
  8.         'subtitle':         "Opera Don Uva",
  9.         'breadcrumb_tree':  [ "Contatti" ]
  10.     }) }}
  12.     <!-- Content -->
  13.     <section class="section section-lg bg-default">
  14.         <div class="container">
  15.             <div class="row justify-content-sm-center">
  16.                 <div class="col-lg-10 col-xl-8">
  17.                     <div class="row">
  18.                         <div class="col-12 text-gray-darker">
  19.                             <h3>Entra in contatto</h3>
  20.                             <p>
  21.                                 Per richiedere maggiori informazioni sui Servizi Sanitari di Universo Salute Opera Don Uva, compila il modulo
  22.                                 sottostante. Ti risponderemo al più presto. Grazie.
  23.                             </p>
  25.                             <hr class="offset-top-50" />
  26.                         </div>
  27.                         <div class="col-12 offset-top-30 text-gray-darker">
  28.                             <form id="contatti" class="rd-mailform text-left" data-form-output="form-output" data-form-type="contact"
  29.                                   method="POST" action="{{ baseUrl }}/contatti/invia-messaggio" novalidate="novalidate">
  30.                                 <input type="hidden" name="token" value="{{ csrf_token('contatti') }}" />
  31.                                 <div class="row mt-0 justify-content-sm-center">
  32.                                     <div class="col-md-6">
  33.                                         <div class="form-wrap form-wrap-label-outside">
  34.                                             <label class="form-label form-label-outside text-dark rd-input-label" for="nome">Nome *</label>
  35.                                             <input class="form-input form-input-last-child" id="nome" type="text" name="nome"
  36.                                                    maxlength="64" data-constraints="@Required" />
  37.                                             <span class="form-validation"></span>
  38.                                         </div>
  39.                                     </div>
  40.                                     <div class="col-md-6">
  41.                                         <div class="form-wrap form-wrap-label-outside">
  42.                                             <label class="form-label form-label-outside text-dark rd-input-label" for="cognome">Cognome *</label>
  43.                                             <input class="form-input form-input-last-child" id="cognome" type="text" name="cognome"
  44.                                                    maxlength="64" data-constraints="@Required" />
  45.                                             <span class="form-validation"></span>
  46.                                         </div>
  47.                                     </div>
  48.                                     <div class="col-md-6 offset-top-20 offset-sm-top-0">
  49.                                         <div class="form-wrap form-wrap-label-outside">
  50.                                             <label class="form-label form-label-outside text-dark rd-input-label" for="telefono">Telefono *</label>
  51.                                             <input class="form-input form-input-last-child" id="telefono" type="text" name="telefono"
  52.                                                    maxlength="32" data-constraints="@Required" />
  53.                                             <span class="form-validation"></span>
  54.                                         </div>
  55.                                     </div>
  56.                                     <div class="col-md-6 offset-top-20 offset-sm-top-0">
  57.                                         <div class="form-wrap form-wrap-label-outside">
  58.                                             <label class="form-label form-label-outside text-dark rd-input-label" for="email">E-mail *</label>
  59.                                             <input class="form-input form-input-last-child" id="email" type="email" name="email"
  60.                                                    maxlength="128" data-constraints="@Email @Required" />
  61.                                             <span class="form-validation"></span>
  62.                                         </div>
  63.                                     </div>
  64.                                 </div>
  65.                                 <div class="form-wrap form-wrap-label-outside offset-top-20">
  66.                                     <label class="form-label form-label-outside text-dark rd-input-label" for="messaggio">Messaggio *</label>
  67.                                     <textarea class="form-input form-input-last-child" id="messaggio" name="messaggio"
  68.                                               maxlength="1024" data-constraints="@Required" style="max-height:150px;"></textarea>
  69.                                     <span class="form-validation"></span>
  70.                                 </div>
  71.                                 <div class="offset-top-18 offset-sm-top-30 text-center text-lg-left">
  72.                                     <button class="btn btn-ellipse btn-primary" type="submit" style="min-width:130px;">
  73.                                         Invia messaggio
  74.                                     </button>
  75.                                 </div>
  76.                                 <div id="form-output" class="form-output snackbars"></div>
  77.                             </form>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  82.                 <div class="col-lg-6 col-xl-4 offset-top-66 offset-md-top-90 offset-lg-top-0">
  83.                     {{ include('common/aside_contatti.html.twig') }}
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </section>
  89.     <!-- contatti -->
  90.     <section class="section-lg section bg-default-liac pt-0" style="padding-bottom:30px;">
  91.         <div class="container-fluid">
  92.             <div class="row text-left">
  94.                 <!-- Bisceglie -->
  95.                 <div class="col-lg-6 col-xl-4 offset-top-30">
  96.                     <div class="box-skin-1">
  97.                         <h5 class="font-weight-bold">
  98.                             <a href="{{ baseUrl }}/sede-di-bisceglie">Bisceglie</a>
  99.                         </h5>
  100.                         <h6 class="text-extra-small">Indirizzo, Telefono, Fax, Email</h6>
  102.                         <div class="offset-top-20">
  103.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  104.                                 <div class="unit-left">
  105.                                     <div class="icon icon-xxxs mdi mdi-map-marker text-primary text-middle"></div>
  106.                                 </div>
  107.                                 <div class="unit-body">
  108.                                     <p>
  109.                                         <a class="text-gray-dark" href="https://goo.gl/maps/5whyCiT61TE68TkG8" target="_blank" rel="nofollow">
  110.                                             <b>Indirizzo</b> Via Bovio, 76/A - 70052 Bisceglie (BT)
  111.                                         </a>
  112.                                     </p>
  113.                                 </div>
  114.                             </div>
  116.                             <hr />
  118.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  119.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  120.                                 <div class="unit-body">
  121.                                     <p>
  122.                                         <a class="text-gray-dark" href="tel:+390803994111" target="_blank">
  123.                                             <b>Centralino</b> (+39) 080 39 94 111
  124.                                         </a>
  125.                                     </p>
  126.                                 </div>
  127.                             </div>
  128.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  129.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  130.                                 <div class="unit-body">
  131.                                     <p>
  132.                                         <a class="text-gray-dark" href="tel:+390803994286" target="_blank">
  133.                                             <b>Direzione sanitaria</b> (+39) 080 39 94 286
  134.                                         </a> /
  135.                                         <a class="text-gray-dark" href="tel:+390803994021" target="_blank">
  136.                                             (+39) 080 39 94 021
  137.                                         </a>
  138.                                     </p>
  139.                                 </div>
  140.                             </div>
  141.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  142.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  143.                                 <div class="unit-body">
  144.                                     <p>
  145.                                         <a class="text-gray-dark" href="tel:+390803994122" target="_blank">
  146.                                             <b>Direzione amministrativa</b> (+39) 080 39 94 122
  147.                                         </a>
  148.                                     </p>
  149.                                 </div>
  150.                             </div>
  151.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  152.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  153.                                 <div class="unit-body">
  154.                                     <p>
  155.                                         <a class="text-gray-dark" href="tel:+390803994195" target="_blank">
  156.                                             <b>Archivio cartelle cliniche</b> (+39) 080 39 94 195
  157.                                         </a>
  158.                                     </p>
  159.                                 </div>
  160.                             </div>
  161.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  162.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  163.                                 <div class="unit-body">
  164.                                     <p>
  165.                                         <a class="text-gray-dark" href="tel:+390803994183" target="_blank">
  166.                                             <b>U.R.P.</b> (+39) 080 39 94 183
  167.                                         </a>
  168.                                     </p>
  169.                                 </div>
  170.                             </div>
  171.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  172.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  173.                                 <div class="unit-body">
  174.                                     <p>
  175.                                         <a class="text-gray-dark" href="tel:+390803994237" target="_blank">
  176.                                             <b>P.U.A.</b> (+39) 080 39 94 237
  177.                                         </a>
  178.                                     </p>
  179.                                 </div>
  180.                             </div>
  182.                             <hr />
  184.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  185.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-fax text-primary text-middle"></div></div>
  186.                                 <div class="unit-body">
  187.                                     <p>
  188.                                         <a class="text-gray-dark" href="tel:+390803994815" target="_blank">
  189.                                             <b>P.U.A. Fax</b> (+39) 080 39 94 815
  190.                                         </a>
  191.                                     </p>
  192.                                 </div>
  193.                             </div>
  195.                             <hr />
  197.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  198.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-email text-primary text-middle"></div></div>
  199.                                 <div class="unit-body">
  200.                                     <p>
  201.                                         <a class="text-gray-dark" href="mailto:info@donuva.it" target="_blank">
  202.                                             <b>Email</b> info@donuva.it
  203.                                         </a>
  204.                                     </p>
  205.                                 </div>
  206.                             </div>
  208.                             <hr />
  210.                             <div class="offset-top-30 text-center">
  211.                                 <a class="btn btn-ellipse btn-primary" href="{{ baseUrl }}/sede-di-bisceglie">
  212.                                     Visita la sede di Bisceglie
  213.                                 </a>
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  219.                 <!-- Foggia -->
  220.                 <div class="col-lg-6 col-xl-4 offset-top-30">
  221.                     <div class="box-skin-1">
  222.                         <h5 class="font-weight-bold">
  223.                             <a href="{{ baseUrl }}/sede-di-foggia">Foggia</a>
  224.                         </h5>
  225.                         <h6 class="text-extra-small">Indirizzo, Telefono, Email</h6>
  227.                         <div class="offset-top-20">
  228.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  229.                                 <div class="unit-left">
  230.                                     <div class="icon icon-xxxs mdi mdi-map-marker text-primary text-middle"></div>
  231.                                 </div>
  232.                                 <div class="unit-body">
  233.                                     <p>
  234.                                         <a class="text-gray-dark" href="https://goo.gl/maps/zMFE1QxmDS1STETi6" target="_blank" rel="nofollow">
  235.                                             <b>Indirizzo</b> Via Lucera, 110 - 71121 Foggia (FG)
  236.                                         </a>
  237.                                     </p>
  238.                                 </div>
  239.                             </div>
  241.                             <hr />
  243.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  244.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  245.                                 <div class="unit-body">
  246.                                     <p>
  247.                                         <a class="text-gray-dark" href="tel:+390881715111" target="_blank">
  248.                                             <b>Centralino</b> (+39) 0881 715 111
  249.                                         </a>
  250.                                     </p>
  251.                                 </div>
  252.                             </div>
  253.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  254.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  255.                                 <div class="unit-body">
  256.                                     <p>
  257.                                         <a class="text-gray-dark" href="tel:+390881715103" target="_blank">
  258.                                             <b>Direzione sanitaria</b> (+39) 0881 715 103
  259.                                         </a>
  260.                                     </p>
  261.                                 </div>
  262.                             </div>
  263.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  264.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  265.                                 <div class="unit-body">
  266.                                     <p>
  267.                                         <a class="text-gray-dark" href="tel:+390881715510" target="_blank">
  268.                                             <b>Direzione amministrativa</b> (+39) 0881 715 510
  269.                                         </a>
  270.                                     </p>
  271.                                 </div>
  272.                             </div>
  273.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  274.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  275.                                 <div class="unit-body">
  276.                                     <p>
  277.                                         <a class="text-gray-dark" href="tel:+390881715168" target="_blank">
  278.                                             <b>U.R.P.</b> (+39) 0881 715 168
  279.                                         </a>
  280.                                     </p>
  281.                                 </div>
  282.                             </div>
  283.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  284.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  285.                                 <div class="unit-body">
  286.                                     <p>
  287.                                         <a class="text-gray-dark" href="tel:+390881715715" target="_blank">
  288.                                             <b>P.U.A.</b> Accettazione e Prenotazione Esami diagnostici e<br />
  289.                                             Visite specialistiche (+39) 0881 715 715
  290.                                         </a> /
  291.                                         <a class="text-gray-dark" href="tel:+390881715342" target="_blank">
  292.                                             (+39) 0881 715 342
  293.                                         </a> /
  294.                                         <a class="text-gray-dark" href="tel:+390881715614" target="_blank">
  295.                                             (+39) 0881 715 614
  296.                                         </a>
  297.                                     </p>
  298.                                 </div>
  299.                             </div>
  300.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  301.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  302.                                 <div class="unit-body">
  303.                                     <p>
  304.                                         <a class="text-gray-dark" href="tel:+390881715109" target="_blank">
  305.                                             <b>P.U.A.</b> Servizio sociale (+39) 0881 715 109
  306.                                         </a>
  307.                                     </p>
  308.                                 </div>
  309.                             </div>
  311.                             <hr />
  313.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  314.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-email text-primary text-middle"></div></div>
  315.                                 <div class="unit-body">
  316.                                     <p>
  317.                                         <a class="text-gray-dark" href="mailto:info@donuva.it" target="_blank">
  318.                                             <b>Email</b> info@donuva.it
  319.                                         </a>
  320.                                     </p>
  321.                                 </div>
  322.                             </div>
  324.                             <hr />
  326.                             <div class="offset-top-30 text-center">
  327.                                 <a class="btn btn-ellipse btn-primary" href="{{ baseUrl }}/sede-di-foggia">
  328.                                     Visita la sede di Foggia
  329.                                 </a>
  330.                             </div>
  331.                         </div>
  332.                     </div>
  333.                 </div>
  335.                 <!-- Potenza -->
  336.                 <div class="col-lg-6 col-xl-4 offset-top-30">
  337.                     <div class="box-skin-1">
  338.                         <h5 class="font-weight-bold">
  339.                             <a href="{{ baseUrl }}/sede-di-potenza">Potenza</a>
  340.                         </h5>
  341.                         <h6 class="text-extra-small">Indirizzo, Telefono, Email</h6>
  343.                         <div class="offset-top-20">
  344.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  345.                                 <div class="unit-left">
  346.                                     <div class="icon icon-xxxs mdi mdi-map-marker text-primary text-middle"></div>
  347.                                 </div>
  348.                                 <div class="unit-body">
  349.                                     <p>
  350.                                         <a class="text-gray-dark" href="https://goo.gl/maps/2KpaJZbK1XBe2XGeA" target="_blank" rel="nofollow">
  351.                                             <b>Indirizzo</b> Largo Don Uva, 2 - 85100 Potenza (PZ)
  352.                                         </a>
  353.                                     </p>
  354.                                 </div>
  355.                             </div>
  357.                             <hr />
  359.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  360.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  361.                                 <div class="unit-body">
  362.                                     <p>
  363.                                         <a class="text-gray-dark" href="tel:+390971446112" target="_blank">
  364.                                             <b>Centralino</b> (+39) 0971 446 112
  365.                                         </a>
  366.                                     </p>
  367.                                 </div>
  368.                             </div>
  369.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  370.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  371.                                 <div class="unit-body">
  372.                                     <p>
  373.                                         <a class="text-gray-dark" href="tel:+390971446225" target="_blank">
  374.                                             <b>Direzione sanitaria</b> (+39) 0971 446 225
  375.                                         </a>
  376.                                     </p>
  377.                                 </div>
  378.                             </div>
  379.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  380.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  381.                                 <div class="unit-body">
  382.                                     <p>
  383.                                         <a class="text-gray-dark" href="tel:+390971446213" target="_blank">
  384.                                             <b>Direzione amministrativa</b> (+39) 0971 446 213
  385.                                         </a>
  386.                                     </p>
  387.                                 </div>
  388.                             </div>
  389.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  390.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-phone text-primary text-middle"></div></div>
  391.                                 <div class="unit-body">
  392.                                     <p>
  393.                                         <a class="text-gray-dark" href="tel:+390971446100" target="_blank">
  394.                                             <b>Ufficio Informativo e di Orientamento</b> (+39) 0971 446 100
  395.                                         </a>
  396.                                     </p>
  397.                                 </div>
  398.                             </div>
  400.                             <hr />
  402.                             <div class="unit flex-row align-items-center unit-spacing-xxs">
  403.                                 <div class="unit-left"><div class="icon icon-xxxs mdi mdi-email text-primary text-middle"></div></div>
  404.                                 <div class="unit-body">
  405.                                     <p>
  406.                                         <a class="text-gray-dark" href="mailto:comunicazioni@unisab.it" target="_blank">
  407.                                             <b>Email</b> comunicazioni@unisab.it
  408.                                         </a>
  409.                                     </p>
  410.                                 </div>
  411.                             </div>
  413.                             <hr />
  415.                             <div class="offset-top-30 text-center">
  416.                                 <a class="btn btn-ellipse btn-primary" href="{{ baseUrl }}/sede-di-potenza">
  417.                                     Visita la sede di Potenza
  418.                                 </a>
  419.                             </div>
  420.                         </div>
  421.                     </div>
  422.                 </div>
  424.             </div>
  425.         </div>
  426.     </section>
  428. {% endblock %}