End of the partenaires page (+ edit of the file tree)

partenaires.html

@@ -30,7 +30,113 @@
       </div>
     </div>
   </div> 
-  <img src="src/img/LabISEN.png" alt="Logo du LabISEN">
+  <h1>Partenaires nationaux:</h1>
+  <div id="flexnationaux">
+    <div id="UBO">
+      <div class="logo">
+        <img src="src/img/partenaire/UBO_logo.png" alt="Logo de l'Université de Bretagne Occidentale" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="Malakoff">
+      <div class="logo">
+        <img src="src/img/partenaire/Logo_Malakoff_Humanis.jpeg" alt="Logo de Malakoff Humanis" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="ECR">
+      <div class="logo">
+        <img src="src/img/partenaire/ECR_Logo.png" alt="Logo de ECR environnement" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="Kardham">
+      <div class="logo">
+        <img src="src/img/partenaire/Kardham logo.jpg" alt="Logo de Kardham" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="Castel">
+      <div class="logo">
+        <img src="src/img/partenaire/Castel_logo.png" alt="Logo de Castel" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="ACOME">
+      <div class="logo">
+        <img src="src/img/partenaire/Logo_ACOME.jpg" alt="Logo de ACOME" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="Generix">
+      <div class="logo">
+        <img src="src/img/partenaire/Logo_Generix.jpg" alt="Logo de Generix" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="Thales">
+      <div class="logo">
+        <img src="src/img/partenaire/Logo-Thales.jpg" alt="Logo de Thales" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+  </div>
+  <h1>Partenaires internationaux:</h1>
+  <div id="flexinternationaux">
+    <div id="Universite_Rabat">
+      <div class="logo">
+        <img src="src/img/partenaire/Universite_Rabat_Logo.png" alt="Logo de l'Université Mohammed V de Rabat" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+    <div id="ENIS">
+      <div class="logo">
+        <img src="src/img/partenaire/ENIS_Logo.png" alt="Logo de l'École nationale d'ingénieurs de Sfax" class="logopartenaires">
+      </div>
+      <div class="Tags">
+        <div class="tag1">lorem</div>
+        <div class="tag2">ipsum</div>
+        <div class="tag3">lop</div>
+      </div>
+    </div>
+  </div>
+  <img src="src/img/LabISEN.png" alt="Logo du LabISEN" id="logoLab">
     <footer>
       <div class="foot">
         <p>

projets.html

@@ -35,21 +35,21 @@
       <div class="projet">
           <h2>CASTEL : accompagnement dans la transformation digitale</h2>
           <div class="imgpprojet">
-            <img src="src/img/castel.jpg" alt="projet Castel">
+            <img src="src/img/Projets/castel.jpg" alt="projet Castel">
             <p><strong>Description :</strong> Contrat industriel en partenariat avec l’entreprise Castel29. L’objectif de ce travail est d’accompagner l’entreprise dans sa transformation digitale. Le but est de numériser l’environnement de l’entreprise pour améliorer la sécurité de ses employés mais aussi de numériser la chaîne de fabrication. Actuellement, nous travaillons avec l’entreprise sur les possibilités de mise en place de solutions de maintenance prédictive.<br><br> <strong>Mot-clés :</strong> Usine du futur, IoT, Capteurs, Déploiement<br> <strong>Partenaires :</strong> Castel29 <br> <strong>Rôle de l'équipe dans le projet :</strong> Montage, coordination, dimensionnement, réalisation.</p>
           </div>
       </div>
       <div class="projet">
         <h2>VISEMAR : amélioration des performances des drones autonomes sous-marins par vision</h2>
         <div class="imgpprojet">
