Fix: Restructure Footer on work.html with Proper Columns and Responsive Design

[Riya-Kharade]

Description:
The work.html page currently has a footer that:

• Is misaligned and not properly structured.
• Does not match the layout of index.html.
• Social media icons and links are not properly displayed.
• The footer is not responsive on mobile and tablet screens.

Expected Behavior:

• Footer should match work.html with four clear columns:

1. Name & Description
2. Important Links (Home, About Us, Services, Our Works, FAQ)
3. Contact Info (Phone, Email)
4. Social Media Icons (Facebook, Twitter, LinkedIn, Instagram)
5. Footer must be responsive and aligned correctly on all screen sizes.

Steps to Reproduce:

• Open work.html in a browser.
• Scroll down to the footer section.
• Observe that the layout is broken, icons are misaligned, and it does not match index.html.
• Resize the browser to mobile or tablet view to see responsiveness issues.

Impact:

• Inconsistent user experience across pages.
• Important links and contact info are harder to access.
• Website appears unprofessional.

Screenshots:
before

after

[netlify]

✅ Deploy Preview for growcraftt ready!

Name	Link
🔨 Latest commit	47277ed
🔍 Latest deploy log	https://app.netlify.com/projects/growcraftt/deploys/68df6b96f22d4d000890d4a8
😎 Deploy Preview	https://deploy-preview-823--growcraftt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