templates/pages/galleria/galleria_video.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/galleria/galleria_video/heading.jpg",
  7.         'title':            "Galleria Video",
  8.         'subtitle':         "Opera Don Uva",
  9.         'breadcrumb_tree':  [ "Galleria", "Galleria Video" ]
  10.     }) }}
  12.     <!-- Video istituzionali -->
  13.     <section class="section section-lg bg-default">
  14.         <div class="container">
  15.             <div class="row justify-content-sm-center">
  16.                 <div class="col-md-9 col-lg-8 col-xl-12">
  17.                     <div class="row">
  18.                         <div class="col-xl-5 text-left">
  19.                             <h3>Video istituzionali Universo Salute Opera Don Uva</h3>
  20.                         </div>
  21.                         <div class="col-xl-7 text-left offset-top-66 offset-lg-top-0">
  22.                             <p class="text-gray-darker" style="font-size:32px;">
  23.                                 Le sedi operative di Bisceglie, Foggia e Potenza sono immerse nel tessuto cittadino, e ne rappresentano una parte
  24.                                 preziosa da lunghi anni. La vista dall'alto rivela le vaste aree di appartenenza, la distribuzione degli edifici
  25.                                 di assistenza affiancati dai molti spazi verdi, i luoghi religiosi e gli uffici amministrativi, in un complesso
  26.                                 architettonico eterogeneo che contribuisce a disegnare il volto delle città.
  27.                             </p>
  28.                         </div>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </section>
  35.     <!-- Video principale -->
  36.     <section class="section section-lg bg-default-liac">
  37.         <div class="container">
  38.             <div class="row justify-content-sm-center">
  39.                 <div class="col-md-9 col-lg-8 col-xl-12">
  40.                     <iframe id="youtube-player" height="640" src="https://www.youtube.com/embed/csD4S-9XaEs" title="YouTube video player" frameborder="0"
  41.                             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.     </section>
  47.     <!-- Dal canale YouTube -->
  48.     <section class="section section-lg bg-default">
  49.         <div class="container">
  50.             <div class="row justify-content-sm-center">
  51.                 <div class="col-md-9 col-lg-8 col-xl-12">
  52.                     <h3 class="text-center">Canale video istituzionale</h3>
  53.                     <div class="tagembed-container offset-top-66" style=" width:100%;height:100%;overflow: auto;">
  54.                         <div class="tagembed-socialwall" data-wall-id="57101" view-url="https://widget.tagembed.com/57101?view">  </div>
  55.                         <script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script>
  56.                     </div>
  57.                     <div class="offset-top-30 text-center">
  58.                         <a class="btn btn-rect btn-youtube" href="https://www.youtube.com/channel/UCRA-1MiqzeNu6NkyJtGnxNw" target="_blank" rel="nofollow">
  59.                             Iscriviti al canale YouTube
  60.                         </a>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.         </div>
  65.     </section>
  67.     <!-- Col cuore, per mano -->
  68.     {{ include('common/call_to_action_contattaci.html.twig') }}
  69. {% endblock %}