-          <img src="src/img/visemar.jpg" alt="projet visemar">
+          <img src="src/img/Projets/visemar.jpg" alt="projet visemar">
           <p><strong>Description :</strong> Dans le cadre du programme régional Systèmes Autonomes en Milieu Maritime (SAMM), nous collaborons avec Thales comme partenaire industriel et le Lab-STICC via le projet intitulé : « Système de VISion Embarqué pour l’amélioration de l’autonomie des drones sous-marins » (VISEMAR). Le projet VISEMAR s’intéresse à l’amélioration des performancesde fonctionnement des drones autonomes sous-marins et donc leur autonomie en embarquant un système de vision doté de fonctions d’apprentissage, d’analyse de scène, de prise de décision et de communications.<br><br> <strong>Mot-clés :</strong> Réseaux de neurones, Intelligence embarquée, FPGA, Sous-marin<br> <strong>Partenaires :</strong> Région Bretagne, Thales, Lab-STICC <br> <strong>Rôle de l'équipe dans le projet :</strong> Montage, coordination, dimensionnement, réalisation.</p>
         </div>
       </div>
       <div class="projet">
         <h2>SEAS : Système d'Étude Autonome et de Surveillance de la faune patrimoniale en milieu protégé</h2>
         <div class="imgpprojet">
-          <img src="src/img/seas.jpg" alt="projet seas">
+          <img src="src/img/Projets/seas.jpg" alt="projet seas">
           <p><strong>Description :</strong> Conception et développement d’un système d’étude de traitement des phoques dans l’île de Morgol.<br><br> <strong>Mot-clés :</strong> Deep Learning, Traitement de vidéos<br> <strong>Partenaires :</strong> AFB, Océanopolis <br> <strong>Rôle de l'équipe dans le projet :</strong> dimensionnement, réalisation.</p>
         </div>
       </div>
@@ -57,7 +57,7 @@
       <div class="projet">
         <h2>HPeC : architectures électroniques reconfigurables dynamiquement (2019)</h2>
         <div class="imgpprojet">
-          <img src="src/img/hpec.jpg" alt="projet hpec">
+          <img src="src/img/Projets/hpec.jpg" alt="projet hpec">
           <p><strong>Description :</strong> projet ANR porté par Jean-Philippe Diguet du Lab-STICC. L’objectif du projet est de démontrer l’apport des architectures électroniques reconfigurables dynamiquement dans le contexte des drones aériens. Un des lots du projet concerne l’implantation sur FPGA de solution de détection, d’apprentissage et de suivi d’objet en temps-réel.<br><br> <strong>Mot-clés :</strong> FPGA<br> <strong>Partenaires :</strong> Lab-STICC, Inria, GIPSA-Lab, INPIXAL, Institut Pascal <br> <strong>Rôle de l'équipe dans le projet :</strong> Conseil.</p>
         </div>
       </div>

src/css/style_partenaires.css

@@ -2,7 +2,82 @@ body{
     font-family: Arial, sans-serif;
 }
 
-img{
+h1{
+    margin-left: 1em;
+}
+
+#logoLab{
     width: 250px;
-    height: 100px;
+    height: auto;
+}
+
+#flexnationaux{
+    margin-left: 4em;
+    margin-right: 4em;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 1em
+}
+
+#flexinternationaux{
+    margin-left: 4em;
+    margin-right: 4em;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 1em
+}
+
+.tag1{
+    background-color: #6F737C;
+    color: white;
+    padding-left: 1em;
+    padding-right: 1em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    font-size: 10px;
+    margin: 1em;
+    text-align: center;
+    border-radius: 5px;
+}
+
+.tag2{
+    background-color: #6F737C;
+    color: white;
+    padding-left: 1em;
+    padding-right: 1em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    font-size: 10px;
+    margin: 1em;
+    text-align: center;
+    border-radius: 5px;
+}
+
+.tag3{
+    background-color: #6F737C;
+    color: white;
+    padding-left: 1em;
+    padding-right: 1em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    font-size: 10px;
+    margin: 1em;
+    text-align: center;
+    border-radius: 5px;
+}
+
+.Tags{
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+}
+
+.logopartenaires{
+    width: 178px;
+    height: auto;
 }