templates/Contributeurs/index.html.twig line 1

Open in your IDE?
  1. {# templates/blog/index.html.twig #}
  2. {% extends "base.html.twig" %}
  4. {% block stylesheets %}
  5.     
  6.         <!--Import materialize.css-->
  7.         {{ encore_entry_link_tags('app') }}
  8. {% endblock %}
  10. {% block title %}Contributeurs | {{ parent() }}{% endblock %}
  13. {% block content %}
  14.     <nav style="background-color: #ffffff;">
  15.         <div class="nav-wrapper">
  16.         </div>
  17.     </nav>
  18.     <div class="screen">
  19.         <div class="entete">
  20.                 <div class="text">
  21.                     <h1>LUNE</h1>
  22.                     <h3>portaiL des Usages du Numérique Éducatif</h3>
  23.                     <p class="accroche">LUNE est un portail qui intègre de l'intelligence artificielle
  24.                     pour faciliter l'accès au perosnnel de l'éducation Nationale à
  25.                     des ressources pédagogiques. Grâce à LUNE, trouvez depuis
  26.                     un seul endroit vos ressources pédagogiques pour les usages du 
  27.                     numérique.</p>
  28.                 </div>
  29.                 <div class="img_logo">
  30.                     <img class="img_text" src="{{ asset('build/images/ICONE-Turquoise.png') }}"/>
  31.                 </div>
  32.             </div>
  35.         <div class="entete">
  36.                 <div class="text">
  37.                     <h3><img class="img_titre" src="{{ asset('build/images/LES_PARTENAIRES_blue.png') }}"/>Nos partenaires</h3>
  38.                     <p class="accroche">Le portaiL des Usages du Numérique Educatif (LUNE) est développé dans le 
  39.                     cadre du projet PLANETE dont l'objet est d'accompagner la transformation 
  40.                     numérique en plaçant la recherche au coeur de l'Ecole et pour la reussitede tous
  41.                     les élèves.</p>
  42.                     <p class="accroche">Ce projet est cofinancé par le Fonds de Développement Régional dans le cadre 
  43.                     du programme opérationnel FEDER-FSE Lorraine et Massif des Vosges 2014 - 2020 "Développer des pratiques éducatives innovantes"</p>
  44.                     <p class="accroche">Ce projet a sollicité de nombreuses ressources et partenaires que nous vous 
  45.                     présentons ici :</p>
  46.                 </div>
  47.                 <div class="img_logo">
  48.                     <img class="img_text" src="{{ asset('build/images/ICONE-Turquoise.png') }}"/>
  49.                 </div>
  50.             </div>
  53.         <div class="container-center-horizontal">        
  54.             <p class="soustitre">Financiers<p>
  56.             <div class="contenu-annexe-2">
  57.                 <div class="encadrer">
  58.                     <div class="flex-col-img">
  59.                         <img src="{{ asset('assets/images/comments-regular.svg') }}"/>
  60.                     </div>
  61.                     <div class="flex-col-contenu">
  62.                         <p class="titre-encadrer">FEDER (développement)</p>
  63.                         <p class="paragraphe-encadrer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  64.                         Nam ut vehicula ligula. Duis eleifend turpis sed venenatis sodales. Aenean laoreet ornare 
  65.                         tristique. Maecenas eleifend hendrerit tellus, non tincidunt justo iaculis sed. Suspendisse 
  66.                         porttitor sollicitudin mauris, sit amet consectetur </p>
  67.                         <a href="" class="bouton-encadrer">Voir le site</a>
  68.                     </div>
  69.                 </div>
  71.                 <div class="encadrer">
  72.                     <div class="flex-col-img">
  73.                         <img src="{{ asset('assets/images/comments-regular.svg') }}"/>
  74.                     </div>
  75.                     <div class="flex-col-contenu">
  76.                         <p class="titre-encadrer">TNE (hébergement)</p>
  77.                         <p class="paragraphe-encadrer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  78.                         Nam ut vehicula ligula. Duis eleifend turpis sed venenatis sodales. Aenean laoreet ornare 
  79.                         tristique. Maecenas eleifend hendrerit tellus, non tincidunt justo iaculis sed. Suspendisse 
  80.                         porttitor sollicitudin mauris, sit amet consectetur </p>
  81.                         <a href="" class="bouton-encadrer">Voir le site</a>
  82.                     </div>
  83.                 </div>
  84.             </div>
  86.             <p class="soustitre">Gestion Financier<p>
  88.             <div class="contenu-annexe-2">
  89.                 <div class="encadrer">
  90.                     <div class="flex-col-img">
  91.                         <img src="{{ asset('assets/images/comments-regular.svg') }}"/>
  92.                     </div>
  93.                     <div class="flex-col-contenu">
  94.                         <p class="titre-encadrer">GIP</p>
  95.                         <p class="paragraphe-encadrer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  96.                         Nam ut vehicula ligula. Duis eleifend turpis sed venenatis sodales. Aenean laoreet ornare 
  97.                         tristique. Maecenas eleifend hendrerit tellus, non tincidunt justo iaculis sed. Suspendisse 
  98.                         porttitor sollicitudin mauris, sit amet consectetur </p>
  99.                         <a href="" class="bouton-encadrer">Voir le site</a>
  100.                     </div>
  101.                 </div>
  102.             </div>
  104.             <p class="soustitre">Moteur de Recommandations<p>
  106.             <div class="contenu-annexe-2">
  107.                 <div class="encadrer">
  108.                     <div class="flex-col-img">
  109.                         <img src="{{ asset('assets/images/comments-regular.svg') }}"/>
  110.                     </div>
  111.                     <div class="flex-col-contenu">
  112.                         <p class="titre-encadrer">LORIA</p>
  113.                         <p class="paragraphe-encadrer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  114.                         Nam ut vehicula ligula. Duis eleifend turpis sed venenatis sodales. Aenean laoreet ornare 
  115.                         tristique. Maecenas eleifend hendrerit tellus, non tincidunt justo iaculis sed. Suspendisse 
  116.                         porttitor sollicitudin mauris, sit amet consectetur </p>
  117.                         <a href="" class="bouton-encadrer">Voir le site</a>
  118.                     </div>
  119.                 </div>
  120.             </div>
  122.             <p class="soustitre">UX et Hébergement<p>
  124.             <div class="contenu-annexe-2">
  125.                 <div class="encadrer">
  126.                     <div class="flex-col-img">
  127.                         <img src="{{ asset('assets/images/comments-regular.svg') }}"/>
  128.                     </div>
  129.                     <div class="flex-col-contenu">
  130.                         <p class="titre-encadrer">Code-CodeC</p>
  131.                         <p class="paragraphe-encadrer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  132.                         Nam ut vehicula ligula. Duis eleifend turpis sed venenatis sodales. Aenean laoreet ornare 
  133.                         tristique. Maecenas eleifend hendrerit tellus, non tincidunt justo iaculis sed. Suspendisse 
  134.                         porttitor sollicitudin mauris, sit amet consectetur </p>
  135.                         <a href="" class="bouton-encadrer">Voir le site</a>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </div>
  141.     {% include "footer/index.html.twig" %}
  143.     {% include "includes/volet.html.twig" %}
  145.     <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  146.     <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
  147.     <script src = "https://code.jquery.com/jquery-2.2.4.min.js"></script>
  148.     <script type="module">
  149.     import gestionVue from "/assets/js/gestionVue.js";
  150.     import favoris from "/assets/js/favoris.js";
  152.     </script>
  153. {% endblock %}