Update contact.html

[akshitbansal2005]

1. HTML Structure:

   • The document follows a proper HTML structure with essential meta tags, external CSS/JS links, and well-organized content sections, such as header, navigation, contact form, contact information, and footer.

2. Preloader:

   • A preloader animation is included to enhance the user experience during page load. This preloader uses a div structure with a series of animated box elements to give a loading effect. A separate preloader.js script handles its behavior.

3. Navigation Bar:

   • The navigation bar (<nav>) contains a list of tabs with links to different pages (e.g., Home, About, Features, Products, and Contact Us).
   • A dropdown is used for product categories (Men and Women).
   • Additional icons for a shopping cart, user profile, and search are included for better utility.

4. Contact Form:

   • The form includes fields for the user's name, email, subject, and message. It includes basic HTML5 validation using the required attribute to ensure all fields are filled before form submission.
   • There is also a validateForm JavaScript function to provide additional client-side form validation and alert if any field is left empty.
   • The form uses POST as the method but lacks a defined action URL (i.e., action="/submit" is a placeholder).

5. Contact Information:

   • This section includes the company’s addresses, phone numbers, and emails, divided into categories such as the Head Office, Branch Office, and Development Center.
   • Icons from FontAwesome are used to display location, phone, and email information.

6. Map Integration:

   • A Google Maps iframe is embedded to visually show the location. However, the source (src="https://www.google.com/maps/embed?pb=...") is incomplete and should be replaced with an actual map embed URL.

7. Footer Section:

   • The footer includes three sections: Contact Us, Quick Links, and a Newsletter Subscription form.
   • Contact information is repeated for accessibility, and social media links (LinkedIn, GitHub, Twitter/X, Instagram) are provided.
   • A newsletter subscription input allows users to enter their email to receive updates. It includes a button for submitting their email.

8. Accessibility and SEO:

   • Icons and interactive elements such as buttons and input fields have been enhanced with aria-label attributes, which improves accessibility for screen readers.
   • The meta tags and structured content improve SEO.

9. Responsive Design:

   • The page is mobile-friendly, thanks to the use of viewport meta tags (<meta name="viewport" content="width=device-width, initial-scale=1.0">) and a CSS grid layout for responsiveness.

10. External Resources:

• The page relies on external CSS for FontAwesome icons, Google Fonts, AOS (Animate on Scroll library), and a custom style.css file.
• No significant errors related to external CSS loading were identified, except for a redundant inclusion of the same style.css.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
trend-trove-ecommerce	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 17, 2024 7:36am

[Tejashri-Taral]

Please read #90