Contact Us Page
This project is a responsive "Contact Us" page designed for an IT company. It features a modern UI with animated backgrounds and interactive elements using HTML, CSS, JavaScript, Tailwind CSS, DaisyUI, and SweetAlert2.
Features
- Responsive Design: Optimized for all device sizes using Tailwind CSS.
- Animated Background: Dynamic background animation created using the HTML5 Canvas API.
- Typing Effect Header: A visually appealing typing effect applied to the page header.
- Interactive Form: A contact form with input fields for the user's name, email, and message, enhanced with real-time validation.
- Form Submission Alert: SweetAlert2 provides a stylish alert upon successful form submission.
Technologies Used
- HTML: Structure of the page.
- CSS: Styling the page, with custom styles and Tailwind CSS.
- JavaScript: Adding interactivity and animations.
- Tailwind CSS: Utility-first CSS framework for responsive design.
- DaisyUI: Component library for additional UI elements.
- SweetAlert2: Beautiful alert messages for form submission feedback.
Installation
Clone the repository:
git clone https://github.com/Arafat0122/contact_us1-.git
Navigate to the project directory:
cd contact_us1
Open the index.html file in your web browser:
```bash
open index.html
Alternatively, you can use a local development server to view the project.
Usage
- Open index.html in your web browser.
- The page features a contact form where users can input their full name, email address, and message.
- Upon submission, an alert message will confirm the successful sending of the message.
Contributing
If you would like to contribute to this project, please fork the repository and submit a pull request with your changes. For major changes, please open an issue first to discuss what you would like to change.
Acknowledgments
- Tailwind CSS
- DaisyUI
- SweetAlert2
- HTML5 Canvas
Feel free to adjust the content to match your project setup or any additional details you want to include!