contact_us1- Tailwind Templates

Contact_us1

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.

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

  1. Clone the repository:

    git clone https://github.com/Arafat0122/contact_us1-.git
    
  2. Navigate to the project directory:

    cd contact_us1
    
  3. 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!

Top categories

Loading Svelte Themes