Update content for problem-statement.astro

1 files changed, 53 insertions, 3 deletions

diff --git a/src/pages/problem-statement.astro b/src/pages/problem-statement.astro
index f531954..d0f7be8 100644
--- a/src/pages/problem-statement.astro
+++ b/src/pages/problem-statement.astro
@@ -13,10 +13,10 @@ import HomeBody from '../components/HomeBody.astro';
       </h1>
    
       <p class="leading-relaxed mb-4">Choosing a problem statement for your Scilab case study:</p>
-<ul class="list-disc list-inside space-y-1">
+<ul class="list-disc list-outside space-y-1">
         <li>Select a research paper as a reference published in a recognized and reputable journal or presented at a reputed conference.</li>
         <li>Reproduce its results using Scilab.</li>
-        <li>Present the Scilab-based solution, workflow, and comparison with the original results along with a report.<br /><br />Here are some suggested domains for the Hackathon.<br /></li>
+        <li>Present the Scilab-based solution, workflow, and comparison with the original results along with a report.<br /><br />Here are some suggested domains for the Hackathon:<br /></li>
         </ul>
     </div>
   </div>
@@ -42,7 +42,57 @@ import HomeBody from '../components/HomeBody.astro';
   
     </div>
 
-
+ <div class="md:px-4 pb-5">
+      <div class="md:px-20 px-3">
+        <h1 class="text-center section-title mx-4 px-4 mb-5" id="system-requirement">System Requirement</h1>
+    
+       
+    
+        <!-- Grid Container for Two Columns and Three Cards in Second Row -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
+          
+          <!-- Linux Section Card -->
+          <div class="bg-gray-100 p-5 rounded-lg shadow-md">
+            <h4 class="text-xl font-semibold mb-1"><strong>Linux:</strong></h4>
+            <ul class="space-y-1">
+              <li><h3>OS: Ubuntu 22.04+ </h3></li>
+              <li><h3>Scilab: <a target="_blank"  href="https://www.scilab.org/download" class="text-blue-500 hover:underline">Download latest version</a></h3></li>
+            </ul>
+          </div>
+    
+          <!-- Mac Section Card -->
+          <div class="bg-gray-100 p-5 rounded-lg shadow-md">
+            <h4 class="text-xl font-semibold mb-1"><strong>Mac:</strong></h4>
+            <ul class="space-y-1">
+              <li><h3>OS: macOS 10.13+</h3></li>
+              <li><h3>Scilab: <a target="_blank" href="https://www.scilab.org/download" class="text-blue-500 hover:underline">Download latest version</a></h3></li>
+            </ul>
+          </div>
+    
+          <!-- Windows Section Card -->
+          <div class="bg-gray-100 p-5 rounded-lg shadow-md">
+            <h4 class="text-xl font-semibold mb-1"><strong>Windows:</strong></h4>
+            <ul class="space-y-1">
+              <li><h3>OS: Windows 10 or 11</h3></li>
+            </ul>
+            <p>Scilab: <a target="_blank"  href="https://www.scilab.org/download" class="text-blue-500 hover:underline">Download latest version</a></p>
+          </div>
+    
+        </div>
+         <!-- General Section Card centered -->
+         <div class="bg-gray-100 p-5 rounded-lg shadow-md max-w-md mx-auto my-4">
+          <h4 class="text-xl font-semibold mb-1"><strong>General:</strong></h4>
+          <ul class="space-y-1">
+            <li><h3><strong>RAM:</strong> 4 GB (8 GB recommended)</h3></li>
+            <li><h3><strong>Processor:</strong> Dual-core or higher</h3></li>
+            <li><h3><strong>Storage:</strong> 2 GB free space</h3></li>
+            <li><h3><strong>Internet:</strong> Stable connection</h3></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    
+   
 
 </Layout>