templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block content %}
  4. {# {% include './components/_social.html.twig' %} #}
  5.     <h1 class="text-center col-md-12 reveal">Bienvenue sur Nordic Indiana
  6.     </h1>
  7.   <div class="d-flex justify-content-center mt-5">
  8. <img src="./assets/css/photos/logo.png" alt="icone de question" class="text-center">
  9. </div>
  10.     <!-- START THE FEATURETTES -->
  12.     <hr class="featurette-divider">
  14.     <div class=" d-flex justify-content-center ">
  15.         <p class=" font-weight-bold text-center text-justify blockquote">Petits et grands trappeurs, venez réveiller votre âme sauvage
  16.             en partageant des activités avec nos chiens de traîneau
  17.             dans le territoire du Haut Bugey. <br>
  18.             Petits et grands aventuriers avides de sensations et de découverte,
  19.             des expériences nature d'initiation sportive vous attendent. <br>
  20.             Je vous invite à découvrir les différentes activités
  21.             dans les rubriques concernées,
  22.             et à me contacter pour organiser votre aventure.  <br>
  23.             Des événements thématiques vous seront régulièrement proposés. <br>
  24.             Pensez à suivre Nordic Indiana sur Facebook, pour découvrir notre actualité, et les surprises qui vous seront réservées au gré des saisons.
  25.         </p>
  26.     </div>
  28.   <div class="row mb-5">
  29.   {% for product in products %}
  30.     {% if product.isBest %}
  31.     <h1 class="text-center col-md-12 reveal">Activité à la Une ! </h1>
  32.       <div class="col-md-4 mt-5 reveal">
  33.         {% include 'product/single_product.html.twig' %}
  34.       </div>
  35.     {% endif %}
  36.   {% endfor %}
  38. </div>
  39.     <div class="cont-gallery" id="gallery">
  41.         <div class="gallery">
  42.             <div class="gallery-item">
  43.                 {% for image in images %}
  44.                     <img src="/uploads/{{ image.image }}" class="mb-2 galeryPict" alt="test" data-toggle="modal" data-target="#modal">
  45.                 {% endfor %}
  46.             </div>
  47.         </div>
  49.         <div class="gallery">
  50.             <div class="gallery-item">
  51.                 {% for image in images %}
  52.                     <img src="/uploads/{{ image.image2 }}" class="mb-2 galeryPict" alt="test2" data-toggle="modal" data-target="#modal">
  53.                 {% endfor %}
  54.             </div>
  55.         </div>
  57.         <div class="gallery">
  58.             <div class="gallery-item">
  59.                 {% for image in images %}
  60.                     <img src="/uploads/{{ image.image3 }}" class="mb-2 galeryPict" alt="test3" data-toggle="modal" data-target="#modal">
  61.                 {% endfor %}
  62.             </div>
  63.         </div>
  65.     </div>
  67.     <!-- Single Modal for all images -->
  68.     <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  69.         <div class="modal-dialog modal-lg" role="document">
  70.             <div class="modal-content">
  71.                 <div class="modal-header">
  72.                     <h5 class="modal-title text-center" id="modalLabel">Galerie Photos</h5>
  73.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  74.                         <span aria-hidden="true">&times;</span>
  75.                     </button>
  76.                 </div>
  77.                 <div class="modal-body">
  78.                     <div id="carousel" class="carousel slide" data-ride="carousel">
  79.                         <div class="carousel-inner">
  81.                             {% for image in images %}
  82.                                 <div class="carousel-item active ">
  83.                                     <img src="/uploads/{{ image.image }}" class="d-block w-100 mt-2" alt="test">
  84.                                     <button type="button" class="close bg-light p-1" data-dismiss="modal" aria-label="Close">
  85.                                         <span aria-hidden="true">&times;</span>
  86.                                     </button>
  87.                                     <img src="/uploads/{{ image.image2 }}" class="d-block w-100 mt-2" alt="test">
  88.                                     <button type="button" class="close bg-light p-1" data-dismiss="modal" aria-label="Close">
  89.                                         <span aria-hidden="true">&times;</span>
  90.                                     </button>
  91.                                     <img src="/uploads/{{ image.image3 }}" class="d-block w-100 mt-2" alt="test">
  92.                                     <button type="button" class="close  bg-light p-1" data-dismiss="modal" aria-label="Close">
  93.                                         <span aria-hidden="true">&times;</span>
  94.                                     </button>
  95.                                 </div>
  96.                             {% endfor %}
  97.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </div>
  104. {% endblock %}