/Huong-Hua-Co-Website

🛁 Built with Django, React, and Vue.js, the official website of Huong Hua Co., Ltd. features a sleek UI, comprehensive details about our services, a portfolio of our work, client testimonials, and more. We've decided to make this open-source to help other businesses with creating their online presence!

Primary LanguageJavaScriptMIT LicenseMIT

Project README: Huong Hua Co. Ltd. Website

This README provides detailed information about the Huong Hua Co. Ltd. website project. The website is tailored for a company specializing in bathroom equipment design and construction, offering comprehensive insights into the company's services, portfolio, career opportunities, and more.

Overview

Huong Hua Co. Ltd. is dedicated to delivering top-quality bathroom solutions, ranging from design to installation and renovation. The website serves as a digital platform to showcase the company's expertise, project portfolio, client testimonials, and career opportunities.

Features

1. Home Page

  • Introduction to Huong Hua Co. Ltd.
  • Quick navigation links to various sections of the website.

2. About Us

  • Details about the company's history, mission, and values.
  • Overview of the company's specializations in bathroom solutions.

3. Services

  • Detailed descriptions of services offered, such as bathroom design, installation, and renovation.
  • Custom content aligning with the company's expertise in bathroom solutions.

4. Portfolio

  • Showcase of completed projects.
  • Images and descriptions of various bathroom designs and constructions.

5. Team

  • Information about the key team members.
  • Profiles of designers, project managers, and other crucial staff.

6. Career

  • Current job openings and a form for potential candidates to apply.
  • Integration with Formspree for form submission handling.

7. Contact

  • Contact information and a form for inquiries, integrated with Formspree.
  • Embedded Google Map showing the location of the company.

8. FAQ

  • Answers to frequently asked questions about services, pricing, project timelines, etc.

9. Client Testimonials

  • Feedback and reviews from past clients.
  • Reflects the company's commitment to quality and customer satisfaction.

10. Footer

  • Additional navigation links.
  • Social media links and contact information.

Technology Stack

  • HTML/CSS: For structuring and styling the website.
  • JavaScript: For interactive elements.
  • React: For building reusable components.
  • Bootstrap: For responsive design.
  • jQuery: Used for Bootstrap components and additional interactivity.
  • Formspree: For handling form submissions.
  • Google Maps API: For embedding location maps.

Setup and Installation

To set up the website locally, follow these steps:

  1. Clone the Repository:
    • Use git clone https://github.com/your-repository-url.git
  2. Navigate to the Project Directory:
    • cd huong-hua-co-ltd-website
  3. Open the HTML Files:
    • Use any web browser to open HTML files.

Configuration

  • Formspree Setup:
    • Replace the Formspree endpoint URLs in the contact and career forms with your unique Formspree URL.
  • Google Maps API:
    • Update the iframe source with your Google Maps API key for accurate location mapping.

Contributing

Contributions to the website are welcome. Please adhere to the following guidelines:

  • Fork the repository and create a new branch for your feature.
  • Write clean, commented, and well-documented code.
  • Ensure cross-browser compatibility and responsiveness.
  • Create a pull request with a detailed description of the changes.

Support

For support, contact info@huonghuaco.vn or open an issue in the GitHub repository.