Update public/index.html

public/index.html

@@ -83,6 +83,49 @@
   .portfolio-info i {
     font-size: 1.3rem;
   }
+  .custom-card-link {
+  text-decoration: none;
+  color: inherit;
+}
+
+.custom-card {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+  transition: transform 0.2s, box-shadow 0.2s;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.custom-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.custom-card img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  max-height: 200px;
+}
+
+.custom-card-info {
+  padding: 16px;
+}
+
+.custom-card-info h4 {
+  margin: 0 0 8px 0;
+  font-size: 1.1rem;
+}
+
+.custom-card-info p {
+  margin: 0;
+  font-size: 0.95rem;
+  color: #555;
+}
 </style>
 
   <!-- =======================================================