templates/default/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body_id 'homepage' %}
  5. {# 
  6. the homepage is a special page which displays neither a header nor a footer.
  7. this is done with the 'trick' of defining empty Twig blocks without any content
  8. #}
  9. {% block header %}{% endblock %}
  10. {% block footer %}{% endblock %}
  12. {% block body %}
  13. <div id="myCarousel" class="carousel slide mb-6" data-bs-ride="carousel">
  14.     <div class="carousel-indicators">
  15.         <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  16.         <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  17.         <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
  18.     </div>
  19.     <div class="carousel-inner">
  20.         <div class="carousel-item active">
  21.             <img src="{{ asset('build/images/buk_7.jpg') }}" class="bd-placeholder-img" width="100%" height="100%"/>
  22.             <div class="container">
  23.                 <div class="carousel-caption text-end">
  24.                     <h1>Перевір дані свого автомобіля</h1>
  25.                     <p class="opacity-75">Чи правильно записане твоє побажання щодо стоянки в дворі ?</p>
  26.                     <p><a class="btn btn-lg btn-primary" href="parking">Перевірити</a></p>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.         <div class="carousel-item">
  31.             <img src="{{ asset('build/images/buk_5.jpg') }}" class="bd-placeholder-img" width="100%" height="100%"/>
  32.             <div class="container">
  33.                 <div class="carousel-caption">
  34.                     <h1>Паркуйся відповідально</h1>
  35.                     <p>Почитай що думають люди що користуються двором</p>
  36.                     <p><a class="btn btn-lg btn-primary" href="complain">Читати</a></p>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         <div class="carousel-item">
  41.             <img src="{{ asset('build/images/buk_11.png') }}" class="bd-placeholder-img" width="100%" height="100%"/>
  42.             <div class="container">
  43.                 <div class="carousel-caption text-start">
  44.                     <h1>Герої парковки</h1>
  45.                     <p>Ти живеш не один. Будемо боротися з ними всіма можливими методами</p>
  46.                     <p><a class="btn btn-lg btn-primary" href="galeria">Дивитись</a></p>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </div>
  51.     <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
  52.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  53.         <span class="visually-hidden">Previous</span>
  54.     </button>
  55.     <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
  56.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  57.         <span class="visually-hidden">Next</span>
  58.     </button>
  59. </div>
  62. <!-- Marketing messaging and featurettes
  63.     ================================================== -->
  64.     <!-- Wrap the rest of the page in another container to center all the content. -->
  66.     <div class="container marketing">
  68.         <!-- Three columns of text below the carousel -->
  69.         <div class="row accessibility">
  70.             <div class="col-lg-4">
  71.                 <img src="{{ asset('build/images/disabled.png') }}" class="icon-img" width="120px" height="120px"/>
  72.                 <h2 class="mt-3">Прохід</h2>
  73.                 <p><a class="btn btn-secondary" href="#access">Деталі &raquo;</a></p>
  74.             </div><!-- /.col-lg-4 -->
  75.             <div class="col-lg-4">
  76.                 <img src="{{ asset('build/images/clean-up.png') }}" class="icon-img" width="120px" height="120px"/>
  77.                 <h2 class="mt-3">Порядок</h2>
  78.                 <p><a class="btn btn-secondary" href="#atmosphere">Деталі &raquo;</a></p>
  79.             </div><!-- /.col-lg-4 -->
  80.             <div class="col-lg-4">
  81.                 <img src="{{ asset('build/images/building.png') }}" class="icon-img" width="120px" height="120px"/>
  82.                 <h2 class="mt-3">Естетика</h2>
  83.                 <p><a class="btn btn-secondary" href="#tolerate">Деталі &raquo;</a></p>
  84.             </div><!-- /.col-lg-4 -->
  85.         </div><!-- /.row -->
  88.         <!-- START THE FEATURETTES -->
  89.         <hr class="featurette-divider">
  91.         <div class="row featurette" id="access">
  92.             <div class="col-md-7">
  93.                 <h2 class="featurette-heading fw-normal lh-1"> Доступність </h2>
  94.                 <p class="lead">Прохід (проїзд) повинен бути забезпечений кожному хто пересувається на візку, йде/їде з немовлям, дітям, людям похилого віку, велосипедистам.</p>
  95.             </div>
  96.             <div class="col-md-5">
  97.                 <img src="{{ asset('build/images/accecibility.jpg') }}" class="icon-img"/>
  98.             </div>
  99.         </div>
  101.         <hr class="featurette-divider">
  103.         <div class="row featurette" id="atmosphere">
  104.             <div class="col-md-7 order-md-2">
  105.                 <h2 class="featurette-heading fw-normal lh-1">Здорова атмосфера</h2>
  107.                 <p class="lead"><ul><li>паркування другим рядом - ні </li><li> залишена записка на лобовому склі - ні</li></ul></p>
  108.             </div>
  109.             <div class="col-md-5 order-md-1">
  110.                 <img src="{{ asset('build/images/ordnung.jpeg') }}" class="icon-img"/>
  111.             </div>
  112.         </div>
  114.         <hr class="featurette-divider">
  116.         <div class="row featurette" id="tolerate">
  117.             <div class="col-md-7">
  118.                 <h2 class="featurette-heading fw-normal lh-1">Ні хаосу, бруду і несмаку<span class="text-body-secondary"></span>
  119.                 </h2>
  120.                 <p class="lead">Наш двір пережив 2 Cвітові Війни, бачив австрійців, угорців, поляків, німців, руских, інженерів, священників, залізничників, політиків, комерсантів, нацистів, гбістів, комуністів, чесних і не дуже нарешті просто випадкових людей. Хочеться вірити що за українців йому буде наймиліше.</p>
  121.             </div>
  122.             <div class="col-md-5">
  123.                 <img src="{{ asset('build/images/tolerant.jpg') }}" class="icon-img"/>
  124.             </div>
  126.             <hr class="featurette-divider">
  128.             <!-- /END THE FEATURETTES -->
  130.         </div><!-- /.container -->
  133.         {% endblock %}