index.html

@@ -539,20 +539,18 @@
             </div>
         </section>
 
-        <section class="card-simple">
-            <div class="card-easy">
-                <div class="card-easy-left">
-                    <img src="Assets/Images/learn/learn.png" alt="Student Image">
-                </div>
-                <div class="card-easy-right">
-                    <h2>Learn & Level Up Your Skills</h2>
-                    <p>Select from a wide range of courses to upskill and advance your career!</p>
-                    <div class="features">
-                        <div class="feature"><span>✓</span>50+ Courses</div>
-                        <div class="feature"><span>✓</span>Certificate</div>
-                        <div class="feature"><span>✓</span>Projects & Assignments</div>
-                    </div>
-                    <button>Explore Courses</button>
+    <section class="card-simple">
+        <div class="card-easy">
+            <div class="card-easy-left">
+                <img src="assets/images/learn/learn.png" alt="Student Image">
+            </div>
+            <div class="card-easy-right">
+                <h2>Learn & Level Up Your Skills</h2>
+                <p>Select from a wide range of courses to upskill and advance your career!</p>
+                <div class="features">
+                    <div class="feature"><span>✓</span>50+ Courses</div>
+                    <div class="feature"><span>✓</span>Certificate</div>
+                    <div class="feature"><span>✓</span>Projects & Assignments</div>
                 </div>
             </div>
         </section>

main.css

@@ -131,16 +131,24 @@
 
  .green {
      background: #9BE6C1;
+     background-image: url('assets/images/unlockcarrer/internship.png');
+      background-size: 115px;
+      background-repeat: no-repeat;
+      background-position: bottom right;
  }
 
  .orange {
      background: #fec192;
+     background-image: url('assets/images/unlockcarrer/jobs.png');
+     background-size: 115px;
+     background-repeat: no-repeat;
+     background-position: bottom right;
  }
 
  .blue {
      background: #9bc9ff;
-     background-image: url('https://d8it4huxumps7.cloudfront.net/uploads/images/67724b0c0d0f7_img1.png?d=211x163');
-     background-size: 140px;
+     background-image: url('assets/images/unlockcarrer/mentorship.png');
+     background-size: 115px;
      background-repeat: no-repeat;
      background-position: bottom right;
  }
@@ -148,15 +156,25 @@
 
  .purple {
      background: #c8bbff;
+     background-image: url('assets/images/unlockcarrer/practice.png');
+     background-size: 120px;
+     background-repeat: no-repeat;
+     background-position: bottom right;
  }
 
  .yellow {
-     background: #ffdd80;
-     color: #333;
+     background: #ffdd80;background-image: url('assets/images/unlockcarrer/competitions.png');
+     background-size: 115px;
+     background-repeat: no-repeat;
+     background-position: bottom right;
  }
 
  .pink {
      background: #ffb1cc;
+     background-image: url('assets/images/unlockcarrer/more.png');
+     background-size: 115px;
+     background-repeat: no-repeat;
+     background-position: bottom right;
  }
 
  .users {