Update partners arrangement

1 files changed, 78 insertions, 95 deletions

diff --git a/src/pages/partners.astro b/src/pages/partners.astro
index 96b53b3..1ce9517 100644
--- a/src/pages/partners.astro
+++ b/src/pages/partners.astro
@@ -14,93 +14,8 @@ import mbc from '../images/manipal-bangalore-camp.png';
 
 <Main>
     <section id="partner">
-        <div class="flex items-center justify-center">
-            <h1 class="justify-end text-4xl mb-4">Learning Partners</h1>
-          </div>
-        <!-- First Row -->
-        <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
-          <!-- Your content for the first row goes here -->
-          <!-- <p>Partners </p> -->
-          <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
-          
-            <!-- <div class="text-red-300">
-            <a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-        
-              <img class="logos" src={iitb.src} alt="regi" decoding="async" />
-              
-          
-              
-            </a></div> -->
-            <!-- <div class="text-red-300">
-            <a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-        
-                <img class="logos" src={fossee.src} alt="regi" decoding="async" />
-                
-            
-                
-              </a></div> -->
-              <div class="text-red-300">
-              <a href="https://spoken-tutorial.org/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-        
-                <img class="logos" src={spoken.src} alt="regi" decoding="async" />
-                <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
-            
-                
-              </a></div>
-             
-              
-
-          </div>
-
-
-      </div>
-
-
-      <div class="flex items-center justify-center">
-        <h1 class="justify-end text-4xl mb-4 mt-4">Resources Partners</h1>
-      </div>
-      <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
-        <!-- Your content for the first row goes here -->
-        <!-- <p>Partners </p> -->
-        <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
-          
-          <!-- <div class="text-red-300">
-          <a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-      
-            <img class="logos" src={iitb.src} alt="regi" decoding="async" />
-            
-        
-            
-          </a></div> -->
-          <!-- <div class="text-red-300">
-          <a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-      
-              <img class="logos" src={fossee.src} alt="regi" decoding="async" />
-              
-          
-              
-            </a></div> -->
-           
-            <div class="text-red-300">
-            <a href="https://focal.fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
-      
-              <img class="logos" src={focal.src} alt="regi" decoding="async" />
-              <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
-          
-              
-            </a></div>
-            <div class="hidden sm:block"></div>
-
-        </div>
-
-
-    </div>
-  
-    
-      <!-- Second partners -->
-
-      <div class="flex items-center justify-center">
-        <h1 class="justify-end text-4xl mb-4 mt-4">Knowledge Partner: <span class="text-xl">Design Led Innovation Program, Srishti Manipal Institute, MAHE - Bangalore</span></h1>
+         <div class="flex items-center justify-center mb-2 mt-4">
+        <h1 class="justify-end text-4xl">Knowledge Partner: <span class="text-lg justify-center">Design Led Innovation Program, Srishti Manipal Institute, MAHE - Bangalore</span></h1>
       </div>
     <!-- First Row -->
     <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
@@ -138,12 +53,15 @@ import mbc from '../images/manipal-bangalore-camp.png';
 
         </div>
         </div>
-
-<!-- third partners -->
-
+<div class="grid grid-cols-2 gap-4 mb-2 mt-2">
 <div class="flex items-center justify-center">
-  <h1 class="justify-end text-4xl mb-4 mt-4">Execution Partner</h1>
+  <h1 class="justify-end text-4xl">Execution Partner</h1>
 </div>
+<div class="flex items-center justify-center">
+  <h1 class="justify-end text-4xl">Youth Partner</h1>
+</div>
+</div>
+<div class="grid grid-cols-2 gap-4">
 <!-- First Row -->
 <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
 <!-- Your content for the first row goes here -->
@@ -162,10 +80,6 @@ import mbc from '../images/manipal-bangalore-camp.png';
   </div>
   </div>
 
-<!-- fourth partners -->
-<div class="flex items-center justify-center">
-  <h1 class="justify-end text-4xl mb-4 mt-4">Youth Partner</h1>
-</div>
 <!-- First Row -->
 <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
 <!-- Your content for the first row goes here -->
@@ -182,7 +96,76 @@ import mbc from '../images/manipal-bangalore-camp.png';
 
 
   </div>
+  </div>   
   </div>
+      <!-- Second partners -->
+<div class="grid grid-cols-2 gap-4 mt-4 mb-2">
+ <div class="flex items-center justify-center">
+        <h1 class="justify-end text-4xl">Resource Partner</h1>
+      </div>
+      <div class="flex items-center justify-center">
+            <h1 class="justify-end text-4xl">Learning Partner</h1>
+          </div>
+      </div>
+
+      <div class="grid grid-cols-2 gap-4">
+      <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
+        <!-- Your content for the first row goes here -->
+        <!-- <p>Partners </p> -->
+        <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
+          
+          <!-- <div class="text-red-300">
+          <a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+      
+            <img class="logos" src={iitb.src} alt="regi" decoding="async" />
+            
+        
+            
+          </a></div> -->
+          <!-- <div class="text-red-300">
+          <a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+      
+              <img class="logos" src={fossee.src} alt="regi" decoding="async" />
+              
+          
+              
+            </a></div> -->
+           
+            <div class="text-red-300">
+            <a href="https://focal.fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+      
+              <img class="logos" src={focal.src} alt="regi" decoding="async" />
+              <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
+          
+              
+            </a></div>
+            <div class="hidden sm:block"></div>
+
+        </div>
+
+
+    </div>
+  
+        <!-- First Row -->
+        <div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
+          <!-- Your content for the first row goes here -->
+          <!-- <p>Partners </p> -->
+          <div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
+                        <div class="text-red-300">
+              <a href="https://spoken-tutorial.org/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
+        
+                <img class="logos" src={spoken.src} alt="regi" decoding="async" />
+                <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
+            
+                
+              </a></div>
+             
+              
+
+          </div>
+
+</div>
+      </div>
 
      
       </section>