[Feat]: Want to add translation tool to website

[Mahak-Codes]

Feature Description

Integrating translation tool in your website.

Provide a detailed description of the feature

Google Translate Integration

This project implements a Google Translate widget that allows users to translate the webpage content into different languages through a popup interface.

Features

• Translate Button: A button at the bottom-right corner of the page that opens the translation popup.
• Popup Interface: Contains the Google Translate widget, enabling language selection and translation.
• Custom Styling: The button and popup are styled for a visually appealing user experience.

How It Works

1. The Translate button, when clicked, opens a popup displaying the Google Translate interface.
2. The widget is initialized using the Google Translate API, with English set as the default page language.
3. Users can select their preferred language to translate the content of the page dynamically.

Technologies Used

• HTML
• CSS
• JavaScript
• Google Translate API

Put here any screenshots or videos (optional)

https://github.com/user-attachments/assets/edd46fea-1880-4617-80b1-a47355d0d917

By submitting this issue, you agree to

• [X] I agree to follow this project's Code of Conduct
• [X] I’ve read all the issues in the issue section, and this feature has not been proposed yet.

Other Information

• [X] I'm a GSSoC '24 Extended contributor
• [X] I'm a Hacktoberfest '24 contributor
• [X] I am willing to work on this feature (optional)

[github-actions[bot]]

@Mahak-Codes

Thank you for raising this issue! 🎉🙌

We truly appreciate your contribution to this project and will review the details shortly. 🛠️✨ We will get back to you soon!

Thank you for your patience! 🙏