templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <header style="background: #193933;">
  4.         <nav class="navbar navbar-dark navbar-expand-md" style="padding: 50px 60px;">
  5.             <div class="container-fluid"><a class="navbar-brand" href="#">Brand</a>
  6.                 <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span
  7.                             class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span>
  8.                 </button>
  9.                 <div class="collapse navbar-collapse" id="navcol-1">
  10.                     <ul class="navbar-nav ms-auto">
  11.                         <li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
  12.                         <li class="nav-item"><a class="nav-link" href="{{ path('weddings') }}">Weddings</a></li>
  13.                         <li class="nav-item"><a class="nav-link" href="{{ path('contact') }}">Contact</a></li>
  14.                         <li class="nav-item"><a class="nav-link" href="#">NFT</a></li>
  15.                     </ul>
  16.                 </div>
  17.             </div>
  18.         </nav>
  19.         <div id="header-content" class="min-vh-130">
  20.             <iframe allowfullscreen="" frameborder="0"
  21.                     src="https://player.vimeo.com/video/286320109?autoplay=1&amp;muted=1&amp;loop=1&amp;portrait=0&amp;title=0&amp;byline=0"
  22.                     class="video" width="40%" style="margin-top: 250px;margin-left: 30px;" height="400px"></iframe>
  23.             {% for item in banner %}
  24.                 <img class="image-{{ item.posizione }} img-fluid" src="{{ vich_uploader_asset(item, 'imageFile') }}">
  25.             {% endfor %}
  26.         </div>
  27.     </header>
  28.     <div id="home-portfolio" class="min-vh-130" style="background: #f4f1eb;">
  29.         <div class="d-xl-flex justify-content-xl-center py-4" style="text-align: center;">
  30.             <p class="text-center d-xl-flex justify-content-xl-center w-25" style="font-family: 'Source Code Pro', monospace;font-size: 16px;">
  31.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper massa eget metus convallis posuere. In vel nunc facilisis, mattis eros sit amet, molestie magna. Etiam sit amet augue augue. Quisque sit amet bibendum felis. Nunc sit amet lacus neque. Mauris sit amet justo metus. Sed eget ante ligula. Nunc dignissim malesuada diam, eget consequat nibh egestas at. Etiam aliquam arcu velit, vitae rhoncus justo rhoncus placerat. Etiam a nibh in magna feugiat hendrerit non sed urna. Ut porta eros at lacinia aliquam. Phasellus rutrum consectetur leo id egestas. Nam varius aliquet odio. Morbi molestie a risus ac sodales.
  32.             </p>
  33.         </div>
  34.         <div class="container">
  35.             <div class="row">
  36.                 {% for image in gallery %}
  37.                     <div class="col-md-4">
  38.                         {% for item in image %}
  39.                             <img class="img-fluid w-100" src="{{ vich_uploader_asset(item, 'imageFile') }}">
  40.                         {% endfor %}
  41.                     </div>
  42.                 {% endfor %}
  43.             </div>
  44.         </div>
  45.     </div>
  46. {% endblock %}