Spaces:
Sleeping
Sleeping
Update templates/menu.html
Browse files- templates/menu.html +3 -4
templates/menu.html
CHANGED
|
@@ -1,4 +1,3 @@
|
|
| 1 |
-
|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html lang="en">
|
| 4 |
<head>
|
|
@@ -47,8 +46,8 @@
|
|
| 47 |
transition: transform 0.3s ease, opacity 0.3s ease;
|
| 48 |
}
|
| 49 |
|
| 50 |
-
/* Hover Effect for
|
| 51 |
-
.
|
| 52 |
transform: scale(1.1); /* Slight zoom on hover */
|
| 53 |
opacity: 0.8; /* Slight transparency for the zoom effect */
|
| 54 |
}
|
|
@@ -112,7 +111,7 @@
|
|
| 112 |
<div class="row">
|
| 113 |
{% for item in items %}
|
| 114 |
<div class="col-md-6 mb-4">
|
| 115 |
-
<div class="card menu-card">
|
| 116 |
<!-- Image with video URL -->
|
| 117 |
<img src="{{ item.Image1__c }}" class="card-img-top menu-image" alt="{{ item.Name }}"
|
| 118 |
data-video-url="{{ item.Video_Url__c }}"
|
|
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
|
|
|
| 46 |
transition: transform 0.3s ease, opacity 0.3s ease;
|
| 47 |
}
|
| 48 |
|
| 49 |
+
/* Hover Effect for Chicken Biryani Image */
|
| 50 |
+
.highlighted-card:hover .menu-image {
|
| 51 |
transform: scale(1.1); /* Slight zoom on hover */
|
| 52 |
opacity: 0.8; /* Slight transparency for the zoom effect */
|
| 53 |
}
|
|
|
|
| 111 |
<div class="row">
|
| 112 |
{% for item in items %}
|
| 113 |
<div class="col-md-6 mb-4">
|
| 114 |
+
<div class="card menu-card {% if item.Name == 'Chicken Biryani' %}highlighted-card{% endif %}">
|
| 115 |
<!-- Image with video URL -->
|
| 116 |
<img src="{{ item.Image1__c }}" class="card-img-top menu-image" alt="{{ item.Name }}"
|
| 117 |
data-video-url="{{ item.Video_Url__c }}"
|