diff --git a/sell.html b/sell.html
index 335a0b3..aef940f 100644
--- a/sell.html
+++ b/sell.html
@@ -1,3 +1,4 @@
+
@@ -204,7 +205,7 @@
text-decoration: none;
border-radius: 5px;
transition: background 0.3s ease;
-
+ }
/* Sell tickets css */
.sell-ticket {
text-align: center;
@@ -224,6 +225,7 @@
width: 250px; /* Card width */
text-align: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Shadow effect */
+ transition-duration: 0.5s;
}
.card-image {
@@ -247,6 +249,63 @@
.btn:hover {
background-color: #00a690; /* Darker button color on hover */
}
+
+.card:hover{
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.sell_card{
+ box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+}
+
+.sell_card {
+ position: relative;
+ width: 300px; /* Set width as needed */
+ padding: 20px;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+}
+
+.badge {
+ position: absolute;
+ top: 10px; /* Adjust the spacing from the top */
+ left: 10px; /* Adjust spacing from the left */
+ background-color: #ff5722; /* Badge background color */
+ color: #fff;
+ padding: 5px 10px;
+ font-size: 12px;
+ font-weight: bold;
+ border-radius: 4px;
+}
+
+.card-title {
+ margin-top: 40px; /* Add top margin to prevent overlap with the badge */
+ font-size: 20px;
+ font-weight: bold;
+}
+
+.card-description {
+ margin-top: 10px;
+ color: #666;
+}
+
+.btn {
+ display: inline-block;
+ margin-top: 15px;
+ padding: 10px 20px;
+ background-color: #007bff;
+ color: #fff;
+ text-decoration: none;
+ border-radius: 4px;
+ text-align: center;
+}
+
+.btn:hover {
+ background-color: #0056b3;
+}
+
@@ -312,60 +371,42 @@
- 