diff --git a/Css-files/googletranslate.css b/Css-files/googletranslate.css new file mode 100644 index 00000000..f37f6bd6 --- /dev/null +++ b/Css-files/googletranslate.css @@ -0,0 +1,127 @@ +#translateButton { + position: fixed; + bottom: 20px; + right: 20px; + z-index: 1000; + width: 50px; + height: 50px; + border-radius: 50%; + border: none; + background: linear-gradient( rgb(234, 16, 16), #f2a736); + + color: white; + text-align: center; + display: inline-block; + font-size: 16px; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + line-height: 1; + text-align: center; + white-space: nowrap; + transition: transform 0.3s ease; + margin-right: 1390px; + margin-bottom: 55px; +} +#translateButton:hover { + transform: scale(1.2); +} + +/* The popup modal */ +.popup { + display: none; + position: fixed; + z-index: 1000; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); + +} + +/* Popup content */ +.popup-content { + background-color: #CF2123; + margin-top: 600px; + padding: 20px; + border: 1px solid #888; + width: 300px; + border-radius: 10px; + position: relative; + margin-right: 1300px; + margin-top:570px; +} + +/* Close button */ +.close { + color: #073725; + float: right; + font-size: 28px; + font-weight: bold; + cursor: pointer; +} + +.close:hover, +.close:focus { + color: black; + text-decoration: none; +} + +/* Hide the default Google Translate widget */ +.goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon { + display: none !important; +} + +body { + top: 0px !important; +} + +/* Hide the "Powered by Google" branding */ +.goog-logo-link { + display: none !important; +} + +.goog-te-gadget { + height: 28px !important; + overflow: hidden; +} + +/* Hide Google Translate notifications */ +.goog-te-spinner-pos, +.goog-te-spinner, +.goog-te-balloon-frame, +.goog-te-banner-frame, +.goog-te-banner, +.goog-te-balloon { + display: none !important; +} + +/* Custom styles for the Google Translate dropdown */ +#google_translate_element select { + background: #ffffff; + border: 1px solid #ccc; + color: #CF2123; + padding: 5px; + font-size: 14px; + border-radius: 5px; +} + +/* Hide the Google Translate bar */ +body > .skiptranslate { + display: none !important; +} + +.goog-te-banner-frame.skiptranslate { + display: none !important; +} +.goog-te-banner-frame { + display: none !important; +} +.goog-te-banner { + display: none !important; +} \ No newline at end of file diff --git a/Html-files/cart.html b/Html-files/cart.html index 06247d9e..fb07e214 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -445,6 +445,7 @@

Contact Us!

