templates\home\index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}E-NouNou{% endblock %}
  5. {% block body %}
  7.     <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
  8.         <div class="carousel-indicators">
  9.             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  10.             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
  11.         </div>
  12.         <div class="carousel-inner">
  13.             <div class="carousel-item active">
  14.                 <img src="{{ asset('assets/images/slide_1_h500t2.jpg') }}" class="d-block w-100" alt="...">
  15.                 <div class="carousel-caption d-none d-md-block">
  17.                 </div>
  18.             </div>
  19.             <div class="carousel-item">
  20.                 <img src="{{ asset('assets/images/slide_2_h500t.jpg') }}" class="d-block w-100" alt="...">
  21.                 <div class="carousel-caption d-none d-md-block">
  22.                 </div>
  23.             </div>
  24.         </div>
  25.         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
  26.             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  27.             <span class="visually-hidden">Previous</span>
  28.         </button>
  29.         <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
  30.             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  31.             <span class="visually-hidden">Next</span>
  32.         </button>
  33.     </div>
  36.     <div class="container mt-5">
  37.         <div class="row featurette">
  38.             <div class="col-md-7">
  39.                 <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
  40.                 <p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p>
  41.             </div>
  42.             <div class="col-md-5">
  43.                 <svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"/><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
  45.             </div>
  46.         </div>
  48.         <hr class="featurette-divider">
  50.         <div class="row featurette">
  51.             <div class="col-md-7 order-md-2">
  52.                 <h2 class="featurette-heading">Oh yeah, it’s that good. <span class="text-muted">See for yourself.</span></h2>
  53.                 <p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p>
  54.             </div>
  55.             <div class="col-md-5 order-md-1">
  56.                 <svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"/><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
  58.             </div>
  59.         </div>
  60.     </div>
  62. {% endblock %}