templates/pages/index.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}{% endblock %}
  5. {% block body %}
  6.     <main role="main">
  7.         <section class="home" style="background: url(images/migennois_centre_home.jpg);">
  8.             <div class="home__content-text">
  9.                 <h1 style="color: #FFFFFF;">
  10.                     La vie comme
  11.                     vous l’imaginez !
  12.                 </h1>
  13.                 <a href="{{ path("app_installation") }}" class="btn yellow">Famille</a>
  14.                 <a href="{{ path('app_entreprendre') }}" class="btn white">Professionnel</a>
  15.             </div>
  16.         </section>
  18.         <!-- Install -->
  19.         <section class="install">
  20.             <img src="{{ asset('images/icons/house.svg') }}" alt="" class="house">
  21.             <img src="{{ asset('images/icons/idv_LeMigennois.svg') }}" alt="" class="idv">
  22.             <div class="container">
  23.                 <div class="title-subtitle blue">
  24.                     <span class="subtitle">La vie comme vous l’imaginez !</span>
  25.                     <h2>S’installer dans le Migennois ?</h2>
  26.                 </div>
  28.                 <div class="install__points">
  29.                     <div class="install__points__wrapper">
  30.                         <div class="install__points__wrapper__point">
  31.                             <div class="title-point">
  32.                                 <img src="{{ asset('images/icons/point_1_jaune.svg') }}" class="number" alt="">
  33.                                 <h3>Vivre pleinement</h3>
  34.                             </div>
  35.                             <p>
  36.                                 Bienvenue dans le Migennois !<br> Porté par la Communauté de Communes de l’Agglomération
  37.                                 Migennoise et de ses huit communes (Bassou, Bonnard, Charmoy, Cheny, Chichery, Epineau-
  38.                                 Les-Voves, Laroche-Saint-Cydroine et Migennes), le Migennois se situe au centre de l'Yonne,
  39.                                 au nord de la Bourgogne à 1h30 de Paris et Dijon. Vous souhaitez quitter Paris, la banlieue ou
  40.                                 les grandes villes pour vivre plus sereinement ? Moins d'embouteillage, plus de verdure, sans
  41.                                 être isolé, c'est possible. Ce territoire, c'est le Migennois. A vous de choisir de dire oui à la douceur
  42.                                 de vivre, au calme et à l'authentique.<br>
  43.                                 A vous décider de vivre pleinement la vie comme vous l'imaginez.
  44.                             </p>
  45.                             <img src="{{ asset('images/migennes_parc.jpg') }}" class="mobile" alt="Parc arboré Migennes">
  46.                             <a href="{{ path('app_installation') }}" class="btn blue">En savoir plus</a>
  47.                             <img src="{{ asset('images/migennes_parc.jpg') }}" class="photo desktop" alt="Parc arboré Migennes">
  48.                         </div>
  50.                         <div class="install__points__wrapper__point rp">
  51.                             <div class="title-point yellow">
  52.                                 <img src="{{ asset('images/icons/point_2_bleu.svg') }}" class="number" alt="">
  53.                                 <h3>Entreprendre demain</h3>
  54.                             </div>
  55.                             <p>
  56.                                 Vous souhaitez changer de vie professionnelle ou vous portez un projet de création d’entreprise ? <br>
  57.                                 Le Migennois est votre terre d’accueil. Trouvez l’équilibre que vous recherchez et profitez
  58.                                 pleinement de votre famille. Fini les embouteillages, les heures à rallonge et la problématique
  59.                                 des transports en commun. Le Migennois vous offre tous les avantages : télétravail, fibre
  60.                                 connectée, espace de co-working, aide à l’installation et à l’étude de projet (<a href="{{ path("app_entreprendre") }}">via notre référent
  61.                                 Frédéric</a>)... <br>
  62.                                 Dès à présent, entreprenez demain !
  63.                             </p>
  64.                             <img src="{{ asset('images/migennes-commerce.jpeg') }}" class="mobile" alt="Parc arboré Migennes">
  65.                             <a href="{{ path('app_entreprendre') }}" class="btn yellow">En savoir plus</a>
  66.                             <img src="{{ asset('images/migennes-commerce.jpeg') }}" class="photo desktop" alt="Parc arboré Migennes">
  67.                         </div>
  69.                         <div class="install__points__wrapper__point">
  70.                             <div class="title-point">
  71.                                 <img src="{{ asset('images/icons/point_3_jaune.svg') }}" class="number" alt="">
  72.                                 <h3>S’éloigner, mais pas trop</h3>
  73.                             </div>
  74.                             <p>
  75.                                 Envie d’évasion le temps d’un instant ? <br>
  76.                                 Le Migennois regorge de richesses naturelles dans un cadre bucolique, calme et varié. Balade à vélos, randonnées, 
  77.                                 promenades,<a href="https://www.poneys-des-quatre-saisons.fr/" target="_blank" rel="noopener noreferrer">balade en Poney</a> ... <br>
  78.                                 Partez à la découverte de la Bourgogne via nos véloroutes, baladez-vous sur le tout en Canal de Bourgogne avec 
  79.                                 <a href="http://leboat.fr" target="_blank" rel="noopener noreferrer">Le Boat</a>  (location de bateau) 
  80.                                 ou accordez-vous un instant de détente au bord de nos rivières.
  81.                             </p>
  82.                             <img src="{{ asset('images/activites-cheval.jpg') }}" class="mobile" alt="Poney des quatres saisons">
  83.                             <a href="{{ path('app_installation') }}#veloroute" class="btn blue">En savoir plus</a>
  84.                             <img src="{{ asset('images/activites-cheval.jpg') }}" class="photo desktop" alt="Poney des quatres saisons">
  85.                         </div>
  87.                         <div class="install__points__wrapper__point rp">
  88.                             <div class="title-point yellow">
  89.                                 <img src="{{ asset('images/icons/point_4_bleu.svg') }}" class="number" alt="">
  90.                                 <h3>Profiter de chaque instant</h3>
  91.                             </div>
  92.                             <p>
  93.                                 Plongez au cœur du Migennois et de son bassin d’activités incroyablement riche. Sport, culture,
  94.                                 vie associative, vous n’êtes pas près de vous ennuyer ! Le cabaret l’Escale, le cinéma 4k Le
  95.                                 Prisme, l’Ecole intercommunale du Migennois ou encore la MJC... <br>
  96.                                 Une liste non exhaustive des atouts de notre territoire qui n’a rien à envier aux plus grands... <br>
  97.                                 Bienvenue chez vous !
  98.                             </p>
  99.                             <img src="{{ asset('images/migennes-cheval.jpg') }}" class="mobile" alt="Parc arboré Migennes">
  100.                             <a href="{{ path('app_installation') }}#activite" class="btn yellow">En savoir plus</a>
  101.                             <img src="{{ asset('images/migennes-cheval.jpg') }}" class="photo desktop" alt="Parc arboré Migennes">
  102.                         </div>
  104.                         <div class="install__points__wrapper__point">
  105.                             <div class="title-point">
  106.                                 <img src="{{ asset('images/icons/point_5_jaune.svg') }}" class="number" alt="">
  107.                                 <h3>Voir grandir vos enfants</h3>
  108.                             </div>
  109.                             <p>
  110.                                 Quoi de mieux que de voir ses enfants grandir et se développer dans de bonnes conditions. Le
  111.                                 Migennois bénéficie d’équipement d’accueil collectif, d’établissements scolaires et de santé pour
  112.                                 tous les âges. Chacune des communes de la CCAM dispose d’écoles primaires (maternelles et
  113.                                 élémentaires), crèches, garderie, centres de loisirs, rien n’est laissé au hasard.
  114.                             </p>
  115.                             <img src="{{ asset('images/migennes-enfant.png') }}" class="mobile" alt="Parc arboré Migennes">
  116.                             <a href="{{ path('app_installation') }}#enfant" class="btn blue">En savoir plus</a>
  117.                             <img src="{{ asset('images/migennes-enfant.png') }}" class="photo desktop" alt="Parc arboré Migennes">
  118.                         </div>
  120.                         {# <div class="col-6 point rp">
  121.                             <div class="title-point yellow">
  122.                                 <img src="{{ asset('images/icons/point_6_bleu.svg') }}" class="number" alt="">
  123.                                 <h3>On vous accompagne dans vos projets</h3>
  124.                             </div>
  125.                             <p>
  126.                                 Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. Nam sem lacus, 
  127.                                 ornare non ante sed, ultricies fringilla massa. Ut congue, elit non tempus elementum, sem risus 
  128.                                 tincidunt diam, vitae sodales diam ipsum vitae purus. Fusce tristique erat nulla, vel viverra 
  129.                                 mi auctor non. Integer ante lorem, dictum at felis at,
  130.                                 <br><br>
  131.                                 Phasellus dolor sapien, molestie at ante id, porta interdum nisl. Duis sit amet ante feugiat enim 
  132.                                 viverra sagittis.
  133.                             </p>
  134.                             <a href="" class="btn yellow">En savoir plus</a>
  135.                             <img src="{{ asset('images/migennes_concert.jpg') }}" class="photo" alt="Parc arboré Migennes">
  136.                         </div> #}
  137.                     </div>
  138.                 </div>
  139.             </div>
  140.         </section>
  141.         <section class="suivi-chaleureux">
  142.             <div class="container">
  143.                 <div class="row justify-content-center">
  144.                     <div class="col-5">
  145.                         <div class="title-subtitle yellow">
  146.                             <span class="subtitle">L’accompagnement personnalisé au coeur de votre projet</span>
  147.                             <h2>Un suivi et un accueil chaleureux</h2>
  148.                         </div>
  149.                         <p>
  150.                             La chargée d’accueil et son équipe vous accompagnent gratuitement de l’idée à la réalisation :
  151.                         </p>
  152.                         <ul>
  153.                             <li>
  154.                                 Comprendre les atouts du Migennois en Bourgogne par rapport à votre projet
  155.                             </li>
  156.                             <li>
  157.                                 Être mis en relation avec les bonnes personnes sur place
  158.                             </li>
  159.                             <li>
  160.                                 Être bien accueilli en arrivant !
  161.                             </li>
  162.                         </ul>
  163.                         <a href="{{ path('contact') }}" class="btn blue">Je prends contact</a>
  164.                         <img class="bulle-chat" src="{{ asset('images/icons/bubble-chat.svg') }}" alt="bulle de discussion">
  165.                     </div>
  166.                     <div class="col-4">
  167.                         <img class="right" src="{{ asset('images/suivi-chaleureux.jpg') }}" alt="Photo de notre référente : Alexia">
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.         </section>
  173.         <!-- Ambassador -->
  174.         <section class="ambassadors">
  175.             <div class="rect-swiper"></div>
  176.             <img src="{{ asset('images/icons/man.svg') }}" class="man" alt="Pictogramme homme">
  177.             <img src="{{ asset('images/icons/woman.svg') }}" class="woman" alt="Pictogramme femme">
  178.             <div class="container">
  179.                 <div class="title-subtitle yellow">
  180.                     <span class="subtitle">Le Migennois… Ils vous en parlent !</span>
  181.                     <h2>Découvrez nos ambassadeurs</h2>
  182.                 </div>
  183.                 
  184.                 <div class="ambassadors__carousel swiper" data-controller="swiper">
  185.                     <div class="swiper-wrapper">
  186.                         {% for temoignage in temoignages %}
  187.                             <div class="swiper-slide">
  188.                                 <div class="ambassadors__carousel__ambassador">
  189.                                     <div class="wrapper">
  190.                                         <div class="wrapper__photo">
  191.                                             <img src="{{ vich_uploader_asset(temoignage, 'imageFile') | imagine_filter('citationPortrait') }}" alt="Photo de {{ temoignage.prenom }}">
  192.                                         </div>
  193.                                         <div class="wrapper__nom">
  194.                                             <span class="nom">{{ temoignage.prenom }}</span>
  195.                                             <span class="metier">{{ temoignage.metier }}</span>
  196.                                         </div>
  197.                                     </div>
  198.                                     <p>
  199.                                         <span class="quote yellow">«</span>
  200.                                         {{ temoignage.citation }}
  201.                                         <span class="quote blue">»</span>
  202.                                     </p>
  203.                                 </div>
  204.                             </div>
  205.                         {% endfor %}
  206.                     </div>
  207.                     <!-- Navigation carousel -->
  208.                     <div class="swiper-navigation">
  209.                         <div class="swiper-button-prev sw-button">
  210.                             <img src="{{ asset('images/icons/prev.svg') }}" alt="Flêche gauche">
  211.                         </div>
  213.                         <div class="swiper-button-next sw-button">
  214.                             <img src="{{ asset('images/icons/next.svg') }}" alt="Flêche droite">
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.             </div>
  219.         </section>
  221.         <!-- week-end gratuit -->
  222.         <section class="hesitation">
  223.             <div class="container">
  224.                 <div class="row align-center justify-content-between">
  225.                     <div class="col-7">
  226.                         <div class="title-subtitle">
  227.                             <h2>Vous hésitez encore ?</h2>
  228.                         </div>
  229.                         <p>
  230.                             Les équipes de Laou et de la Communauté de Communes du Migennois vous accompagnent
  231.                             gratuitement dans votre changement de ville (trouver sa ville idéale, accélérer son projet
  232.                             professionnel, trouver un logement), quel que soit où tu en es de ton projet.
  233.                         </p>
  234.                         <div class="week-end">
  235.                             <h3 class="title-white">Un week-end pour tester votre futur mode de vie en 48h</h3>
  236.                             <span>Le parcours inclut selon votre profil :</span>
  237.                             <ul>
  238.                                 <li>
  239.                                     Un accueil en groupe pour rencontrer d’autres familles
  240.                                 </li>
  241.                                 <li>
  242.                                     Des visites pour découvrir le charme du Migennois en
  243.                                     Bourgogne
  244.                                 </li>
  245.                                 <li>
  246.                                     Des rencontres avec votre futur réseau professionnel pour faire
  247.                                     avancer votre projet
  248.                                 </li>
  249.                             </ul>
  250.                             <a href="https://app.laou.fr/account/signup?coll=577" target="_blank" class="btn white">S'inscrire</a>
  251.                         </div>    
  252.                     </div>
  253.                     <div class="col-4">
  254.                         <img src="{{ asset('images/bienvenue-dans-le-migennois.webp') }}" alt="Fille avec une valise">
  255.                     </div>
  256.                 </div>
  257.             </div>
  258.         </section>
  260.         <!-- Actuality / Event -->
  261.         <section class="actuality-event">
  262.             <div class="container">
  263.                 <div class="title-subtitle blue">
  264.                     <span class="subtitle">La vie comme vous l’aimez !</span>
  265.                     <h2>Ça bouge dans le Migennois</h2>
  266.                 </div>
  268.                 <div class="row actuality-event__list">
  269.                     <div class="col-6">
  270.                         <div class="actuality-event__title yellow">
  271.                             <h3>Actualités</h3>
  272.                             <a href="{{ path('actuality') }}">Voir toutes les actualités ></a>
  273.                         </div>
  274.                         <div class="actuality-event__item">
  275.                             <img src="{{ asset('images/actu-1.jpg') }}" alt="">
  276.                             <div class="actuality-event__item__content">
  277.                                 <h4>
  278.                                     Reprise de l’entrainement pour
  279.                                     les jeunes de l’école de rugby
  280.                                 </h4>
  281.                                 <p>
  282.                                     Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. 
  283.                                     Nam sem lacus, ornare non ante sed, ultricies fringilla massa. Ut congue, elit non 
  284.                                     tempus elementum, sem risus tincidunt diam…
  285.                                 </p>
  286.                                 <a href="" class="btn yellow">Lire l'article</a>
  287.                             </div>
  288.                         </div>
  290.                         <div class="actuality-event__item">
  291.                             <img src="{{ asset('images/actu-2.jpg') }}" alt="">
  292.                             <div class="actuality-event__item__content">
  293.                                 <h4>
  294.                                     Vide grenier - Dimanche 12 juin
  295.                                     à partir de 8h 
  296.                                 </h4>
  297.                                 <p>
  298.                                     Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. 
  299.                                     Nam sem lacus, ornare non ante sed, ultricies fringilla massa. Ut congue, elit non 
  300.                                     tempus elementum, sem risus tincidunt diam…
  301.                                 </p>
  302.                                 <a href="" class="btn yellow">Lire l'article</a>
  303.                             </div>
  304.                         </div>
  306.                         <div class="actuality-event__item">
  307.                             <img src="{{ asset('images/actu-3.jpg') }}" alt="">
  308.                             <div class="actuality-event__item__content">
  309.                                 <h4>
  310.                                     La chasse aux oeufs de Prèblin
  311.                                 </h4>
  312.                                 <p>
  313.                                     Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. 
  314.                                     Nam sem lacus, ornare non ante sed, ultricies fringilla massa. Ut congue, elit non 
  315.                                     tempus elementum, sem risus tincidunt diam…
  316.                                 </p>
  317.                                 <a href="" class="btn yellow">Lire l'article</a>
  318.                             </div>
  319.                         </div>
  320.                     </div>
  322.                     <div class="col-6">
  323.                         <div class="actuality-event__title blue">
  324.                             <h3>Évènements</h3>
  325.                             <a href="{{ path('event') }}">Voir toutes les évènements ></a>
  326.                         </div>
  327.                         <div class="actuality-event__item yellow">
  328.                             <img src="{{ asset('images/event-1.jpg') }}" alt="">
  329.                             <div class="actuality-event__item__content">
  330.                                 <h4>
  331.                                     Migennes collector
  332.                                 </h4>
  333.                                 <p>
  334.                                     Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. 
  335.                                     Nam sem lacus, ornare non ante sed, ultricies fringilla massa. Ut congue, elit non 
  336.                                     tempus elementum, sem risus tincidunt diam…
  337.                                 </p>
  338.                                 <a href="" class="btn blue">Lire l'article</a>
  339.                             </div>
  340.                         </div>
  342.                         <div class="actuality-event__item yellow">
  343.                             <img src="{{ asset('images/event-2.jpg') }}" alt="">
  344.                             <div class="actuality-event__item__content">
  345.                                 <h4>
  346.                                     Concert : nisl, duis sit 
  347.                                     amet ante feugiat enim
  348.                                 </h4>
  349.                                 <p>
  350.                                     Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. 
  351.                                     Nam sem lacus, ornare non ante sed, ultricies fringilla massa. Ut congue, elit non 
  352.                                     tempus elementum, sem risus tincidunt diam…
  353.                                 </p>
  354.                                 <a href="" class="btn blue">Lire l'article</a>
  355.                             </div>
  356.                         </div>
  358.                         <div class="actuality-event__item yellow">
  359.                             <img src="{{ asset('images/event-3.jpg') }}" alt="">
  360.                             <div class="actuality-event__item__content">
  361.                                 <h4>
  362.                                     Porta interdum nisl, duis sit 
  363.                                     amet ante feugiat enim
  364.                                 </h4>
  365.                                 <p>
  366.                                     Proin ac quam et lectus vestibulum blandit. Nunc maximus nibh at placerat tincidunt. 
  367.                                     Nam sem lacus, ornare non ante sed, ultricies fringilla massa. Ut congue, elit non 
  368.                                     tempus elementum, sem risus tincidunt diam…
  369.                                 </p>
  370.                                 <a href="" class="btn blue">Lire l'article</a>
  371.                             </div>
  372.                         </div>
  373.                     </div>
  374.                 </div>
  375.             </div>
  376.         </section>
  378.         <section class="decouvrir-patrimoine">
  379.             <div class="container">
  380.                 <div class="title-subtitle blue">
  381.                     <h2>Venez découvrir le patrimoine du Migennois</h2>
  382.                 </div>
  383.                 <p>
  384.                     Découvrez le Migennois en Bourgogne, entre Paris et Dijon.<br>
  385.                     Nos huit communes regorgent de secrets. À pied ou en vélo, nous vous invitons à parcourir notre territoire.
  386.                     Vous pourrez vous balader dans la vallée d'Othe, découvrir les gués de Bonnard, admirer le paysage en vous rendant à la
  387.                     table d'orientation de Chichery ou contempler l'architecture de nos églises comme l' église Saint-Cydroine. Église
  388.                     romane datant des XI e siècle et XII e siècle parmi les plus anciennes du département de l'Yonne
  389.                 </p>
  390.                 <a href="{{ path('app_patrimoine') }}" class="btn yellow">En savoir plus</a>
  391.             </div>
  392.         </section>
  394.         <!-- offers -->
  395.         {# <section class="offers">
  396.             <div class="container">
  397.                 <div class="title-subtitle yellow">
  398.                     <span class="subtitle">Le Migennois… C’est pour vous !</span>
  399.                     <h2>Nos offres</h2>
  400.                 </div>
  402.                 <div class="row justify-content-between">
  403.                     <div class="col-4 offer">
  404.                         <div class="offer__title job">
  405.                             <h3>Offres d’emploi</h3>
  406.                             <img src="{{ asset('images/icons/job.svg') }}" alt="Pictogramme offre emploi">
  407.                         </div>
  408.                     </div>
  410.                     <div class="col-4 offer">
  411.                         <div class="offer__title activity">
  412.                             <h3>Reprise d’activité</h3>
  413.                             <img src="{{ asset('images/icons/magasin.svg') }}" alt="Pictogramme offre emploi">
  414.                         </div>
  415.                     </div>
  417.                     <div class="col-4 offer">
  418.                         <div class="offer__title house">
  419.                             <h3>Offres immobilières</h3>
  420.                             <img src="{{ asset('images/icons/cle-maison.svg') }}" alt="Pictogramme offre emploi">
  421.                         </div>
  422.                     </div>
  423.                 </div>
  424.                 <div class="row">
  425.                     <div class="col-4">
  426.                         {% for offreEmploi in offreEmplois %}    
  427.                         <div class="offer mb-3">
  428.                             <div class="offer__content">
  429.                                 <div class="rond"></div>
  430.                                 <div class="tags">
  431.                                     <div class="tag">{{ offreEmploi.ville.nom }}</div>
  432.                                     <div class="tag">{{ offreEmploi.nomEntreprise }}</div>
  433.                                 </div>
  434.                                 <h4>{{ offreEmploi.titre }}</h4>
  435.                                 <p>
  436.                                    {{offreEmploi.description |length > 300 ? offreEmploi.description|slice(0, 300) ~ '...' : offreEmploi.description }}
  437.                                 </p>
  438.                                 <a href="">En savoir plus</a>
  439.                             </div>
  440.                         </div>
  441.                         {% endfor %}
  442.                     </div>
  443.                     <div class="col-4">
  444.                         {% for repriseActivite in repriseActivites %}
  445.                             <div class="offer mb-3">
  446.                                 <div class="offer__content activity">
  447.                                     <div class="rond"></div>
  448.                                     <div class="tags">
  449.                                         <div class="tag">{{ repriseActivite.ville.nom }}</div>
  450.                                         {% if repriseActivite.nomEntreprise %}
  451.                                             <div class="tag">{{ repriseActivite.nomEntreprise }}</div>
  452.                                         {% endif %}
  453.                                     </div>
  454.                                     <h4>{{ repriseActivite.titre }}</h4>
  455.                                     <p>
  456.                                         {{ repriseActivite.description |length > 300 ? repriseActivite.description|slice(0, 300) ~ '...' : repriseActivite.description }}
  457.                                     </p>
  458.                                     <a href="">En savoir plus</a>
  459.                                 </div>
  460.                             </div>
  461.                         {% endfor %}
  462.                     </div>
  463.                     <div class="col-4">
  464.                         {% for offreImmobiliere in offreImmobilieres %}
  465.                             <div class="offer mb-3">
  466.                                 <div class="offer__content house">
  467.                                     <div class="rond"></div>
  468.                                     <div class="tags">
  469.                                         <div class="tag">{{ offreImmobiliere.ville.nom }}</div>
  470.                                     </div>
  471.                                     <h4>{{ offreImmobiliere.titre }}</h4>
  472.                                     <p>
  473.                                         {{ offreImmobiliere.description |length > 300 ? offreImmobiliere.description|slice(0, 300) ~ '...' : offreImmobiliere.description }}
  474.                                     </p>
  475.                                     <a href="">En savoir plus</a>
  476.                                 </div>
  477.                             </div>
  478.                         {% endfor %}
  479.                     </div>
  480.                 </div>
  481.             </div>
  482.         </section> #}
  483.     </main>
  484. {% endblock %}