There are 50 Flavours Available
Styled Images with Links
.contaa {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.image-contaai {
text-align: center;
transition: all 0.3s ease;
padding: 10px;
overflow: hidden; /* Ensure the content stays within the container */
}
.custom-image {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
h3 {
background-color: #fff;
padding: 10px 20px;
margin:0px;
text-decoration: none;
display: block;
}
/* Hover effect */
.image-contaai:hover {
transform: translateY(-10px); /* Move the entire container up */
}
/* Custom styles for Lightbox2 */
.lb-container {
background-color: transparent !important; /* Remove background color */
padding: 0 !important; /* Remove padding */
}
.lb-image {
max-width: 90%; /* Adjust the max-width as needed */
max-height: 90%; /* Adjust the max-height as needed */
border: none !important; /* Remove border */
}
.lb-dataContainer {
text-align: center;
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent black for arrow background */
color: #fff; /* Arrow color */
border-radius: 50%; /* Make arrows round */
padding: 10px; /* Adjust padding */
}
.lb-data .lb-number {
color: #ffffff00;
display: none; /* Hide counter */
}
.lb-data .lb-caption {
color: #ffffff00; /* Hide caption */
}
.lb-close {
color: #fff; /* Close button color */
font-size: 30px; /* Close button size */
}
/* Ensure the image is centered */
.lb-image {
display: block;
margin: 0 auto;
}
.lb-outerContainer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
Styled Images with Links
.contaa {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.image-contaai {
text-align: center;
transition: all 0.3s ease;
padding: 10px;
overflow: hidden; /* Ensure the content stays within the container */
}
.custom-image {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
h3 {
font-size: 22px;
background-color: #fff;
padding: 10px 20px;
margin:0px;
text-decoration: none;
display: block;
}
/* Hover effect */
.image-contaai:hover {
transform: translateY(-10px); /* Move the entire container up */
}
/* Custom styles for Lightbox2 */
.lb-container {
background-color: transparent !important; /* Remove background color */
padding: 0 !important; /* Remove padding */
}
.lb-image {
max-width: 90%; /* Adjust the max-width as needed */
max-height: 90%; /* Adjust the max-height as needed */
border: none !important; /* Remove border */
}
.lb-dataContainer {
text-align: center;
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent black for arrow background */
color: #fff; /* Arrow color */
border-radius: 50%; /* Make arrows round */
padding: 10px; /* Adjust padding */
}
.lb-data .lb-number {
color: #ffffff00;
display: none; /* Hide counter */
}
.lb-data .lb-caption {
color: #ffffff00; /* Hide caption */
}
.lb-close {
color: #fff; /* Close button color */
font-size: 30px; /* Close button size */
}
/* Ensure the image is centered */
.lb-image {
display: block;
margin: 0 auto;
}
.lb-outerContainer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
Styled Images with Links
.contaa {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.image-contaai {
text-align: center;
transition: all 0.3s ease;
padding: 10px;
overflow: hidden; /* Ensure the content stays within the container */
}
.custom-image {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
h3 {
font-size: 22px;
background-color: #fff;
padding: 10px 20px;
margin:0px;
text-decoration: none;
display: block;
}
/* Hover effect */
.image-contaai:hover {
transform: translateY(-10px); /* Move the entire container up */
}
/* Custom styles for Lightbox2 */
.lb-container {
background-color: transparent !important; /* Remove background color */
padding: 0 !important; /* Remove padding */
}
.lb-image {
max-width: 90%; /* Adjust the max-width as needed */
max-height: 90%; /* Adjust the max-height as needed */
border: none !important; /* Remove border */
}
.lb-dataContainer {
text-align: center;
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent black for arrow background */
color: #fff; /* Arrow color */
border-radius: 50%; /* Make arrows round */
padding: 10px; /* Adjust padding */
}
.lb-data .lb-number {
color: #ffffff00;
display: none; /* Hide counter */
}
.lb-data .lb-caption {
color: #ffffff00; /* Hide caption */
}
.lb-close {
color: #fff; /* Close button color */
font-size: 30px; /* Close button size */
}
/* Ensure the image is centered */
.lb-image {
display: block;
margin: 0 auto;
}
.lb-outerContainer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
Styled Images with Links
.contaa {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.image-contaai {
text-align: center;
transition: all 0.3s ease;
padding: 10px;
overflow: hidden; /* Ensure the content stays within the container */
}
.custom-image {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
h3 {
font-size: 22px;
background-color: #fff;
padding: 10px 20px;
margin:0px;
text-decoration: none;
display: block;
}
/* Hover effect */
.image-contaai:hover {
transform: translateY(-10px); /* Move the entire container up */
}
/* Custom styles for Lightbox2 */
.lb-container {
background-color: transparent !important; /* Remove background color */
padding: 0 !important; /* Remove padding */
}
.lb-image {
max-width: 90%; /* Adjust the max-width as needed */
max-height: 90%; /* Adjust the max-height as needed */
border: none !important; /* Remove border */
}
.lb-dataContainer {
text-align: center;
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent black for arrow background */
color: #fff; /* Arrow color */
border-radius: 50%; /* Make arrows round */
padding: 10px; /* Adjust padding */
}
.lb-data .lb-number {
color: #ffffff00;
display: none; /* Hide counter */
}
.lb-data .lb-caption {
color: #ffffff00; /* Hide caption */
}
.lb-close {
color: #fff; /* Close button color */
font-size: 30px; /* Close button size */
}
/* Ensure the image is centered */
.lb-image {
display: block;
margin: 0 auto;
}
.lb-outerContainer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
Styled Images with Links
.contaa {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
}
.image-contaai {
text-align: center;
transition: all 0.3s ease;
padding: 10px;
overflow: hidden; /* Ensure the content stays within the container */
}
.custom-image {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
h3 {
font-size: 22px;
background-color: #fff;
padding: 10px 20px;
margin:0px;
text-decoration: none;
display: block;
}
/* Hover effect */
.image-contaai:hover {
transform: translateY(-10px); /* Move the entire container up */
}
/* Custom styles for Lightbox2 */
.lb-container {
background-color: transparent !important; /* Remove background color */
padding: 0 !important; /* Remove padding */
}
.lb-image {
max-width: 90%; /* Adjust the max-width as needed */
max-height: 90%; /* Adjust the max-height as needed */
border: none !important; /* Remove border */
}
.lb-dataContainer {
text-align: center;
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent black for arrow background */
color: #fff; /* Arrow color */
border-radius: 50%; /* Make arrows round */
padding: 10px; /* Adjust padding */
}
.lb-data .lb-number {
color: #ffffff00;
display: none; /* Hide counter */
}
.lb-data .lb-caption {
color: #ffffff00; /* Hide caption */
}
.lb-close {
color: #fff; /* Close button color */
font-size: 30px; /* Close button size */
}
/* Ensure the image is centered */
.lb-image {
display: block;
margin: 0 auto;
}
.lb-outerContainer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
There are 50 flavours available
Chocolate & Exotic
Styled Images with Links
.custom-image {
display: block;
margin: 0 auto;
border: 2px solid #000;
transition: all 0.3s ease;
}
.image-container {
display: inline-block;
width: 47%;
margin: 1%;
text-align: center;
vertical-align: top;
}
.mobile {
display: block;
font-size: 16px;
font-weight: 500;
padding: 2px 4px;
text-align: center;
background-color: #fff;
}
.lb-container {
background-color: rgba(255, 255, 255, 0.8); / Semi-transparent white background /
padding: 20px;
}
.lb-image {
max-width: 100%; / Adjust the max-width as needed /
max-height: 100vh; / Adjust the max-height as needed /
border: 1px solid #fff; / Thin white border /
}
.lb-dataContainer {
text-align: center;
margin-bottom: 0; / Remove bottom margin /
}
.lb-close {
color: #fff; / Close button color /
font-size: 30px; / Close button size /
margin-bottom: 0; / Remove bottom margin /
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); / Semi-transparent black for arrow background /
color: #fff; / Arrow color /
border-radius: 50%; / Make arrows round /
padding: 10px; / Adjust padding /
}
Regular
Styled Images with Links
body {
text-align: center;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.custom-image {
display: block;
margin: 0 auto;
border: 2px solid #000;
transition: all 0.3s ease;
}
.image-container {
display: inline-block;
width: 47%;
margin: 1%;
text-align: center;
vertical-align: top;
}
.mobile {
display: block;
font-size: 16px;
font-weight: 500;
padding: 2px 4px;
text-align: center;
background-color: #fff;
}
/ Custom styles for Lightbox2 /
.lb-container {
background-color: rgba(255, 255, 255, 0.8); / Semi-transparent white background /
padding: 20px;
}
.lb-image {
max-width: 100%; / Adjust the max-width as needed /
max-height: 100vh; / Adjust the max-height as needed /
border: 1px solid #fff; / Thin white border /
}
.lb-dataContainer {
text-align: center;
margin-bottom: 0; / Remove bottom margin /
}
.lb-close {
color: #fff; / Close button color /
font-size: 30px; / Close button size /
margin-bottom: 0; / Remove bottom margin /
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); / Semi-transparent black for arrow background /
color: #fff; / Arrow color /
border-radius: 50%; / Make arrows round /
padding: 10px; / Adjust padding /
}
Fresh Fruits
Styled Images with Links
body {
text-align: center;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.custom-image {
display: block;
margin: 0 auto;
border: 2px solid #000;
transition: all 0.3s ease;
}
.image-container {
display: inline-block;
width: 47%;
margin: 1%;
text-align: center;
vertical-align: top;
}
.mobile {
display: block;
font-size: 16px;
font-weight: 500;
padding: 2px 4px;
text-align: center;
background-color: #fff;
}
.lb-container {
background-color: rgba(255, 255, 255, 0.8);
}
.lb-image {
max-width: 100%; / Adjust the max-width as needed /
max-height: 100vh; / Adjust the max-height as needed /
border: 1px solid #fff; / Thin white border /
}
.lb-dataContainer {
text-align: center;
margin-bottom: 0; / Remove bottom margin /
}
.lb-close {
color: #fff; / Close button color /
font-size: 30px; / Close button size /
margin-bottom: 0; / Remove bottom margin /
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); / Semi-transparent black for arrow background /
color: #fff; / Arrow color /
border-radius: 50%; / Make arrows round /
padding: 10px; / Adjust padding /
}
<!– –>
<!– –>
Dry Fruits
Styled Images with Links
body {
text-align: center;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.custom-image {
display: block;
margin: 0 auto;
border: 2px solid #000;
transition: all 0.3s ease;
}
.image-container {
display: inline-block;
width: 47%;
margin: 1%;
text-align: center;
vertical-align: top;
}
.mobile {
display: block;
font-size: 16px;
font-weight: 500;
padding: 2px 4px;
text-align: center;
background-color: #fff;
}
.lb-container {
background-color: rgba(255, 255, 255, 0.8); / Semi-transparent white background /
padding: 20px;
}
.lb-image {
max-width: 100%; / Adjust the max-width as needed /
max-height: 100vh; / Adjust the max-height as needed /
border: 1px solid #fff; / Thin white border /
}
.lb-dataContainer {
text-align: center;
margin-bottom: 0; / Remove bottom margin /
}
.lb-close {
color: #fff; / Close button color /
font-size: 30px; / Close button size /
margin-bottom: 0; / Remove bottom margin /
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); / Semi-transparent black for arrow background /
color: #fff; / Arrow color /
border-radius: 50%; / Make arrows round /
padding: 10px; / Adjust padding /
}
Chocolate Fantasy Shakes
Styled Images with Links
body {
text-align: center;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.custom-image {
display: block;
margin: 0 auto;
border: 2px solid #000;
transition: all 0.3s ease;
}
.image-container {
display: inline-block;
width: 47%;
margin: 1%;
text-align: center;
vertical-align: top;
}
.mobile {
display: block;
font-size: 16px;
font-weight: 500;
padding: 2px 4px;
text-align: center;
background-color: #fff;
}
/ Custom styles for Lightbox2 /
.lb-container {
background-color: rgba(255, 255, 255, 0.8); / Semi-transparent white background /
padding: 20px;
}
.lb-image {
max-width: 100%; / Adjust the max-width as needed /
max-height: 100vh; / Adjust the max-height as needed /
border: 1px solid #fff; / Thin white border /
}
.lb-dataContainer {
text-align: center;
margin-bottom: 0; / Remove bottom margin /
}
.lb-close {
color: #fff; / Close button color /
font-size: 30px; / Close button size /
margin-bottom: 0; / Remove bottom margin /
}
.lb-prev, .lb-next {
background-color: rgba(0, 0, 0, 0.3); / Semi-transparent black for arrow background /
color: #fff; / Arrow color /
border-radius: 50%; / Make arrows round /
padding: 10px; / Adjust padding /
}
