ajout des organisations avec responsive et corrections de bug

public/css/utils.css

@@ -76,6 +76,10 @@ .fs-pro{
     font-size: 1.2rem;
 }
 
+.h-img-spons{
+    height: 150px;
+}
+
 .w-35{
     width: 35%;
 }
@@ -1115,6 +1119,11 @@ @media (max-width: 1500px){
         font-size: 2.2rem;
     }
 
+         .h-img-spons {
+             height: 120px;
+         }
+                
+
     .img-accueil{
         margin-left: -150px;
        
@@ -1182,6 +1191,8 @@ @media (max-width: 1250px) {
         font-size: 1.8rem;
     }
 
+    
+
     .w-slider{
         width: 50%;
     }
@@ -1203,6 +1214,10 @@ @media (max-width: 1100px) {
         font-size: 1.6rem;
     }
 
+    .h-img-spons{
+        height: 100px;
+    }
+
     .fs-title-2{
         font-size: 1.6rem;
     }
@@ -1215,6 +1230,11 @@ @media (max-width: 1100px) {
         height: 350px;
     }
 
+
+    .blockandnone {
+        display: none !important;
+    }
+
     .fs-pro{
         font-size: .8rem;
     }
@@ -1289,6 +1309,8 @@ @media (max-width: 992px) {
     .fs-subtitle{
         font-size: 1.1rem;
     }
+
+    
 }
 
 
@@ -1301,6 +1323,10 @@ @media (max-width: 900px) {
         margin-top: -20px;
     }
 
+          .h-img-spons {
+              height: 80px;
+          }
+
      .slider-h5{
         font-size: 1.5rem;
     }
@@ -1338,6 +1364,10 @@ @media (max-width: 800px) {
     .fs-subtitle{
         font-size: .9rem;
     }
+
+         .h-img-spons {
+             height: 50px;
+         }
 }
 
 @media (max-width: 768px) {
@@ -1347,10 +1377,7 @@ @media (max-width: 768px) {
         margin-left: 2.5rem;
     }
 
-    .blockandnone{
-        display: none !important;
-    }
-
+    
    
     .pt-spe-title-accueil{
         padding-top: 18rem;
@@ -1441,6 +1468,11 @@ @media (max-width: 500px) {
 
     }
 
+    .h-img-spons{
+        height: 80px;
+        margin-bottom: 2rem;
+    }
+
     .fs-title-2{
         font-size: 1.5rem;
         margin-left: -3rem;

resources/views/pages/accueil.blade.php

@@ -148,13 +148,16 @@
     </div>
 
 
+    <section class="d-flex flex-column flex-sm-row justify-content-around align-items-center">
+        <img src="{{ asset('images/slider-unistra.png') }}" alt="image illustration" class="img-fluid object-fit-cover h-img-spons">
+        <img src="{{ asset('images/cnrs.png') }}" alt="image illustration" class="img-fluid object-fit-cover h-img-spons">
+        <img src="{{ asset('images/engees.png') }}" alt="image illustration" class="img-fluid object-fit-cover h-img-spons">
+        <img src="{{ asset('images/insa.jpg') }}" alt="image illustration" class="img-fluid object-fit-cover h-img-spons">
+    </section>
 
-
-
-
-    {{--
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/examples/js/loaders/GLTFLoader.js"></script> --}}
+    <!-- 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/examples/js/loaders/GLTFLoader.js"></script> -->
     <script type="module" src="{{ asset('js/three.js') }}"></script>
     <script>
         let icubeLine = document.querySelector('.line-icube');