I Scheme page

Author: Varun2125

departments/computer/I-Scheme.html

@@ -29,6 +29,64 @@ <h2>I - Scheme</h2>
             </div>
         </div>
     </section>
+
+    <style>
+        .card-container {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: center;
+        }
+      
+        .card {
+          width: 200px; /* Adjust width as needed */
+          margin: 10px;
+          border: 1px solid #14152A;
+          background: linear-gradient(#14152A, #14152A) padding-box,linear-gradient(145deg, transparent 35%,#e81cff, #40c9ff) border-box;
+          border: 2px solid transparent;
+          border-radius: 8px;
+          border-radius: 5px;
+          overflow: hidden;
+        }
+      
+        .card img {
+          width: 100%;
+          height: auto;
+          display: block;
+        }
+      
+        .card-content {
+          padding: 10px;
+          background-color:transparent;
+        }
+      </style>
+      
+      <div class="card-container">
+        <div class="card">
+          <img src="#" alt="Image 1">
+          <div class="card-content">
+            <p>Description for Card 1</p>
+          </div>
+        </div>
+        <div class="card">
+          <img src="image2.jpg" alt="Image 2">
+          <div class="card-content">
+            <p>Description for Card 2</p>
+          </div>
+        </div>
+        <div class="card">
+          <img src="image3.jpg" alt="Image 3">
+          <div class="card-content">
+            <p>Description for Card 3</p>
+          </div>
+        </div>
+        <div class="card" style="margin-bottom: 200px;">
+          <img src="image4.jpg" alt="Image 4">
+          <div class="card-content">
+            <p>Description for Card 4</p>
+          </div>
+        </div>
+      </div>
+
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
     <script src="../../vendor/jquery/jquery.min.js"></script>
     <script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

departments/computer/comp.css

@@ -87,6 +87,8 @@ p {
     font-weight: 600;
 }
 
+
+
 .subheader {
     background-color: #f0f0f0;
     padding: 10px 0;