+
diff --git a/Html-files/googletranslate.js b/Html-files/googletranslate.js new file mode 100644 index 00000000..b75411d2 --- /dev/null +++ b/Html-files/googletranslate.js @@ -0,0 +1,27 @@ +document.addEventListener('DOMContentLoaded', function() { + // Get the popup + var popup = document.getElementById('translatePopup'); + + // Get the button that opens the popup + var btn = document.getElementById('translateButton'); + + // Get the element that closes the popup + var span = document.getElementsByClassName('close')[0]; + + // When the user clicks the button, open the popup + btn.onclick = function() { + popup.style.display = 'block'; + } + + // When the user clicks on (x), close the popup + span.onclick = function() { + popup.style.display = 'none'; + } + + // When the user clicks anywhere outside of the popup, close it + window.onclick = function(event) { + if (event.target == popup) { + popup.style.display = 'none'; + } + } +}); \ No newline at end of file diff --git a/Html-files/services.html b/Html-files/services.html index 246f524a..14532f58 100644 --- a/Html-files/services.html +++ b/Html-files/services.html @@ -1,39 +1,19 @@ - + + Services - Food Ordering Website - - - - - + + + + @@ -43,7 +23,7 @@ - + + + + +
+ + - - -
- - -
-
-
-
-
-
-
+ +
+

SERVICES

- -
-

SERVICES

-
-
-
-
- -
-
-

Food Tour and Experiences

- Take Experience -
-
-
-
- -
-
-

Catering Services for Events

- Book Catering -
-
-
-
- -
-
-

Meal Delivery Subscription

- Take Subscription -
+
+
+
+ +
+
+

Food Tour and Experiences

+ Take Experience +
+
+
+
+ +
+
+

Catering Services for Events

+ Book Catering +
+
+
+
+ +
+
+

Meal Delivery Subscription

+ Take Subscription +
+
-
-
-
-
-

- CUSTOMER OPINION -

-
-
-
-
-
-
- -

Riya Jain

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus - voluptatibus quidem nostrum neque molestiae fugiat id ex - consequatur atque quia quisquam hic accusamus dolores - sapiente, ipsum maxime, quo odit ut. -

+
+
+
+

+ CUSTOMER OPINION +

+
+
+ +
+
+
+
+ +

Riya Jain

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

-
- - - - - +
+ + + + + +
+
+
-
-
-
-
-
-
- -

Sudhanshu Sharma

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus - voluptatibus quidem nostrum neque molestiae fugiat id ex - consequatur atque quia quisquam hic accusamus dolores - sapiente, ipsum maxime, quo odit ut. -

-
- - - - - -
-
+
+
+
+ +

Sudhanshu Sharma

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

+ +
+ + + + +
-
-
-
-
- -

Angel Dravid

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus - quidem - nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic - accusamus - dolores sapiente, ipsum maxime, quo odit ut. -

+
+
+
+
+
+
+ +

Angel Dravid

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

-
- - - - - -
-
+
+ + + + +
-
-
-
-
- -

Priya Sharma

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus - quidem - nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic - accusamus - dolores sapiente, ipsum maxime, quo odit ut. -

+
+
+
+
+
+
+ +

Priya Sharma

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

-
- - - - - -
-
+
+ + + + +
-
+
-
- -
-
- -

Gift Card and Voucher Redemption

+
+ +
+
+ +

Gift Card and Voucher Redemption

+
+
+ +

Exclusive Offers and Promotions

+
+
-
- -

Exclusive Offers and Promotions

-
-
- + + + -.service-icon{ - height:15% !important; - width: 15% !important; - opacity: 1 !important; -} - +
-

Authentic Indian Flavors

- -

From aromatic curries to flavorful biryanis, our menu showcases the - diversity and deliciousness of Indian cuisine.

+ +

From aromatic curries to flavorful biryanis, our menu showcases the diversity and deliciousness of Indian cuisine.

@@ -467,11 +446,9 @@

Authentic Indian Flavors

Tech-Infused Dining Experience

- -

Customers can use apps to place orders, customize their dishes, and even - provide feedback, making - their visit more convenient and interactive. -

+ +

Customers can use apps to place orders, customize their dishes, and even provide feedback, making their visit more convenient and interactive. +

@@ -479,10 +456,8 @@

Tech-Infused Dining Experience

Innovative Fusion Dishes

- -

The combinations of Indian and international cuisines not only tantalize - taste buds - but also provide unique experience.

+ +

The combinations of Indian and international cuisines not only tantalize taste buds but also provide unique experience.

@@ -539,10 +514,10 @@

Innovative Fusion Dishes

- +
+

@@ -575,16 +550,19 @@

Online
Delivery

Order Online -
+
+

Click &
Collect

Take out Order
+
+

Restaurant
Dining

Book Table
@@ -593,16 +571,13 @@

Restaurant
Dining

-
+

"Get ready to explore our delicious range of dishes!"

-

"Welcome to a world of culinary delights where every bite tells a flavorful story. Explore our diverse - menu and savor the essence of exquisite dining."

+

"Welcome to a world of culinary delights where every bite tells a flavorful story. Explore our diverse menu and savor the essence of exquisite dining."

View Menu
-
+
@@ -617,8 +592,7 @@

Indian Thali

- +

Dessert

@@ -629,8 +603,7 @@

Dessert

- +

Snacks

@@ -641,8 +614,7 @@

Snacks

- +

Juices

@@ -654,12 +626,10 @@

Juices

-
+

Our Happy Clients

- At Foodie, we pride ourselves on delivering delicious meals & exceptional service. Don't just take our word - for it - hear what our satisfied customers have to say! + At Foodie, we pride ourselves on delivering delicious meals & exceptional service. Don't just take our word for it - hear what our satisfied customers have to say!

-
+

Frequently Asked Questions (FAQ)

How do I place an order?

-

To place an order, browse our menu, select the items you want, and add them to your cart. Once you’re - ready, click on the cart icon and proceed to checkout. Follow the instructions to complete your - order.

+

To place an order, browse our menu, select the items you want, and add them to your cart. Once you’re ready, click on the cart icon and proceed to checkout. Follow the instructions to complete your order. +

What payment methods do you accept?

-

We accept various payment methods including credit/debit cards, net banking, and popular digital - wallets. You can select your preferred payment method at the checkout page.

+

We accept various payment methods including credit/debit cards, net banking, and popular digital wallets. You can select your preferred payment method at the checkout page.

Can I schedule an order for later?

-

Yes, you can schedule an order for a later time. During checkout, select the delivery time that suits - you best.

+

Yes, you can schedule an order for a later time. During checkout, select the delivery time that suits you best.

How can I track my order?

-

Once your order is confirmed, you will receive a tracking link via email or SMS. You can use this - link to track the status of your delivery in real-time.

+

Once your order is confirmed, you will receive a tracking link via email or SMS. You can use this link to track the status of your delivery in real-time.

What should I do if I have a problem with my order?

-

If you encounter any issues with your order, please contact our customer support immediately. You can - reach us via the contact form on our website, email, or phone. We’re here to help you!

+

If you encounter any issues with your order, please contact our customer support immediately. You can reach us via the contact form on our website, email, or phone. We’re here to help you!

Is there a minimum order value?

-

Yes, there is a minimum order value depending on your location. The minimum order amount will be - displayed during the checkout process.

+

Yes, there is a minimum order value depending on your location. The minimum order amount will be displayed during the checkout process.

Do you offer any discounts or promotions?

-

We regularly offer discounts and promotions. Check our website or subscribe to our newsletter to stay - updated on the latest deals and offers.

+

We regularly offer discounts and promotions. Check our website or subscribe to our newsletter to stay updated on the latest deals and offers.

@@ -819,10 +779,8 @@

For Free Delivery!

Download This Amazing App Now!


For best discounts and free delivery download the app now from your Google Play Store or App Store.

- Get it on Google Play Store - Download on the Apple App Store + Get it on Google Play Store + Download on the Apple App Store
© Foodies - All Rights Reserved | + Terms and Conditions | Privacy Policy | + @@ -978,6 +934,26 @@

Follow Us

+ + + + + + + + + @@ -986,13 +962,11 @@

Follow Us