<style>

.course-card {

  background: #ffffff;

  border-radius: 16px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

  overflow: hidden;

  margin: 30px auto;

  max-width: 420px;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}


.course-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 15px 30px rgba(0, 64, 0, 0.15);

}


.course-card img {

  width: 100%;

  height: auto;

  display: block;

}


.course-card h3 {

  font-size: 22px;

  margin: 20px 15px 10px;

  color: #003300;

  font-weight: 600;

}


.view-btn {

  display: inline-block;

  margin: 20px 0 30px;

  padding: 12px 28px;

  background: linear-gradient(135deg, #007a00, #005500);

  color: #fff;

  text-decoration: none;

  border-radius: 30px;

  font-size: 16px;

  font-weight: bold;

  box-shadow: 0 5px 15px rgba(0, 128, 0, 0.3);

  transition: all 0.3s ease;

}


.view-btn:hover {

  background: linear-gradient(135deg, #009900, #006600);

  transform: scale(1.05);

}

</style>


<div class="course-card">

  <img src="https://ehunar.org/uploads/thumbnails/course_thumbnails/course_thumbnail_default_1.webp" alt="Course Image">

  <h3>Machine Learning, AI & Data Science</h3>

  <a href="#" class="view-btn">View Details</a>

</div>


Comments

Post a Comment

Popular posts from this blog

 <style> /* Reset */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Segoe UI', Roboto, sans-serif; } .card-container {   display: flex;   justify-content: center;   padding: 30px 15px; } /* Main Card */ .dance-card {   position: relative;   width: 100%;   max-width: 420px;   background: #fff;   border-radius: 18px;   box-shadow: 0 12px 30px rgba(0,0,0,0.15);   overflow: hidden;   border: 1px solid #ddd;   transition: 0.4s ease; } /* Card Content */ .dance-card img {   width: 100%;   height: auto;   display: block;   cursor: pointer;   filter: brightness(1.05); } .dance-card h3 {   text-align: center;   font-size: 22px;   font-weight: 700;   color: #003300;   margin: 20px;   cursor: pointer; } /* Fake Arms/Legs for Animation */ .arm, .leg {   width: 30px;   height: 30px;   background-color: #66bb66;   border-radius: 5...
Read more
Image
     My courses   Course details  Course content Lessons Certificate Section 1 Introduction to Course Section 2 Downloading & Installing VMWare (or Virtual Box) Software Section 3 Enabling Virtualization Technology (VTx) in Computer or Laptop Section 4 Installing Kali Linux on VMWare Section 5 Setting up Repository & User in Kali Linux Section 6 Introduction to Ethical Hacking & CEH Modules Section 7 Foot-printing & Reconnaissance Section 8 Scanning Networks Section 9 Enumeration Section 10 Vulnerability Analysis Section 11 System Hacking Section 12 Malware Threats Section 13 Sniffing Section 14 Social Engineering   1: Social Engineering  30 Min   2: How Social Engeneering Works  7 Min   3: Resources  Attachment   4: Assessment Exercise - 06  Quiz Section 15 Denial-of-Service (DOS & DDOS) Section 16 Session Hijacking Section 17 Evading IDS, Firewalls & Honeypots Section 18 Hacking Web Servers Sectio...
Read more